zhangyu 4 gadi atpakaļ
vecāks
revīzija
32d7ee1cb2
3 mainītis faili ar 95 papildinājumiem un 1047 dzēšanām
  1. 33 5
      src/components/brand/sagaBrand.vue
  2. 61 1041
      src/data/brandList.js
  3. 1 1
      src/framework/style/reset.scss

+ 33 - 5
src/components/brand/sagaBrand.vue

@@ -2,7 +2,7 @@
  * @Author: zhangyu
  * @Date: 2020-05-08 16:06:03
  * @Info: 
- * @LastEditTime: 2020-05-09 16:29:41
+ * @LastEditTime: 2020-05-09 19:04:06
  -->
 <template>
   <div class="saga-brand-box">
@@ -18,6 +18,11 @@
     </div>
     <div v-for="(list, letter) in brandList" :key="letter" class="saga-brand-group">
       <h3 class="saga-brand-letter">{{letter}}</h3>
+      <ul class="saga-brand-list">
+        <li class="saga-brand-item" v-for="item in list" :key="item.id" :title="item.zhName">
+          
+        </li>
+      </ul>
     </div>
   </div>
 </template>
@@ -52,16 +57,39 @@ export default {
     width: 100%;
     margin-top: 90px;
     padding: 16px;
+    box-sizing: border-box;
     background: rgba(255,255,255,1);
     box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
     .saga-brand-header {
       height: 40px;
-       border-bottom: 1px solid #EFF0F1;
-    }
-    .saga-brand-letter {
-      font-size: 20px;
+      margin-bottom: 16px;
       border-bottom: 1px solid #EFF0F1;
     }
+    .saga-brand-group {
+      .saga-brand-letter {
+        margin-bottom: 16px;
+        padding-left: 13px;
+        height: 34px;
+        line-height: 45px;
+        font-size: 20px;
+        border-bottom: 1px solid #EFF0F1;
+      }
+      .saga-brand-list {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        .saga-brand-item {
+          width:224px;
+          height:102px;
+          margin-right: 16px;
+          margin-bottom: 16px;
+          cursor: pointer;
+          box-sizing: border-box;
+          border-radius:4px;
+          border:1px solid #E4E5E7;
+        }
+      }
+    }
   }
   /deep/ .el-dropdown-link {
     cursor: pointer;

Failā izmaiņas netiks attēlotas, jo tās ir par lielu
+ 61 - 1041
src/data/brandList.js


+ 1 - 1
src/framework/style/reset.scss

@@ -24,7 +24,7 @@ body {
     padding: 0 !important;
     margin: 0 !important;
     font-size: 14px;
-    color: #333;
+    color: #1F2429;
     width: 100%;
     height: 100%;
     font-family: Microsoft YaHei,Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,SimSun,sans-serif;