From 2bdbe42d8d4b03b46d2066e50e595a06cebd43c2 Mon Sep 17 00:00:00 2001 From: lzhe <181968431@qq.com> Date: 星期六, 13 四月 2024 22:34:05 +0800 Subject: [PATCH] 1 --- src/views/home/widgets/components/ver.vue | 58 ++++++++++++++++++++++++++++++++++------------------------ 1 files changed, 34 insertions(+), 24 deletions(-) diff --git a/src/views/home/widgets/components/ver.vue b/src/views/home/widgets/components/ver.vue index 0725645..a02f8c3 100644 --- a/src/views/home/widgets/components/ver.vue +++ b/src/views/home/widgets/components/ver.vue @@ -1,40 +1,50 @@ <template> - <el-card shadow="hover" header="鐗堟湰淇℃伅"> - <div style="height: 210px;text-align: center;"> - <img src="img/ver.svg" style="height:140px"/> - <h2 style="margin-top: 15px;">SCUI {{$CONFIG.CORE_VER}}</h2> - <p style="margin-top: 5px;">鏈�鏂扮増鏈� {{ver}}</p> - </div> - <div style="margin-top: 20px;"> - <el-button type="primary" plain round @click="golog">鏇存柊鏃ュ織</el-button> - <el-button type="primary" plain round @click="gogit">gitee</el-button> - </div> - </el-card> + <div> + <el-card shadow="hover" header="蹇嵎鍏ュ彛"> + <ul> + <li><div>浜哄伐-閮ㄩ棬</div></li> + <li><div class="addMenu" @click="showDrawer">+ 娣诲姞鑿滃崟</div></li> + </ul> + </el-card> + <el-drawer + title="鎴戞槸鏍囬" + :visible.sync="drawer" + :direction="direction" + :before-close="handleClose"> + <span>鎴戞潵鍟�!</span> + </el-drawer> + </div> </template> <script> export default { - title: "鐗堟湰淇℃伅", - icon: "el-icon-monitor", - description: "褰撳墠椤圭洰鐗堟湰淇℃伅", data() { return { - ver: 'loading...' + direction: "rtl", + drawer: false } }, mounted() { - this.getVer() + }, methods: { - async getVer(){ - this.ver = "1.0.0" + showDrawer() { + alert(2) + this.drawer = true; + alert(3) }, - golog(){ - window.open("https://gitee.com/lolicode/scui/releases") - }, - gogit(){ - window.open("https://gitee.com/lolicode/scui") - } + handleClose(done) { + this.$confirm('纭鍏抽棴锛�').then(_ => { + done(); + }).catch(_ => {}); + } } } </script> +<style scoped> + ul {list-style: none;margin-bottom: 10px;overflow: hidden;} + ul li {float: left;margin-bottom: 8px;} + ul li div {border: 1px solid #3b8e8e;margin-top: 10px;height: 43px;margin-left: 10px;display: flex;align-items: center;justify-content: center;color: #3b8e8e;padding: 7px 15px;border-radius: 2px;border-radius: 2px;white-space: nowrap;cursor: pointer;} + ul li div:hover {background-color: #ebf4f4;} + .addMenu {border: 1px dashed #3b8e8e;} +</style> \ No newline at end of file -- Gitblit v1.9.3