变更结构

wxmp/src/App.vue

@@ -14,7 +14,7 @@ export default {
 /*每个页面公共css */
 
 @each $padMar, $pm in (mar:margin, pad:padding) {
-  @each $v in (8, 10, 16, 20, 32, 48, 64, 80) {
+  @each $v in (8, 10, 16, 20, 32, 48, 56, 64, 80) {
     @each $pos, $p in (l:left, r:right, t:top, b:bottom) {
       .#{$padMar}-#{$pos+$v} {
         #{$pm}-#{$p}: #{$v}px

wxmp/src/pages/home.vue

@@ -2,7 +2,7 @@
   <section class="home">
     <uni-search-bar class="sticky-t" placeholder="搜索商品" cancelText="更多" @cancel="" radius="100" @input="handleSearch"/>
     <ai-tabs class="fixedTabs" :tabs="indexList" vertical v-model="currentType" @click="handleType"/>
-    <div class="pad-l80 pad-t64">
+    <div class="pad-l80 pad-t56">
       <!--      <uni-card isFull :border="false" title="示例产品" subTitle="规格:8mmX10mm" extra="查看详情"-->
       <!--                thumbnail="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png"/>-->
       <uni-list-item title="示例产品" note="规格:8mmX10mm" thumbSize="lg" thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" :showArrow="false">
@@ -19,7 +19,6 @@
       <uni-list-item title="示例产品" note="规格:8mmX10mm" thumbSize="lg" thumb="https://web-assets.dcloud.net.cn/unidoc/zh/unicloudlogo.png" rightText="￥2.60"/>
     </div>
     <ai-gap h="50"/>
-    <uni-goods-nav class="fixed-b" @click="handleGoodNav"/>
   </section>
 </template>
 
@@ -52,6 +51,7 @@ export default {
 
     },
     handleAdd2Cart() {
+      uni.setTabBarBadge({index: 1, text: "4"})
       this.$toast("加入购物车")
     },
     handleDetail() {