add new

src/App.vue

@@ -32,20 +32,42 @@ let bt_data=reactive([{btname:'优惠服务',imgurl:s1,simgurl:sl1},{btname:'生
   <div class="bottom">
     <div class="bt_itm" v-for="(v, i) in bt_data" :key="i">
       <img :src="v.imgurl" alt="">
-      <img :src="v.simgurl" alt="">
-      
+      <!-- <img :src="v.simgurl" alt=""> -->
       <span>{{ v.btname }}</span>
     </div>
   </div>
 </template>
 
-<style >
-*{padding: 0px;}
+<style  lang="scss">
+* {
+  padding: 0px;
+}
+
 .bottom {
+  background-color: #fff;
   display: flex;
   align-items: center;
+  justify-content: space-around;
+
+  .bt_itm {
+    display: flex;
+    flex-direction: column;
     justify-content: center;
+    align-items: center;
+    img {
+      width: 24px;
+      height: 24px;
     }
+
+    span {
+      font-size: 10px;
+      font-family: PingFang SC, PingFang SC;
+      font-weight: 400;
+      color: #999999;
+    }
+  }
+}
+
 /* header {
   line-height: 1.5;
   max-height: 100vh;
@@ -106,5 +128,4 @@ nav a:first-of-type {
     padding: 1rem 0;
     margin-top: 1rem;
   }
-} */
-</style>
+} */</style>