详情

packageA/market/detail.js

@@ -5,8 +5,43 @@ Page({
     loading: true
   },
   onLoad(options) {
-    this.setData({
-      loading:false
+    console.log(options)
+    if (options.id) this.setData({
+      sa_itemgroupid: options.id
+    })
+    this.getDetail()
+  },
+  getDetail() {
+    _Http.basic({
+      "id": "20220926142403",
+      "content": {
+        "sa_itemgroupid": this.data.sa_itemgroupid
+      }
+    }).then(res => {
+      console.log("商品详情", res)
+      if (res.msg != '成功') return wx.showToast({
+        title: res.msg,
+        icon: "none"
+      })
+      this.setData({
+        detail: res.data[0],
+        loading: false
+      })
+    })
+  },
+  /* 加入购物车 */
+  storage() {
+    _Http.basic({
+      "id": "20220926142403",
+      "content": {
+        "sa_itemgroupid": this.data.sa_itemgroupid
+      }
+    }).then(res => {
+      console.log(res)
+      if (res.msg != '成功') return wx.showToast({
+        title: res.msg,
+        icon: "none"
+      })
     })
   },
   onReady() {

packageA/market/detail.skeleton.wxml

@@ -1,5 +1,5 @@
 <!--
-此文件为开发者工具生成，生成时间: 2022/12/20下午1:34:56
+此文件为开发者工具生成，生成时间: 2022/12/23下午4:01:20
 使用方法：
 在 E:\云链项目\e-wechat\packageA\market\detail.wxml 引入模板
 
@@ -17,6 +17,100 @@
 -->
 <template name="skeleton">
   <view class="sk-container">
-    <swiper circular="true" indicator-dots="true" indicator-active-color="#333" current="0" autoplay="false"></swiper>
+    <swiper circular="true" indicator-dots="true" indicator-active-color="#333" current="0" autoplay="false">
+      <swiper-item style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
+        <view is="miniprogram_npm/@vant/weapp/image/index">
+          <view class=" van-image image-index--van-image" style="width:100vw;height:232px">
+            <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+          </view>
+        </view>
+      </swiper-item>
+    </swiper>
+    <view class="intr">
+      <view class="title sk-transparent sk-text-14-2857-745 sk-text">
+        是的防守打法adfaouqowidkjasfhioaushfauifdf23405982日维护及or和93亖2噢4好3423423423sefsdfsaf发文安慰3千3
+      </view>
+      <view class="tags">
+        <text class="sk-transparent sk-text-22-2222-319 sk-text">班尼戈</text>
+        <text class="sk-transparent sk-text-22-2222-238 sk-text">水务</text>
+      </view>
+      <view class="offer">
+        <view>
+          <text class="price sk-transparent sk-text-14-2857-491 sk-text">￥2587.12</text>
+          <text class="old-price sk-transparent sk-text-14-2857-814 sk-text" style="text-decoration-color: transparent;">￥3587.12</text>
+        </view>
+        <text class="unit sk-transparent sk-text-14-2857-438 sk-text">单位/根</text>
+      </view>
+      <view class="else">
+        <text class="sk-transparent sk-text-14-7059-887 sk-text">起订量:10</text>
+        <text class="sk-transparent sk-text-14-7059-57 sk-text">库存:1200 紧缺</text>
+      </view>
+    </view>
+    <view class="model">
+      <view class="label sk-transparent sk-text-34-4444-172 sk-text">
+        选择商品
+      </view>
+      <view class="product-box">
+        <navigator class="product active sk-transparent sk-text-26-6667-752 sk-text">22X1.2mmX2.50</navigator>
+        <navigator class="product sk-transparent sk-text-26-6667-108 sk-text">22X1.2mmX2.51</navigator>
+        <navigator class="product sk-transparent sk-text-26-6667-361 sk-text">22X1.2mmX2.52</navigator>
+        <navigator class="product sk-transparent sk-text-26-6667-445 sk-text">22X1.2mmX2.53</navigator>
+        <navigator class="product sk-transparent sk-text-26-6667-283 sk-text">22X1.2mmX2.54</navigator>
+      </view>
+    </view>
+    <view is="miniprogram_npm/@vant/weapp/tabs/index">
+      <view class="tabs van-tabs tabs-index--van-tabs van-tabs--line tabs-index--van-tabs--line">
+        <view is="miniprogram_npm/@vant/weapp/sticky/index">
+          <view class=" van-sticky sticky-index--van-sticky" style="z-index:1">
+            <view class="van-sticky-wrap sticky-index--van-sticky-wrap" style="z-index:1">
+              <view class="van-tabs__wrap tabs-index--van-tabs__wrap ">
+                <scroll-view class="van-tabs__scroll tabs-index--van-tabs__scroll van-tabs__scroll--line tabs-index--van-tabs__scroll--line" scroll-left="0" style="border-color: var(--assist)">
+                  <view class="van-tabs__nav tabs-index--van-tabs__nav van-tabs__nav--line tabs-index--van-tabs__nav--line " style="true">
+                    <view class="van-tabs__line tabs-index--van-tabs__line" style="width:40px;opacity:1;transform:translateX(73.83333587646484px);-webkit-transform:translateX(73.83333587646484px);background-color:var(--assist);transition-duration:0.3s;-webkit-transition-duration:0.3s"></view>
+                    <view class="  van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab van-tab--active tabs-index--van-tab--active" data-index="0" style="color:var(--assist)">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-657 sk-text" style="background-position-x: 50%;">
+                        商品简介
+                      </view>
+                    </view>
+                    <view class=" van-ellipsis tabs-index--van-ellipsis van-tab tabs-index--van-tab" data-index="1" style="true">
+                      <view class="van-ellipsis tabs-index--van-ellipsis sk-transparent sk-text-34-0909-954 sk-text" style="background-position-x: 50%;">
+                        产品资料
+                      </view>
+                    </view>
+                  </view>
+                </scroll-view>
+              </view>
+            </view>
+          </view>
+        </view>
+        <view class="van-tabs__content tabs-index--van-tabs__content">
+          <view class="van-tabs__track tabs-index--van-tabs__track van-tabs__track tabs-index--van-tabs__track" style="true">
+            <view is="miniprogram_npm/@vant/weapp/tab/index">
+              <view class=" van-tab__pane tab-index--van-tab__pane van-tab__pane--active tab-index--van-tab__pane--active" style="true">
+                <view class="tab-box">
+                  <view class="row sk-transparent sk-text-15-0000-737 sk-text">
+                    商品编号：CMCULP 0220001
+                  </view>
+                  <view class="row sk-transparent sk-text-15-0000-573 sk-text">
+                    规格：22x1.2mmx2.5
+                  </view>
+                  <view class="row sk-transparent sk-text-15-0000-780 sk-text">
+                    型号：—
+                  </view>
+                </view>
+              </view>
+            </view>
+          </view>
+        </view>
+      </view>
+    </view>
+    <view class="footer">
+      <view is="miniprogram_npm/@vant/weapp/button/index">
+        <button app-parameter="true" business-id="true" class="but van-button button-index--van-button van-button--default button-index--van-button--default van-button--normal button-index--van-button--normal sk-button sk-pseudo sk-pseudo-circle" data-detail="null"
+          form-type="true" hover-class="van-button--active hover-class" lang="true" open-type="true" send-message-img="true" send-message-path="true" send-message-title="true" session-from="true" style="true">
+          <view class="van-button__text button-index--van-button__text sk-transparent sk-text-15-0000-518 sk-text" style="background-position-x: 50%;">加入购物车</view>
+        </button>
+      </view>
+    </view>
   </view>
 </template>

packageA/market/detail.skeleton.wxss

@@ -1,5 +1,5 @@
 /*
-此文件为开发者工具生成，生成时间: 2022/12/20下午1:34:56
+此文件为开发者工具生成，生成时间: 2022/12/23下午4:01:20
 
 在 E:\云链项目\e-wechat\packageA\market\detail.wxss 中引入样式
 ```
@@ -8,6 +8,137 @@
 
 更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
 */
+.sk-transparent {
+    color: transparent !important;
+  }
+.sk-text-14-2857-745 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 42.0000rpx;
+    position: relative !important;
+  }
+.sk-text {
+    background-origin: content-box !important;
+    background-clip: content-box !important;
+    background-color: transparent !important;
+    color: transparent !important;
+    background-repeat: repeat-y !important;
+  }
+.sk-text-22-2222-319 {
+    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
+    background-size: 100% 36.0000rpx;
+    position: relative !important;
+  }
+.sk-text-22-2222-238 {
+    background-image: linear-gradient(transparent 22.2222%, #EEEEEE 0%, #EEEEEE 77.7778%, transparent 0%) !important;
+    background-size: 100% 36.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-491 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 50.4000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-814 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 39.2000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-438 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-887 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-57 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-4444-172 {
+    background-image: linear-gradient(transparent 34.4444%, #EEEEEE 0%, #EEEEEE 65.5556%, transparent 0%) !important;
+    background-size: 100% 90.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-6667-752 {
+    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
+    background-size: 100% 60.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-6667-108 {
+    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
+    background-size: 100% 60.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-6667-361 {
+    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
+    background-size: 100% 60.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-6667-445 {
+    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
+    background-size: 100% 60.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-6667-283 {
+    background-image: linear-gradient(transparent 26.6667%, #EEEEEE 0%, #EEEEEE 73.3333%, transparent 0%) !important;
+    background-size: 100% 60.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-0909-657 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 88.0000rpx;
+    position: relative !important;
+  }
+.sk-text-34-0909-954 {
+    background-image: linear-gradient(transparent 34.0909%, #EEEEEE 0%, #EEEEEE 65.9091%, transparent 0%) !important;
+    background-size: 100% 88.0000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-737 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-573 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-780 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-15-0000-518 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-button {
+    color: #EFEFEF !important;
+    background: #EFEFEF !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+.sk-image {
+    background: #EFEFEF !important;
+  }
+.sk-pseudo::before, .sk-pseudo::after {
+      background: #EFEFEF !important;
+      background-image: none !important;
+      color: transparent !important;
+      border-color: transparent !important;
+    }
+.sk-pseudo-rect::before, .sk-pseudo-rect::after {
+      border-radius: 0 !important;
+    }
+.sk-pseudo-circle::before, .sk-pseudo-circle::after {
+      border-radius: 50% !important;
+    }
 .sk-container {
     position: absolute;
     left: 0;

packageA/market/detail.wxml

@@ -13,17 +13,17 @@
 <!-- 产品介绍 -->
 <view class="intr">
 	<view class="title">
-		是的防守打法adfaouqowidkjasfhioaushfauifdf23405982日维护及or和93亖2噢4好3423423423sefsdfsaf发文安慰3千3
+		{{detail.itemname}}
 	</view>
 	<view class="tags">
 		<text>班尼戈</text><text>水务</text>
 	</view>
 	<view class="offer">
 		<view>
-			<text class="price">￥2587.12</text>
-			<text class="old-price">￥3587.12</text>
+			<text class="price">￥{{detail.gradeprice}}</text>
+			<text class="old-price">￥{{detail.oldprice}}</text>
 		</view>
-		<text class="unit">单位/根</text>
+		<text class="unit">单位/{{detail.unitname}}</text>
 	</view>
 	<view class="else">
 		<text>起订量:10</text>
@@ -45,13 +45,13 @@
 	<van-tab title="商品简介">
 		<view class="tab-box">
 			<view class="row">
-				商品编号：CMCULP 0220001
+				商品编号：{{detail.itemno}}
 			</view>
 			<view class="row">
-				规格：22x1.2mmx2.5
+				规格：{{detail.spec}}
 			</view>
 			<view class="row">
-				型号：—
+				型号：{{detail.model}}
 			</view>
 			<view class="row">
 				材质：—
@@ -92,5 +92,5 @@
 <!-- 底部 -->
 <view style="height: 150rpx;" />
 <view class="footer">
-	<van-button custom-class='but'>加入购物车</van-button>
+	<van-button custom-class='but' bindtap="storage">加入购物车</van-button>
 </view>

packageA/market/index.js

@@ -12,7 +12,8 @@ Page({
 			"pageTotal": 1,
 			"where": {
 				"condition": ""
-			}
+			},
+			sort: []
 		},
 	},
 	onLoad(options) {
@@ -79,9 +80,10 @@ Page({
 		if (init) content.pageNumber = 1;
 		if (content.pageNumber > content.pageTotal) return;
 		content.brandids = [this.data.brand.sa_brandid];
-		content.itemclassids = [this.data.cType.itemclassid];
+		content.where.itemclassid = this.data.cType.itemclassid;
+
 		_Http.basic({
-			"id": 20220924163802,
+			"id": 20220926142203,
 			content
 		}).then(res => {
 			console.log("商品列表", res)
@@ -90,22 +92,27 @@ Page({
 				list: res.data,
 				"content.pageNumber": res.pageNumber + 1,
 				"content.pageTotal": res.pageTotal,
+				"content.sort": res.sort,
 				loading: false
 			})
 		})
 	},
+
 	onReady() {
 		this.setListHeight()
 	},
-	onInput(e) {
+	/* 搜索 */
+	startSearch(e) {
 		this.setData({
 			"content.where.condition": e.detail.value
-		})
+		});
+		this.getList(true)
 	},
 	onClear() {
 		this.setData({
 			"content.where.condition": ""
 		})
+		this.getList(true)
 	},
 	/* 设置页面高度 */
 	setListHeight() {

packageA/market/index.skeleton.wxml

@@ -1,5 +1,5 @@
 <!--
-此文件为开发者工具生成，生成时间: 2022/12/19下午8:16:04
+此文件为开发者工具生成，生成时间: 2022/12/23下午1:47:07
 使用方法：
 在 E:\云链项目\e-wechat\packageA\market\index.wxml 引入模板
 
@@ -27,8 +27,44 @@
       <navigator class="but sk-transparent">
         <text class="iconfont icon-shaixuan sk-pseudo sk-pseudo-circle"></text>筛选</navigator>
     </view>
+    <view is="packageA/market/modules/tabs/index">
+      <scroll-view enable-passive="true" enhanced="true" scroll-with-animation="true" scroll-x="true" class="index--scroll-box" scroll-left="0">
+        <view class="index--box brand-box" style="scroll-snap-align: none;">
+          <view class="index--item brand-tab-class index--active brand-active-class sk-transparent sk-text-26-9231-854 sk-text" data-index="0" data-item="[object Object]" id="0c117c11--active0">
+            班尼戈
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <view is="packageA/market/modules/tabs/index">
+      <scroll-view enable-passive="true" enhanced="true" scroll-with-animation="true" scroll-x="true" class="index--scroll-box" scroll-left="0">
+        <view class="index--box brand-box" style="scroll-snap-align: none;">
+          <view class="index--item brand-tab-class index--active brand-active-class sk-transparent sk-text-26-9231-720 sk-text" data-index="0" data-item="[object Object]" id="12d36c89--active0">
+            辅材配件
+          </view>
+          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-419 sk-text" data-index="1" data-item="[object Object]" id="12d36c89--active1">
+            通用工具
+          </view>
+          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-758 sk-text" data-index="2" data-item="[object Object]" id="12d36c89--active2">
+            消防系列
+          </view>
+          <view class="index--item brand-tab-class sk-transparent sk-text-26-9231-76 sk-text" data-index="3" data-item="[object Object]" id="12d36c89--active3">
+            给水系列
+          </view>
+        </view>
+      </scroll-view>
+    </view>
+    <view is="components/Yl_FloatingButton/index">
+      <view class="FloatingButton-index--float-box" style="top: 550px; left: 345px;">
+        <view>
+          <text class="corner-mark sk-transparent sk-text-14-2857-466 sk-text">99+</text>
+          <image data-title="新建线索" style="width: 80px; height: 80px; transform: translate(-50%,-50%);" class="sk-image"></image>
+        </view>
+      </view>
+    </view>
+    <view class="division"></view>
     <view is="components/Yl_ListBox/index" id="ListBox">
-      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 674px;">
+      <scroll-view scroll-y="true" class="ListBox-index--scroll-view" refresher-enabled="true" style="height: 597px;">
         <view is="packageA/market/modules/list/index">
           <navigator class="list-index--product">
             <view class="list-index--image-box">
@@ -39,21 +75,21 @@
               </view>
             </view>
             <view class="list-index--right-box">
-              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-504 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
-              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-886 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-730 sk-text">紫铜管</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-455 sk-text">4333</view>
               <view class="list-index--tags">
-                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-106 sk-text">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-658 sk-text">
                   欧标
                 </view>
-                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-162 sk-text">
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-74 sk-text">
                   班尼戈
                 </view>
               </view>
               <view class="list-index--price">
-                <view class="sk-transparent sk-text-14-2857-497 sk-text">
+                <view class="sk-transparent sk-text-14-2857-655 sk-text">
                   ￥ 1100.00~2356.12
                 </view>
-                <text class="sk-transparent sk-text-14-2857-964 sk-text">× 根</text>
+                <text class="sk-transparent sk-text-14-2857-908 sk-text">× 个</text>
               </view>
             </view>
           </navigator>
@@ -66,21 +102,21 @@
               </view>
             </view>
             <view class="list-index--right-box">
-              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-815 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
-              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-154 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-419 sk-text">阀门</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-512 sk-text">20020908</view>
               <view class="list-index--tags">
-                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-82 sk-text">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-128 sk-text">
                   欧标
                 </view>
-                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-830 sk-text">
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-578 sk-text">
                   班尼戈
                 </view>
               </view>
               <view class="list-index--price">
-                <view class="sk-transparent sk-text-14-2857-50 sk-text">
+                <view class="sk-transparent sk-text-14-2857-217 sk-text">
                   ￥ 1100.00~2356.12
                 </view>
-                <text class="sk-transparent sk-text-14-2857-485 sk-text">× 根</text>
+                <text class="sk-transparent sk-text-14-2857-919 sk-text">× 个</text>
               </view>
             </view>
           </navigator>
@@ -93,21 +129,21 @@
               </view>
             </view>
             <view class="list-index--right-box">
-              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-978 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
-              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-882 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-665 sk-text">紫铜覆塑管</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-7 sk-text">CMCULP 0150001</view>
               <view class="list-index--tags">
-                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-524 sk-text">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-370 sk-text">
                   欧标
                 </view>
-                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-307 sk-text">
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-637 sk-text">
                   班尼戈
                 </view>
               </view>
               <view class="list-index--price">
-                <view class="sk-transparent sk-text-14-2857-759 sk-text">
+                <view class="sk-transparent sk-text-14-2857-960 sk-text">
                   ￥ 1100.00~2356.12
                 </view>
-                <text class="sk-transparent sk-text-14-2857-346 sk-text">× 根</text>
+                <text class="sk-transparent sk-text-14-2857-4 sk-text">× 个</text>
               </view>
             </view>
           </navigator>
@@ -120,21 +156,21 @@
               </view>
             </view>
             <view class="list-index--right-box">
-              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-545 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
-              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-105 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-103 sk-text">铜本色等径直通</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-98 sk-text">BM8270 0150000</view>
               <view class="list-index--tags">
-                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-191 sk-text">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-933 sk-text">
                   欧标
                 </view>
-                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-232 sk-text">
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-51 sk-text">
                   班尼戈
                 </view>
               </view>
               <view class="list-index--price">
-                <view class="sk-transparent sk-text-14-2857-141 sk-text">
+                <view class="sk-transparent sk-text-14-2857-831 sk-text">
                   ￥ 1100.00~2356.12
                 </view>
-                <text class="sk-transparent sk-text-14-2857-939 sk-text">× 根</text>
+                <text class="sk-transparent sk-text-14-2857-836 sk-text">× 个</text>
               </view>
             </view>
           </navigator>
@@ -147,26 +183,34 @@
               </view>
             </view>
             <view class="list-index--right-box">
-              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-610 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
-              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-701 sk-text">煞风景撒化肥的萨达萨达阿斯蒂芬阿斯蒂芬奥斯蒂芬萨达asdf23423423lkj4ho2i34j2io3423o423423uihb</view>
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-887 sk-text">变频节压器</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-723 sk-text">001</view>
               <view class="list-index--tags">
-                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-781 sk-text">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-88 sk-text">
                   欧标
                 </view>
-                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-100 sk-text">
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-80 sk-text">
                   班尼戈
                 </view>
               </view>
               <view class="list-index--price">
-                <view class="sk-transparent sk-text-14-2857-446 sk-text">
+                <view class="sk-transparent sk-text-14-2857-873 sk-text">
                   ￥ 1100.00~2356.12
                 </view>
-                <text class="sk-transparent sk-text-14-2857-709 sk-text">× 根</text>
+                <text class="sk-transparent sk-text-14-2857-777 sk-text">× 厘米</text>
               </view>
             </view>
           </navigator>
+          <navigator class="list-index--product">
+            <view class="list-index--image-box">
+              <view is="miniprogram_npm/@vant/weapp/image/index"></view>
+            </view>
+            <view class="list-index--right-box">
+              <view class="list-index--title list-index--line-1 sk-transparent sk-text-15-0000-913 sk-text">大萨达</view>
+              <view class="list-index--type list-index--line-1 sk-transparent sk-text-14-7059-485 sk-text">25665589</view>
+            </view>
+          </navigator>
         </view>
-        <view class="ListBox-index--safety"></view>
       </scroll-view>
     </view>
   </view>

packageA/market/index.skeleton.wxss

@@ -1,5 +1,5 @@
 /*
-此文件为开发者工具生成，生成时间: 2022/12/19下午8:16:04
+此文件为开发者工具生成，生成时间: 2022/12/23下午1:47:07
 
 在 E:\云链项目\e-wechat\packageA\market\index.wxss 中引入样式
 ```
@@ -11,9 +11,9 @@
 .sk-transparent {
     color: transparent !important;
   }
-.sk-text-15-0000-504 {
-    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
-    background-size: 100% 40.0000rpx;
+.sk-text-26-9231-854 {
+    background-image: linear-gradient(transparent 26.9231%, #EEEEEE 0%, #EEEEEE 73.0769%, transparent 0%) !important;
+    background-size: 100% 52.0000rpx;
     position: relative !important;
   }
 .sk-text {
@@ -23,151 +23,191 @@
     color: transparent !important;
     background-repeat: repeat-y !important;
   }
-.sk-text-14-7059-886 {
+.sk-text-26-9231-720 {
+    background-image: linear-gradient(transparent 26.9231%, #EEEEEE 0%, #EEEEEE 73.0769%, transparent 0%) !important;
+    background-size: 100% 52.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-9231-419 {
+    background-image: linear-gradient(transparent 26.9231%, #EEEEEE 0%, #EEEEEE 73.0769%, transparent 0%) !important;
+    background-size: 100% 52.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-9231-758 {
+    background-image: linear-gradient(transparent 26.9231%, #EEEEEE 0%, #EEEEEE 73.0769%, transparent 0%) !important;
+    background-size: 100% 52.0000rpx;
+    position: relative !important;
+  }
+.sk-text-26-9231-76 {
+    background-image: linear-gradient(transparent 26.9231%, #EEEEEE 0%, #EEEEEE 73.0769%, transparent 0%) !important;
+    background-size: 100% 52.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-2857-466 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 28.0000rpx;
+    position: absolute !important;
+  }
+.sk-text-15-0000-730 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-455 {
     background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
     background-size: 100% 34.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-106 {
+.sk-text-18-7500-658 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-162 {
+.sk-text-18-7500-74 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-497 {
+.sk-text-14-2857-655 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 39.2000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-964 {
+.sk-text-14-2857-908 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-15-0000-815 {
+.sk-text-15-0000-419 {
     background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
     background-size: 100% 40.0000rpx;
     position: relative !important;
   }
-.sk-text-14-7059-154 {
+.sk-text-14-7059-512 {
     background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
     background-size: 100% 34.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-82 {
+.sk-text-18-7500-128 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-830 {
+.sk-text-18-7500-578 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-50 {
+.sk-text-14-2857-217 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 39.2000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-485 {
+.sk-text-14-2857-919 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-15-0000-978 {
+.sk-text-15-0000-665 {
     background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
     background-size: 100% 40.0000rpx;
     position: relative !important;
   }
-.sk-text-14-7059-882 {
+.sk-text-14-7059-7 {
     background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
     background-size: 100% 34.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-524 {
+.sk-text-18-7500-370 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-307 {
+.sk-text-18-7500-637 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-759 {
+.sk-text-14-2857-960 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 39.2000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-346 {
+.sk-text-14-2857-4 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-15-0000-545 {
+.sk-text-15-0000-103 {
     background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
     background-size: 100% 40.0000rpx;
     position: relative !important;
   }
-.sk-text-14-7059-105 {
+.sk-text-14-7059-98 {
     background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
     background-size: 100% 34.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-191 {
+.sk-text-18-7500-933 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-232 {
+.sk-text-18-7500-51 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-141 {
+.sk-text-14-2857-831 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 39.2000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-939 {
+.sk-text-14-2857-836 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
-.sk-text-15-0000-610 {
+.sk-text-15-0000-887 {
     background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
     background-size: 100% 40.0000rpx;
     position: relative !important;
   }
-.sk-text-14-7059-701 {
+.sk-text-14-7059-723 {
     background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
     background-size: 100% 34.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-781 {
+.sk-text-18-7500-88 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-18-7500-100 {
+.sk-text-18-7500-80 {
     background-image: linear-gradient(transparent 18.7500%, #EEEEEE 0%, #EEEEEE 81.2500%, transparent 0%) !important;
     background-size: 100% 32.0000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-446 {
+.sk-text-14-2857-873 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 39.2000rpx;
     position: relative !important;
   }
-.sk-text-14-2857-709 {
+.sk-text-14-2857-777 {
     background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
     background-size: 100% 33.6000rpx;
     position: relative !important;
   }
+.sk-text-15-0000-913 {
+    background-image: linear-gradient(transparent 15.0000%, #EEEEEE 0%, #EEEEEE 85.0000%, transparent 0%) !important;
+    background-size: 100% 40.0000rpx;
+    position: relative !important;
+  }
+.sk-text-14-7059-485 {
+    background-image: linear-gradient(transparent 14.7059%, #EEEEEE 0%, #EEEEEE 85.2941%, transparent 0%) !important;
+    background-size: 100% 34.0000rpx;
+    position: relative !important;
+  }
 .sk-image {
     background: #EFEFEF !important;
   }

packageA/market/index.wxml

@@ -1,15 +1,17 @@
 <!-- 骨架屏 -->
 <import src="./index.skeleton.wxml" />
 <template is="skeleton" wx:if="{{loading}}" />
+
 <view class="head">
 	<view class="search">
 		<view class="iconfont icon-a-sousuolansousuo" style="padding-left:20rpx;margin-right: 10rpx;" />
-		<input class="input" value="{{content.where.condition}}" bindinput="onInput" type="text" placeholder="搜索商品" style="flex: 1;" />
+		<input class="input" value="{{content.where.condition}}" bindconfirm="startSearch" type="text" placeholder="搜索商品" style="flex: 1;" />
 		<navigator wx:if="{{content.where.condition}}" bindtap="onClear" url="#" class="iconfont icon-quxiao" />
 	</view>
 	<navigator url="#" class="but"><text class="iconfont icon-shengxu"></text>排序</navigator>
 	<navigator url="#" class="but"><text class="iconfont icon-shaixuan"></text>筛选</navigator>
 </view>
+
 <!-- 品牌列表 -->
 <Tabs list="{{brandList}}" box-class='brand-box' tab-class='brand-tab-class' active-class='brand-active-class' />
 <!-- 产品列表 -->

packageA/market/modules/list/index.scss

@@ -15,6 +15,19 @@
 		overflow: hidden;
 		margin-right: 30rpx;
 		flex-shrink: 0;
+
+		.text {
+			display: inline-block;
+			width: 176rpx;
+			height: 176rpx;
+			line-height: 172rpx;
+			font-size: 24rpx;
+			text-align: center;
+			color: #666;
+			border: 1rpx solid #ddd;
+			border-radius: 16rpx;
+			box-sizing: border-box;
+		}
 	}
 
 	.right-box {

packageA/market/modules/list/index.wxml

@@ -1,24 +1,25 @@
-<navigator class="product" url="/packageA/market/detail" wx:for="{{list}}" wx:key="index">
+<navigator class="product" url="/packageA/market/detail?id={{item.sa_itemgroupid}}" wx:for="{{list}}" wx:key="index">
 	<view class="image-box">
-		<van-image width="100%" height="100%" fit="cover" src="{{item.attinfos[0].subfiles[0].url||''}}" use-loading-slot use-error-slot lazy-load>
+		<van-image width="100%" wx:if="{{item.attinfos[0]}}" height="100%" fit="cover" src="{{item.attinfos[0].subfiles[0].url}}" use-loading-slot use-error-slot lazy-load>
 			<van-loading slot="loading" type="spinner" size="20" vertical />
 			<text slot="error">加载失败</text>
 		</van-image>
+		<text class="text" wx:else>暂无图片</text>
 	</view>
 	<view class="right-box">
-		<view class="title line-1">{{item.itemname}}</view>
-		<view class="type line-1">{{item.itemno}}</view>
+		<view class="title line-1">{{item.itemname||'--'}}</view>
+		<view class="type line-1">{{item.itemno||'--'}}</view>
 		<view class="tags">
-			<view style="background: #FF3B30;">
-				欧标
-			</view>
 			<view style="background: #FA8C16;">
 				{{item.brandname}}
 			</view>
+			<view wx:for="{{item.tag1}}" style="background: #FF3B30;">
+				{{item}}
+			</view>
 		</view>
 		<view class="price">
 			<view>
-				￥ 1100.00~2356.12
+				￥ {{item.minprice}}~{{item.maxprice}}
 			</view>
 			<text>× {{item.unitname}}</text>
 		</view>