From 07e7a6323d6f98fe2dfdf2733daf457a4e4f42f4 Mon Sep 17 00:00:00 2001 From: ZhangXianQiang <1135831638@qq.com> Date: 星期四, 28 三月 2024 14:13:38 +0800 Subject: [PATCH] style:登录页面样式 --- src/views/screen/components/wrapper-title/index.vue | 34 ++++++++++++++++++++++++++++++++++ 1 files changed, 34 insertions(+), 0 deletions(-) diff --git a/src/views/screen/components/wrapper-title/index.vue b/src/views/screen/components/wrapper-title/index.vue index 9e7593f..6351d2b 100644 --- a/src/views/screen/components/wrapper-title/index.vue +++ b/src/views/screen/components/wrapper-title/index.vue @@ -1,6 +1,14 @@ <template> <div class="title-container"> <span class="title">{{ title }}</span> + + <div class="more-button" v-if="path" @click="toPath"> + <dv-border-box-12> + <div class="button-text"> + 璇︽儏 + </div> + </dv-border-box-12> + </div> </div> </template> @@ -11,6 +19,15 @@ title: { type: String, required: true + }, + path: { + type: String, + default: '' + } + }, + methods: { + toPath () { + this.$router.push(this.path); } } } @@ -25,6 +42,7 @@ width: 100%; position: relative; display: flex; + justify-content: space-between; align-items: center; margin-bottom: 10px; @@ -36,5 +54,21 @@ font-size: 20px; font-style: italic; } + + .more-button { + width: 100px; + height: 40px; + cursor: pointer; + + .button-text { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + color: #ffffff81; + font-size: 20px; + } + } } </style> \ No newline at end of file -- Gitblit v1.8.0