小程序：样式

htmldev/wxMini/README.md

@@ -4,7 +4,10 @@
   - [x] 用户消息 leavingAMessage 4
   - [x] 供应商 business 4
     - [x] 供应商详情 businessDetail 4
-  - 采购指南 guide 6
+  - [x] 采购指南 guide 6
+    - 商品详情(预售、现货) goodsDetail 8
+    - 购物车 shoppingCar 4
+    - 联系商家 contactBusiness 4
   - 收藏 collection 4
   - 最新上架 newGoods 4
   - VR看菜园 VR 4
@@ -13,9 +16,6 @@
 - 优秀合作社 partner 4
 - 农事天地 news 4
 - 我的 mine 4
-- 商品详情 goodsDetail 8
-- 购物车 shoppingCar 4
-- 联系商家 contactBusiness 4
 - 商户端 businessHome 4
   - 产品管理 businessGoodsManage 6
     - 产品新增/编辑 businessGoodsEdit 16

htmldev/wxMini/pages/guide/guide.json

@@ -1,5 +1,8 @@
 {
-  "usingComponents": {},
+  "usingComponents": {
+    "van-loading": "@vant/weapp/loading/index",
+    "goods-item": "../../components/goods-item"
+  },
   "backgroundTextStyle": "dark",
   "enablePullDownRefresh": true,
   "onReachBottomDistance": 50

htmldev/wxMini/pages/guide/guide.wxml

@@ -27,5 +27,15 @@
       <view class="name">{{item.name}}</view>
     </view>
   </scroll-view>
-
+  <!--产品-->
+  <view
+    class="waterfall"
+    hidden="{{currentNav === '1'}}">
+    <view class="waterfall-left">
+      <goods-item/>
+    </view>
+    <view class="waterfall-right">
+      <goods-item/>
+    </view>
+  </view>
 </view>

htmldev/wxMini/pages/guide/guide.wxss

@@ -14,3 +14,11 @@
   height: 50rpx;
   background: pink;
 }
+
+.waterfall {
+  display: flex;
+  justify-content: space-between;
+  width: 690rpx;
+  padding: 30rpx 0;
+  margin: 0 auto;
+}

htmldev/wxMini/project.private.config.json

@@ -8,7 +8,7 @@
       "list": [
         {
           "name": "111",
-          "pathName": "pages/business/business",
+          "pathName": "pages/guide/guide",
           "query": "",
           "launchMode": "default",
           "scene": null