Kaynağa Gözat

0.0.15

修改样式保存
Sean 5 ay önce
ebeveyn
işleme
f18b52c6b9

BIN
src/assets/public/nav/arrowDown.png


+ 3 - 1
src/components/Breadcrumb/index.vue

@@ -88,8 +88,10 @@ export default {
 .app-breadcrumb.el-breadcrumb {
 .app-breadcrumb.el-breadcrumb {
   display: inline-block;
   display: inline-block;
   font-size: 12px;
   font-size: 12px;
-  line-height: 30px;
   margin-left: 30px;
   margin-left: 30px;
+  height:24px;
+  line-height:24px;
+  padding-top:2px;
   img {
   img {
     width:13px !important;
     width:13px !important;
     height:13px !important;
     height:13px !important;

+ 14 - 6
src/layout/components/Navbar.vue

@@ -18,9 +18,10 @@
       </template> -->
       </template> -->
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
       <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
         <div class="avatar-wrapper">
         <div class="avatar-wrapper">
-          <img src="@/assets/public/nav/notice.png" class="user-notice">
+          <!-- <img src="@/assets/public/nav/notice.png" class="user-notice"> -->
           <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
           <img :src="avatar+'?imageView2/1/w/80/h/80'" class="user-avatar">
           <span class="userName">{{this.$store.state.user.name}}</span>
           <span class="userName">{{this.$store.state.user.name}}</span>
+          <img src="@/assets/public/nav/arrowDown.png" class="arrowDown">
           <!--向下按钮-->
           <!--向下按钮-->
           <!-- <i class="el-icon-caret-bottom" /> -->
           <!-- <i class="el-icon-caret-bottom" /> -->
         </div>
         </div>
@@ -44,7 +45,7 @@
             <el-dropdown-item>Docs</el-dropdown-item>
             <el-dropdown-item>Docs</el-dropdown-item>
           </a> -->
           </a> -->
           <el-dropdown-item divided @click.native="logout">
           <el-dropdown-item divided @click.native="logout">
-            <span style="display:block;">{{$t('navbar.logOut')}}</span>
+            <span style="display:block;">{{$t('navbar.logOut')}}222</span>
           </el-dropdown-item>
           </el-dropdown-item>
         </el-dropdown-menu>
         </el-dropdown-menu>
       </el-dropdown>
       </el-dropdown>
@@ -104,7 +105,8 @@ export default {
   align-items: center;
   align-items: center;
   justify-content: space-between;
   justify-content: space-between;
   background: #fff;
   background: #fff;
-  box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  // box-shadow: 0 1px 4px rgba(0,21,41,.08);
+  border-bottom:1px solid #E9EDF7;
 
 
   .pageTitle {
   .pageTitle {
     font-size: 20px;
     font-size: 20px;
@@ -117,6 +119,7 @@ export default {
     font-size: 14px;
     font-size: 14px;
     color:#1C1D22;
     color:#1C1D22;
     margin-left: 10px;
     margin-left: 10px;
+    font-weight: bold;
   }
   }
 
 
   .hamburger-container {
   .hamburger-container {
@@ -178,9 +181,14 @@ export default {
 
 
         .user-avatar {
         .user-avatar {
           cursor: pointer;
           cursor: pointer;
-          width: 40px;
-          height: 40px;
-          border-radius: 10px;
+          width: 32px;
+          height: 32px;
+        }
+
+        .arrowDown {
+          width:12px;
+          height:8px;
+          margin-left:10px;
         }
         }
 
 
         .user-notice {
         .user-notice {

+ 18 - 4
src/views/website/WebsiteList.vue

@@ -708,16 +708,30 @@ export default {
     margin:30px 30px 10px 30px;
     margin:30px 30px 10px 30px;
     background: #fff;
     background: #fff;
     border-radius: 8px;
     border-radius: 8px;
-    padding: 20px 20px 20px 20px;
+    padding: 20px 0;
     box-sizing: border-box;
     box-sizing: border-box;
     .searchTitle {
     .searchTitle {
       font-size:14px;
       font-size:14px;
+      color:#999999;
+      margin-bottom:10px;
       white-space:nowrap;
       white-space:nowrap;
     }
     }
     .searchBox {
     .searchBox {
-      display:flex;
-      align-items: center;
-      padding-right:20px;
+      .el-cascader--medium {
+        width:100%;
+      }
+    }
+    .el-row {
+      >div:nth-child(1){
+        padding-left:20px;
+        padding-right:20px;
+      }
+      >div:nth-child(2){
+        padding-right:20px
+      }
+      >div:nth-child(3){
+        padding-right:20px
+      }
     }
     }
   }
   }
   .layerBox {
   .layerBox {