Forráskód Böngészése

跳转按钮优化

DESKTOP-6LTVLN7\Liumouren 1 éve
szülő
commit
083ac7bc9b
2 módosított fájl, 32 hozzáadás és 11 törlés
  1. 28 10
      styles/user.css
  2. 4 1
      templates/user.html

+ 28 - 10
styles/user.css

@@ -22,18 +22,36 @@
 #userContent .UserAHref {
   position: absolute;
   right: 270px;
-  width: 50px;
-  height: 50px;
-  /*top: 0;*/
-  /*line-height: 68px;*/
+  width: 200px;
   cursor: pointer;
   z-index: 111;
-  /*left: 0;*/
-  /*margin: 10px 0 0 10px;*/
-  background: url(../images/layout/addrWebLogo.png) no-repeat;
-  /*position: absolute;*/
-  /*left: 10px;*/
-  /*top: -5px;*/
+  background-color: #fff;
+  border-radius: 3px;
+  display: flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+  padding: 3px;
+}
+
+#userContent .UserAHref:hover .UserAHref_title {
+  color: #409eff;
+  text-decoration: underline;
+}
+
+#userContent .UserAHref_logo {
+  padding: 15px;
+  background-image: url(../images/layout/addrWebLogo.png);
+  background-repeat: no-repeat;
+  background-size: 100%;
+  border-radius: 3px;
+}
+
+#userContent .UserAHref_title {
+  width: 155px;
+  color: #303133;
+  font-size: 14px;
+  font-weight: bold;
 }
 
 /* 地名地址搜索框 */

+ 4 - 1
templates/user.html

@@ -1,6 +1,9 @@
 <div id="userContent">
   <!-- 地名地址原网页跳转 -->
-  <div class="UserAHref"></div>
+  <div class="UserAHref">
+    <div class="UserAHref_logo"></div>
+    <div class="UserAHref_title">青浦区统一地址管理平台</div>
+  </div>
   <!-- 地名地址搜索框 -->
   <div class="UserAddressSearch">
     <input