From 60076cbbe1da6cc8ed3a4ebb8f67e92ea9be9e4a Mon Sep 17 00:00:00 2001
From: zmc <zmc_li@foxmail.com>
Date: 星期二, 15 八月 2023 16:02:58 +0800
Subject: [PATCH] 设置按钮的加载效果
---
src/views/LoginInterface.vue | 20 +++++++++++++++++---
1 files changed, 17 insertions(+), 3 deletions(-)
diff --git a/src/views/LoginInterface.vue b/src/views/LoginInterface.vue
index 0ddaec7..d1636c3 100644
--- a/src/views/LoginInterface.vue
+++ b/src/views/LoginInterface.vue
@@ -21,7 +21,9 @@
style="margin-left: 20px;"
></el-input>
</div>
+ <div >
<el-button type="primary" class="login-btn" @click="login">鐧诲綍</el-button>
+ </div>
</el-card>
</div>
</template>
@@ -52,7 +54,7 @@
<style scoped>
.login-container {
- background-image: url('../assets/bg1.png');
+ background-image: url('../assets/login.jpg');
/*鐢ㄤ簬涓轰竴涓厓绱犺缃竴涓垨鑰呭涓儗鏅浘鍍忋�� */
background-size: cover; /* 灏嗚儗鏅浘鍍忕瓑姣旂缉鏀惧埌瀹屽叏瑕嗙洊瀹瑰櫒锛岃儗鏅浘鍍忔湁鍙兘瓒呭嚭瀹瑰櫒銆�*/
background-position: center; /* 涓烘瘡涓�涓儗鏅浘鐗囪缃垵濮嬩綅缃�傝繖涓綅缃槸鐩稿浜庣敱 background-origin 瀹氫箟鐨勪綅缃浘灞傜殑 閿瓧 center锛岀敤鏉ュ眳涓儗鏅浘鐗囥��*/
@@ -101,8 +103,20 @@
}
.login-btn {
- width:40%;
- margin-left: 155px;
+ /* position: absolute;
+ width:calc(100% - 20px);
+ left: 40px;
+ margin-top: 30px;
+ display: flex; */
+ /* justify-content: center; */
+ /* margin-left: 155px; */
+ position: absolute;
+ left: 85px;
+ width: calc(100% - 150px);
+ padding: 6px;
+ text-align: center;
+ box-sizing: border-box;
+ margin-top: 30px;
}
.ab {
margin-top: 100px;
--
Gitblit v1.9.3