From da0a3c5dcb95cae59af0719d42f2b8f9225a5df5 Mon Sep 17 00:00:00 2001 From: haoxuan <haoxuan> Date: 星期四, 14 九月 2023 17:33:06 +0800 Subject: [PATCH] 按钮样式修改 --- src/components/AddIssue.vue | 20 +++++++++++++------- 1 files changed, 13 insertions(+), 7 deletions(-) diff --git a/src/components/AddIssue.vue b/src/components/AddIssue.vue index 42c7974..be37b28 100644 --- a/src/components/AddIssue.vue +++ b/src/components/AddIssue.vue @@ -115,9 +115,9 @@ width: 100%; text-align: center; margin-bottom: 15px; - margin-top: 10px; line-height:35px; " + :class="showBtn == 3&&isLoading?'margin-top-10px':'margin-top-40px'" > <template v-if="showBtn == 2"> <div class="gif"> @@ -162,7 +162,9 @@ </div> </template> <template v-else> - + <div class="btn" @click="closeClick"> + <img src="../../public/btn1.png" /> + </div> <div class="btn" v-if="showBtn == 1" @click="confirmClick1"> <img src="../../public/confirm1.png" /> </div> @@ -177,9 +179,6 @@ > <i class="el-icon-loading icon-loading" v-if="isLoading"/> <img src="../../public/confirm1.png" /> - </div> - <div class="btn" @click="closeClick"> - <img src="../../public/btn1.png" /> </div> </template> </div> @@ -390,8 +389,15 @@ .dialog-footer { position: absolute; bottom: 30px; - width:94%; + width:100%; + text-align:center; } +} +.margin-top-10px{ + margin-top:10px; +} +.margin-top-40px{ + margin-top:40px; } .color_4efefa { color: #4efefa !important; @@ -464,7 +470,6 @@ .btn { width: 150px; height: auto; - float: right; display: inline-block; position:relative; img { @@ -589,6 +594,7 @@ // background: #15d815; background:red; border-radius: 50%; + margin-top:-5px; vertical-align: middle; } } -- Gitblit v1.8.0