lyl

app.js

@@ -44,34 +44,34 @@ App({
       "backgroundColor": "#ffffff",
       "list": [
         {
-          "pagePath": "/pages/index/index",
-          "text": "首页",
-          "iconPath": "/components/tabbarComponent/icon/home.png",
-          "selectedIconPath": "/component/tabbarComponent/icon/homeSel.png"
+          "pagePath": "pages/index/index",
+          "iconPath": "/components/tabbarComponent/icons/home.png",
+          "selectedIconPath": "/components/tabbarComponent/icons/homeActive.png",
+          "text": "首页"
         },
         {
           "pagePath": "pages/insight/index",
-          "text": "服务",
-          "iconPath": "/components/tabbarComponent/icon/service.png",
-          "selectedIconPath": "/component/tabbarComponent/icon/serviceSel.png"
+          "iconPath": "/components/tabbarComponent/icons/insight.png",
+          "selectedIconPath": "/components/tabbarComponent/icons/insightActive.png",
+          "text": "洞察"
         },
         {
           "pagePath": "pages/brandSearch/index",
-          "text": "导航",
-          "iconPath": "/components/tabbarComponent/icon/navagati.png",
-          "isSpecial": true,
+          "iconPath": "/components/tabbarComponent/icons/appSearch.png",
+          "selectedIconPath": "/components/tabbarComponent/icons/appSearchActive.png",
+          "text": "品牌搜索"
         },
         {
           "pagePath": "pages/varComm/index",
-          "text": "订单",
-          "iconPath": "/components/tabbarComponent/icon/order.png",
-          "selectedIconPath": "/component/tabbarComponent/icon/orderSel.png"
+          "iconPath": "/components/tabbarComponent/icons/varComm.png",
+          "selectedIconPath": "/components/tabbarComponent/icons/varCommActive.png",
+          "text": "对比"
         },
         {
           "pagePath": "pages/mine/index",
-          "text": "我的",
-          "iconPath": "/components/tabbarComponent/icon/my.png",
-          "selectedIconPath": "/component/tabbarComponent/icon/mySel.png"
+          "iconPath": "/components/tabbarComponent/icons/mine.png",
+          "selectedIconPath": "/components/tabbarComponent/icons/mineActive.png",
+          "text": "我的"
         }
       ]
     }

app.json

@@ -17,32 +17,32 @@
   "tabBar": {
     "list": [{
         "pagePath": "pages/index/index",
-        "iconPath": "icons/home.png",
-        "selectedIconPath": "icons/homeActive.png",
+        "iconPath": "/components/tabbarComponent/icons/home.png",
+        "selectedIconPath": "/components/tabbarComponent/icons/homeActive.png",
         "text": "首页"
       },
       {
         "pagePath": "pages/insight/index",
-        "iconPath": "icons/insight.png",
-        "selectedIconPath": "icons/insightActive.png",
+        "iconPath": "/components/tabbarComponent/icons/insight.png",
+        "selectedIconPath": "/components/tabbarComponent/icons/insightActive.png",
         "text": "洞察"
       },
       {
         "pagePath": "pages/brandSearch/index",
-        "iconPath": "icons/appSearch.png",
-        "selectedIconPath": "icons/appSearchActive.png",
+        "iconPath": "/components/tabbarComponent/icons/appSearch.png",
+        "selectedIconPath": "/components/tabbarComponent/icons/appSearchActive.png",
         "text": "品牌搜索"
       },
       {
         "pagePath": "pages/varComm/index",
-        "iconPath": "icons/varComm.png",
-        "selectedIconPath": "icons/varCommActive.png",
+        "iconPath": "/components/tabbarComponent/icons/varComm.png",
+        "selectedIconPath": "/components/tabbarComponent/icons/varCommActive.png",
         "text": "对比"
       },
       {
         "pagePath": "pages/mine/index",
-        "iconPath": "icons/mine.png",
-        "selectedIconPath": "icons/mineActive.png",
+        "iconPath": "/components/tabbarComponent/icons/mine.png",
+        "selectedIconPath": "/components/tabbarComponent/icons/mineActive.png",
         "text": "我的"
       }
     ]

components/tabbarComponent/tabbar.js

@@ -13,22 +13,35 @@ Component({
         "selectedColor": "#1c1c1b",
         "list": [
           {
-            "pagePath": "/pages/index/index",
-            "iconPath": "icon/icon_home.png",
-            "selectedIconPath": "icon/icon_home_HL.png",
-            "text": "首页"
+            "pagePath": "pages/index/index",
+            "text": "首页",
+            "iconPath": "icons/home.png",
+            "selectedIconPath": "icons/homeActive.png",
           },
           {
-            "pagePath": "/pages/middle/middle",
-            "iconPath": "icon/icon_release.png",
+            "pagePath": "pages/insight/index",
+            "text": "洞查",
+            "iconPath": "icons/insight.png",
+            "selectedIconPath": "icons/insightActive.png",
+          },
+          {
+            "pagePath": "pages/brandSearch/index",
+            "text": "导航",
+            "iconPath": "icons/appSearch.png",
+            "selectedIconPath": "icons/appSearchActive.png",
             "isSpecial": true,
-            "text": "发布"
           },
           {
-            "pagePath": "/pages/mine/mine",
-            "iconPath": "icon/icon_mine.png",
-            "selectedIconPath": "icon/icon_mine_HL.png",
-            "text": "我的"
+            "pagePath": "pages/varComm/index",
+            "text": "对比",
+            "iconPath": "icons/varComm.png",
+            "selectedIconPath": "icons/varCommActive.png",
+          },
+          {
+            "pagePath": "pages/mine/index",
+            "text": "我的",
+            "iconPath": "icons/mine.png",
+            "selectedIconPath": "icons/mineActive.png",
           }
         ]
       }

components/tabbarComponent/tabbar.wxml

@@ -1,12 +1,12 @@
-<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" :style="'background-color:{{tabbar.backgroundColor}}'">
-  <block wx:for="{{tabbar.list}}" wx:key="{{item.pagePath}}">
-    <navigator wx:if="{{item.isSpecial}}" class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" :style="'color:{{tabbar.selectedColor}}'" open-type="navigate">
+<view class="tabbar_box {{isIphoneX?'iphoneX-height':''}}" style="background-color:{{tabbar.backgroundColor}}">
+  <block wx:for="{{tabbar.list}}" wx:key="index">
+    <navigator wx:if="{{item.isSpecial}}" class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" style="color:{{tabbar.selectedColor}}" open-type="navigate">
       <view class='special-wrapper'><image class="tabbar_icon" src="{{item.iconPath}}"></image></view>
       <image class='special-text-wrapper'></image>
       <text>{{item.text}}</text>
     </navigator>
-    <navigator wx:else class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" :style="'color:{{item.selected ? tabbar.selectedColor : tabbar.color}}'" open-type="switchTab">
-      <image class="tabbar_icon" :src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image>
+    <navigator wx:else class="tabbar_nav" hover-class="none" url="{{item.pagePath}}" style="color:{{item.selected ? tabbar.selectedColor : tabbar.color}}" open-type="switchTab">
+      <image class="tabbar_icon" src="{{item.selected ? item.selectedIconPath : item.iconPath}}"></image>
       <text>{{item.text}}</text>
     </navigator>
   </block>

pages/index/index.wxml

@@ -1,7 +1,7 @@
 <!--index.wxml-->
 <view class="container">
   <scroll-view class="scrollList" scroll-x="true" enable-flex="true">
-    <text wx:for="{{condition}}" class="{{index === 0 ? 'actived' : ''}}">{{item}}</text>
+    <text wx:for="{{condition}}" class="{{index === 0 ? 'actived' : ''}}" wx:key="index">{{item}}</text>
   </scroll-view>
   <view class="top">
     <view wx:for="{{toplist}}" wx:key="url" class="top_box">

pages/index/index.wxss

@@ -23,26 +23,6 @@ font-weight: bold;
 color: #027AFF;
 background: #F0F5FF;
 }
-/* .condition{
-  height: 50rpx;
-  background-color: #027AFF;
-  margin: 32rpx 32rpx 48rpx 32rpx;
-    display: grid;
-    grid-template-columns: repeat(4,1fr);
-    grid-gap: 32rpx;
-} */
-.condition text{
-  text-align: center;
-  background: #FAFBFD;
-  border-radius: 4rpx;
-  font-size: 10px;
-  color: #333333;
-  padding: 16rpx 24rpx;
-}
-.condition .active{
-  color: #027AFF;
-}
-
 .top {
   /* background-color: #006BFF; */
   height: 556rpx;