商城静态

components/Yl_FloatingButton/index.scss

@@ -1,4 +1,4 @@
 .float-box{
-    position: absolute;
+    position: fixed;
     z-index: 99;
 }

components/Yl_FloatingButton/index.wxml

@@ -1,4 +1,4 @@
-<view class="float-box" style="top: {{top}}; left: {{left}};" bindtouchmove="viewTouchMove">
+<view class="float-box" style="top: {{top}}; left: {{left}};" catchtouchmove="viewTouchMove">
   <slot wx:if="{{useSlot}}" />
   <image wx:else style="width: 160rpx; height: 160rpx; transform: translate(-50%,-50%);" src='../../static/image/add.png' data-title="新建线索" />
 </view>

packageA/market/detail.js

@@ -2,10 +2,12 @@ const _Http = getApp().globalData.http;
 
 Page({
   data: {
-
+    loading: true
   },
   onLoad(options) {
-
+    this.setData({
+      loading:false
+    })
   },
   onReady() {
 

packageA/market/detail.scss

@@ -1 +1,183 @@
-/* packageA/market/detail.wxss */
+@import "./detail.skeleton.wxss";
+
+/* 轮播图 */
+swiper {
+	width: 100vw;
+	height: 464rpx;
+
+	swiper-item {
+		width: 100%;
+		height: 100%;
+	}
+}
+
+/* 产品介绍 */
+.intr {
+	padding: 20rpx 30rpx;
+	background-color: #fff;
+
+	.title {
+		line-height: 42rpx;
+		font-size: 30rpx;
+		font-family: PingFang SC-Semibold, PingFang SC;
+		font-weight: 600;
+		color: #333333;
+		word-break: break-all;
+
+	}
+
+	.tags {
+		text {
+			display: inline-block;
+			height: 36rpx;
+			line-height: 36rpx;
+			padding: 0 15rpx;
+			background: #E7EEFF;
+			border-radius: 22rpx;
+			font-size: 20rpx;
+			color: #3874F6;
+			margin-right: 8rpx;
+			font-weight: 600;
+		}
+	}
+
+	.offer {
+		display: flex;
+		justify-content: space-between;
+		align-items: flex-end;
+		width: 100%;
+		height: 50rpx;
+		margin-top: 20rpx;
+
+		.price {
+			font-size: 36rpx;
+			color: #FF3B30;
+		}
+
+		.old-price {
+			font-size: 28rpx;
+			font-family: PingFang SC-Regular, PingFang SC;
+			color: #999999;
+			margin-left: 8rpx;
+			text-decoration-line: line-through;
+		}
+
+		.unit {
+			font-size: 24rpx;
+			color: #333333;
+		}
+	}
+
+	.else {
+		height: 34rpx;
+		line-height: 34rpx;
+		font-size: 24rpx;
+		color: #999999;
+		margin-top: 20rpx;
+
+		text {
+			margin-right: 20rpx;
+		}
+	}
+
+}
+
+/* 选择产品 */
+.model {
+	width: 100vw;
+	background-color: #fff;
+	padding: 0 0 20rpx 30rpx;
+	box-sizing: border-box;
+	margin-top: 20rpx;
+
+	.label {
+		height: 90rpx;
+		line-height: 90rpx;
+		font-size: 28rpx;
+		font-weight: 600;
+		color: #333333;
+		width: 100%;
+		border-bottom: 1rpx solid #ddd;
+	}
+
+	.product-box {
+		display: flex;
+		flex-wrap: wrap;
+
+		.product {
+			height: 60rpx;
+			line-height: 60rpx;
+			font-size: 28rpx;
+			color: #333333;
+			margin-top: 20rpx;
+			margin-right: 20rpx;
+			padding: 0 20rpx;
+			background: #F4F5F7;
+			border-radius: 16rpx;
+		}
+
+		.active {
+			background: #E7EEFF;
+		}
+	}
+
+}
+
+
+.tabs {
+	margin-top: 20rpx;
+
+	.tab-box {
+		padding: 20rpx 30rpx;
+		background-color: #fff;
+		border-top: 2rpx solid #CCCCCC;
+		font-size: 28rpx;
+		color: #666666;
+
+		.row {
+			height: 40rpx;
+			line-height: 40rpx;
+			margin-bottom: 20rpx;
+		}
+
+		navigator {
+			color: #3874F6;
+		}
+	}
+}
+
+.footer {
+	display: flex;
+	justify-content: center;
+	position: fixed;
+	bottom: 0;
+	width: 100vw;
+	min-height: 130rpx;
+	background-color: #fff;
+	box-shadow: rgba(0, 0, 0, 0.15) 0px 5rpx 15rpx 0px;
+
+	.but {
+		width: 690rpx;
+		height: 90rpx;
+		background: #FA8C16;
+		border-radius: 16rpx;
+		font-size: 28rpx;
+		font-weight: 600;
+		color: #FFFFFF;
+		margin-top: 10rpx;
+	}
+}
+
+.corner-mark {
+	position: absolute;
+	display: inline-block;
+	height: 28rpx;
+	font-size: 20rpx;
+	color: #FFFFFF;
+	background-color: red;
+	padding: 0 10rpx;
+	border-radius: 14rpx;
+	top: -45rpx;
+	left: 0rpx;
+	z-index: 9999;
+}

packageA/market/detail.skeleton.wxml

@@ -0,0 +1,22 @@
+<!--
+此文件为开发者工具生成，生成时间: 2022/12/20下午1:34:56
+使用方法：
+在 E:\云链项目\e-wechat\packageA\market\detail.wxml 引入模板
+
+```
+<import src="detail.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 E:\云链项目\e-wechat\packageA\market\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <swiper circular="true" indicator-dots="true" indicator-active-color="#333" current="0" autoplay="false"></swiper>
+  </view>
+</template>

packageA/market/detail.skeleton.wxss

@@ -0,0 +1,19 @@
+/*
+此文件为开发者工具生成，生成时间: 2022/12/20下午1:34:56
+
+在 E:\云链项目\e-wechat\packageA\market\detail.wxss 中引入样式
+```
+@import "./detail.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.sk-container {
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/market/detail.wxml

@@ -1,2 +1,96 @@
-<!--packageA/market/detail.wxml-->
-<text>packageA/market/detail.wxml</text>
+<!-- 骨架屏 -->
+<import src="./detail.skeleton.wxml" />
+<template is="skeleton" wx:if="{{loading}}" />
+<!-- 轮播图 -->
+<swiper indicator-dots circular indicator-active-color='#333'>
+	<swiper-item wx:for="{{3}}">
+		<van-image width="100vw" height="464rpx" fit="cover" src="https://img.yzcdn.cn/vant/cat.jpeg" use-loading-slot use-error-slot lazy-load>
+			<van-loading slot="loading" type="spinner" size="20" vertical />
+			<text slot="error">加载失败</text>
+		</van-image>
+	</swiper-item>
+</swiper>
+<!-- 产品介绍 -->
+<view class="intr">
+	<view class="title">
+		是的防守打法adfaouqowidkjasfhioaushfauifdf23405982日维护及or和93亖2噢4好3423423423sefsdfsaf发文安慰3千3
+	</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>
+		</view>
+		<text class="unit">单位/根</text>
+	</view>
+	<view class="else">
+		<text>起订量:10</text>
+		<text>库存:1200 紧缺</text>
+	</view>
+</view>
+
+<!-- 选择型号 -->
+<view class="model">
+	<view class="label">
+		选择商品
+	</view>
+	<view class="product-box">
+		<navigator url="#" class="product {{index==0?'active':''}}" wx:for="{{5}}">22X1.2mmX2.5{{index}}</navigator>
+	</view>
+</view>
+
+<van-tabs custom-class='tabs' title-active-color='var(--assist)' color='var(--assist)'>
+	<van-tab title="商品简介">
+		<view class="tab-box">
+			<view class="row">
+				商品编号：CMCULP 0220001
+			</view>
+			<view class="row">
+				规格：22x1.2mmx2.5
+			</view>
+			<view class="row">
+				型号：—
+			</view>
+			<view class="row">
+				材质：—
+			</view>
+		</view>
+	</van-tab>
+	<van-tab title="产品资料">
+		<view class="tab-box">
+			<view class="row">
+				产品手册:
+			</view>
+			<navigator class="row" url="#">
+				紫铜快接产品册-2022
+			</navigator>
+			<view class="row">
+				安装指南：
+			</view>
+			<navigator class="row" url="#">
+				紫铜快接产品册-2022
+			</navigator>
+			<view class="row">
+				安装教程：
+			</view>
+			<navigator class="row" url="#">
+				紫铜快接产品册-2022
+			</navigator>
+		</view>
+	</van-tab>
+</van-tabs>
+
+<Yl_FloatingButton useSlot>
+	<view>
+		<text class="corner-mark">99+</text>
+		<image style="width: 160rpx; height: 160rpx; transform: translate(-50%,-50%);" src='../../static/image/shopping.png' data-title="新建线索" />
+	</view>
+</Yl_FloatingButton>
+
+<!-- 底部 -->
+<view style="height: 150rpx;" />
+<view class="footer">
+	<van-button custom-class='but'>加入购物车</van-button>
+</view>

packageA/market/detail.wxss

@@ -1 +0,0 @@
-/* packageA/market/detail.wxss */

packageA/market/index.js

@@ -2,6 +2,7 @@ const _Http = getApp().globalData.http;
 
 Page({
 	data: {
+		loading: true,
 		"content": {
 			"brandids": [1],
 			"itemclassids": [1],
@@ -38,8 +39,14 @@ Page({
 	},
 
 	onLoad(options) {
+		setTimeout(() => {
+			this.setData({
+				loading: false
+			})
+		}, 1000)
 	},
 
+
 	onReady() {
 		this.setListHeight()
 	},

packageA/market/index.scss

@@ -1,3 +1,5 @@
+@import "./index.skeleton.wxss";
+
 .head {
 	display: flex;
 	height: 100rpx;
@@ -46,3 +48,17 @@
 	}
 }
 
+
+.corner-mark {
+	position: absolute;
+	display: inline-block;
+	height: 28rpx;
+	font-size: 20rpx;
+	color: #FFFFFF;
+	background-color: red;
+	padding: 0 10rpx;
+	border-radius: 14rpx;
+	top: -45rpx;
+	left: 0rpx;
+	z-index: 9999;
+}

packageA/market/index.skeleton.wxml

@@ -0,0 +1,173 @@
+<!--
+此文件为开发者工具生成，生成时间: 2022/12/19下午8:16:04
+使用方法：
+在 E:\云链项目\e-wechat\packageA\market\index.wxml 引入模板
+
+```
+<import src="index.skeleton.wxml"/>
+<template is="skeleton" wx:if="{{loading}}" />
+```
+
+在 E:\云链项目\e-wechat\packageA\market\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+-->
+<template name="skeleton">
+  <view class="sk-container">
+    <view class="head">
+      <view class="search">
+        <view class="iconfont icon-a-sousuolansousuo sk-pseudo sk-pseudo-circle" style="padding-left:10px;margin-right: 5px;"></view>
+        <view class="input sk-image" placeholder="搜索商品" style="flex: 1;" type="text" value="true"></view>
+      </view>
+      <navigator class="but sk-transparent">
+        <text class="iconfont icon-shengxu sk-pseudo sk-pseudo-circle"></text>排序</navigator>
+      <navigator class="but sk-transparent">
+        <text class="iconfont icon-shaixuan sk-pseudo sk-pseudo-circle"></text>筛选</navigator>
+    </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;">
+        <view is="packageA/market/modules/list/index">
+          <navigator class="list-index--product">
+            <view class="list-index--image-box">
+              <view is="miniprogram_npm/@vant/weapp/image/index">
+                <view class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </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--tags">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-106 sk-text">
+                  欧标
+                </view>
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-162 sk-text">
+                  班尼戈
+                </view>
+              </view>
+              <view class="list-index--price">
+                <view class="sk-transparent sk-text-14-2857-497 sk-text">
+                  ￥ 1100.00~2356.12
+                </view>
+                <text class="sk-transparent sk-text-14-2857-964 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 class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </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--tags">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-82 sk-text">
+                  欧标
+                </view>
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-830 sk-text">
+                  班尼戈
+                </view>
+              </view>
+              <view class="list-index--price">
+                <view class="sk-transparent sk-text-14-2857-50 sk-text">
+                  ￥ 1100.00~2356.12
+                </view>
+                <text class="sk-transparent sk-text-14-2857-485 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 class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </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--tags">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-524 sk-text">
+                  欧标
+                </view>
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-307 sk-text">
+                  班尼戈
+                </view>
+              </view>
+              <view class="list-index--price">
+                <view class="sk-transparent sk-text-14-2857-759 sk-text">
+                  ￥ 1100.00~2356.12
+                </view>
+                <text class="sk-transparent sk-text-14-2857-346 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 class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </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--tags">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-191 sk-text">
+                  欧标
+                </view>
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-232 sk-text">
+                  班尼戈
+                </view>
+              </view>
+              <view class="list-index--price">
+                <view class="sk-transparent sk-text-14-2857-141 sk-text">
+                  ￥ 1100.00~2356.12
+                </view>
+                <text class="sk-transparent sk-text-14-2857-939 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 class=" van-image image-index--van-image" style="width:100%;height:100%">
+                  <image class="van-image__img image-index--van-image__img sk-image" mode="aspectFill" lazy-load="true"></image>
+                </view>
+              </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--tags">
+                <view style="background: #FF3B30;" class="sk-transparent sk-text-18-7500-781 sk-text">
+                  欧标
+                </view>
+                <view style="background: #FA8C16;" class="sk-transparent sk-text-18-7500-100 sk-text">
+                  班尼戈
+                </view>
+              </view>
+              <view class="list-index--price">
+                <view class="sk-transparent sk-text-14-2857-446 sk-text">
+                  ￥ 1100.00~2356.12
+                </view>
+                <text class="sk-transparent sk-text-14-2857-709 sk-text">× 根</text>
+              </view>
+            </view>
+          </navigator>
+        </view>
+        <view class="ListBox-index--safety"></view>
+      </scroll-view>
+    </view>
+  </view>
+</template>

packageA/market/index.skeleton.wxss

@@ -0,0 +1,194 @@
+/*
+此文件为开发者工具生成，生成时间: 2022/12/19下午8:16:04
+
+在 E:\云链项目\e-wechat\packageA\market\index.wxss 中引入样式
+```
+@import "./index.skeleton.wxss";
+```
+
+更多详细信息可以参考文档：https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html
+*/
+.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;
+    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-14-7059-886 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    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 {
+    background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
+    background-size: 100% 33.6000rpx;
+    position: relative !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;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    background-color: transparent;
+  }

packageA/market/index.wxml

@@ -1,4 +1,6 @@
 <!-- 骨架屏 -->
+<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;" />
@@ -9,6 +11,13 @@
 	<navigator url="#" class="but"><text class="iconfont icon-shaixuan"></text>筛选</navigator>
 </view>
 
+<Yl_FloatingButton useSlot>
+	<view>
+		<text class="corner-mark">99+</text>
+		<image style="width: 160rpx; height: 160rpx; transform: translate(-50%,-50%);" src='/static/image/shopping.png' data-title="新建线索" />
+	</view>
+</Yl_FloatingButton>
+
 <Yl_ListBox id='ListBox' bind:getlist='getList'>
 	<List />
 </Yl_ListBox>

project.private.config.json

@@ -22,6 +22,13 @@
           "query": "",
           "launchMode": "default",
           "scene": null
+        },
+        {
+          "name": "产品详情",
+          "pathName": "packageA/market/detail",
+          "query": "",
+          "launchMode": "default",
+          "scene": null
         }
       ]
     }