From ded792ca595f1acd62ae88716123d18e6c52be07 Mon Sep 17 00:00:00 2001 From: heyujie <516346543@qq.com> Date: 星期三, 07 七月 2021 17:50:05 +0800 Subject: [PATCH] 欢迎页图标改变 --- src/pages/settings/index/App.vue | 21 ++++++++++++++------- 1 files changed, 14 insertions(+), 7 deletions(-) diff --git a/src/pages/settings/index/App.vue b/src/pages/settings/index/App.vue index 1f24e72..ef71b7c 100644 --- a/src/pages/settings/index/App.vue +++ b/src/pages/settings/index/App.vue @@ -496,37 +496,37 @@ <div class="welcome-page" v-else> <div class="child" @click="openWelcome('璐︽埛',0)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">璐︽埛</span> </div> </div> <div class="child" @click="openWelcome('鏃ユ湡鏃堕棿',1)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">鏃ユ湡鏃堕棿</span> </div> </div> <div class="child" @click="openWelcome('闆嗙兢绠$悊',2)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">闆嗙兢绠$悊</span> </div> </div> <div class="child" @click="openWelcome('缃戠粶璁剧疆',3)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">缃戠粶璁剧疆</span> </div> </div> <div class="child" @click="openWelcome('閿洏鍜岃瑷�',4)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">閿洏鍜岃瑷�</span> </div> </div> <div class="child" @click="openWelcome('閫氱敤璁剧疆',5)"> <div class="child-info"> - <span class="icon iconfont welcome-icon"></span> + <span class="icon iconfont welcome-icon"></span> <span class="welcome-title">閫氱敤璁剧疆</span> </div> </div> @@ -1184,7 +1184,7 @@ .welcome-page { width: 100%; height: 100%; - background-color: #f8f8f8; + background-color: #f5f5f5; display: -ms-flexbox; padding: 0 50px; -webkit-box-sizing: border-box; @@ -1217,6 +1217,13 @@ } } } + .child:hover { + -moz-box-shadow: 5px 5px 10px #ddd; + -webkit-box-shadow: 5px 5px 10px #ddd; + box-shadow: 5px 5px 10px #ddd; + transform: translate3d(0,-2.5px,0); + transition: all 0.3s; +} } .container { height: 100%; -- Gitblit v1.8.0