修改

common/css/font-icon.css

@@ -1,9 +1,9 @@
 @font-face {
 	font-family: "iconfont";
 	/* Project id 4182834 */
-	src: url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.woff2?t=1690533488918') format('woff2'),
-		url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.woff?t=1690533488918') format('woff'),
-		url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.ttf?t=1690533488918') format('truetype');
+	src: url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.woff2?t=1690870665503') format('woff2'),
+		url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.woff?t=1690870665503') format('woff'),
+		url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.ttf?t=1690870665503') format('truetype');
 }
 
 .iconfont {
@@ -14,6 +14,10 @@
 	-moz-osx-font-smoothing: grayscale;
 }
 
+.icon-icon-cross-empty:before {
+	content: "\e65c";
+}
+
 .icon-dayuhao:before {
 	content: "\e625";
 }

pages.json

@@ -161,7 +161,7 @@
 			"root": "pagesGoods",
 			"pages": [ //分包
 				{
-					"path": "goods/index",
+					"path": "index/index",
 					"style": {
 						"navigationBarTitleText": "商品详情"
 					}

pages/good/index.vue

@@ -193,7 +193,7 @@
 			toBuy(e) {
 				const that = this;
 				uni.navigateTo({
-					url: `/pagesGoods/goods/index?id=${e.id||e._id}`
+					url: `/pagesGoods/index/index?id=${e.id||e._id}`
 				})
 			}
 		}

pages/home/index.vue

@@ -152,7 +152,7 @@
 			toBuy(e) {
 				const that = this;
 				uni.navigateTo({
-					url: `/pagesGoods/goods/index?id=${e.id||e._id}`
+					url: `/pagesGoods/index/index?id=${e.id||e._id}`
 				})
 			},
 			// 分页

pagesGoods/goods/index.vue

@@ -39,6 +39,28 @@
 			<uni-goods-nav :fill="true" :options="options" :button-group="buttonGroup" @click="onClick"
 				@buttonClick="buttonClick" style="margin-top: 20px;" />
 		</view>
+		<!-- 规格弹窗 -->
+		<uni-popup ref="popup" background-color="#fff" type="bottom" :is-mask-click="false">
+			<view class="popup">
+				<view class="close">
+					<text @click="toClose" class="iconfont icon-icon-cross-empty"></text>
+				</view>
+				<!-- 规格 -->
+				<view class="specs_1" v-if="popupShow=='1'">
+					<view class="info_1">
+						<scroll-view scroll-y="true" class="scroll-view">
+							<view class="list-scroll-view">
+								<view class="one">
+								</view>
+							</view>
+						</scroll-view>
+					</view>
+					<view class="info_2">
+						<button @tap="toMarket">加入购物车</button>
+					</view>
+				</view>
+			</view>
+		</uni-popup>
 	</view>
 </template>
 
@@ -46,8 +68,6 @@
 	export default {
 		data() {
 			return {
-				// 系统设置
-				config: {},
 				// 商品id
 				id: '',
 				// 当前用户信息
@@ -56,6 +76,10 @@
 				info: {},
 				// 轮播图
 				fileList: [],
+				// 规格弹框
+				popupShow: '1',
+				// 规格数组
+				specList: [],
 				// 底部商品导航
 				options: [{
 						icon: 'shop',
@@ -64,7 +88,6 @@
 					{
 						icon: 'cart',
 						text: '购物车',
-						info: 2,
 						infoBackgroundColor: '#007aff',
 						infoColor: "#f5f5f5"
 					}
@@ -73,18 +96,14 @@
 					text: '加入购物车',
 					backgroundColor: 'linear-gradient(90deg, #1E83FF, #0053B8)',
 					color: '#fff'
-				}],
+				}]
 			}
 		},
 		onLoad: async function(e) {
 			const that = this;
 			that.$set(that, `id`, e.id || '');
-			that.searchConfig();
-			await that.search();
-		},
-		onShow: async function() {
-			const that = this;
 			that.searchToken();
+			await that.search();
 		},
 		methods: {
 			searchToken() {
@@ -100,19 +119,6 @@
 					});
 				}
 			},
-			searchConfig() {
-				const that = this;
-				try {
-					const res = uni.getStorageSync('config');
-					if (res) that.$set(that, `config`, res);
-				} catch (e) {
-					uni.showToast({
-						title: err.errmsg,
-						icon: 'error',
-						duration: 2000
-					});
-				}
-			},
 			// 查询商品详情
 			async search() {
 				const that = this;
@@ -128,11 +134,15 @@
 							return a.money - b.money
 						})
 						if (data) res.data.money = data[0].money
+						that.$set(that, `specList`, data);
 						that.$set(that, `info`, res.data);
 						that.$set(that, `fileList`, res.data.file);
 					}
 				}
-
+				res = await that.$api(`/Cart/num`, 'GET', {
+					user: that.user._id
+				})
+				if (res.errcode == '0') that.$set(that.options[1], `info`, res.data);
 			},
 			onClick(e) {
 				uni.showToast({
@@ -141,8 +151,15 @@
 				})
 			},
 			buttonClick(e) {
-				console.log(e)
-			}
+				const that = this;
+				that.$set(that, `popupShow`, '1')
+				that.$refs.popup.open();
+			},
+			// 关闭弹框
+			toClose() {
+				const that = this;
+				that.$refs.popup.close();
+			},
 		}
 	}
 </script>

unpackage/dist/dev/mp-weixin/app.json

@@ -33,7 +33,7 @@
     {
       "root": "pagesGoods",
       "pages": [
-        "goods/index"
+        "index/index"
       ]
     }
   ],

unpackage/dist/dev/mp-weixin/common/main.wxss

@@ -6,9 +6,9 @@
 @font-face {
 	font-family: "iconfont";
 	/* Project id 4182834 */
-	src: url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.woff2?t=1690533488918') format('woff2'),
-		url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.woff?t=1690533488918') format('woff'),
-		url('//at.alicdn.com/t/c/font_4182834_1d96fd2ql62g.ttf?t=1690533488918') format('truetype');
+	src: url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.woff2?t=1690870665503') format('woff2'),
+		url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.woff?t=1690870665503') format('woff'),
+		url('//at.alicdn.com/t/c/font_4182834_cocd3rt4v2.ttf?t=1690870665503') format('truetype');
 }
 .iconfont {
 	font-family: "iconfont" !important;
@@ -17,6 +17,9 @@
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 }
+.icon-icon-cross-empty:before {
+	content: "\e65c";
+}
 .icon-dayuhao:before {
 	content: "\e625";
 }

unpackage/dist/dev/mp-weixin/pagesGoods/goods/index.json

@@ -1,6 +1,7 @@
 {
   "navigationBarTitleText": "商品详情",
   "usingComponents": {
-    "uni-goods-nav": "/uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav"
+    "uni-goods-nav": "/uni_modules/uni-goods-nav/components/uni-goods-nav/uni-goods-nav",
+    "uni-popup": "/uni_modules/uni-popup/components/uni-popup/uni-popup"
   }
 }

unpackage/dist/dev/mp-weixin/project.config.json

@@ -1,39 +1,43 @@
-{
-  "description": "项目配置文件。",
-  "packOptions": {
-    "ignore": [],
-    "include": []
-  },
-  "setting": {
-    "urlCheck": false,
-    "es6": true,
-    "postcss": true,
-    "minified": true,
-    "newFeature": true,
-    "bigPackageSizeSupport": true,
-    "babelSetting": {
-      "ignore": [],
-      "disablePlugins": [],
-      "outputPath": ""
-    }
-  },
-  "compileType": "miniprogram",
-  "libVersion": "",
-  "appid": "wx23c71bee5876d1b9",
-  "projectname": "test",
-  "condition": {
-    "miniprogram": {
-      "list": [
-        {
-          "name": "系统首页",
-          "pathName": "pages/index/index",
-          "query": ""
-        }
-      ]
-    }
-  },
-  "editorSetting": {
-    "tabIndent": "insertSpaces",
-    "tabSize": 2
-  }
+{
+  "description": "项目配置文件。",
+  "packOptions": {
+    "ignore": []
+  },
+  "setting": {
+    "urlCheck": false,
+    "es6": true,
+    "postcss": true,
+    "minified": true,
+    "newFeature": true,
+    "bigPackageSizeSupport": true
+  },
+  "compileType": "miniprogram",
+  "libVersion": "",
+  "appid": "wx23c71bee5876d1b9",
+  "projectname": "test",
+  "condition": {
+    "search": {
+      "current": -1,
+      "list": []
+    },
+    "conversation": {
+      "current": -1,
+      "list": []
+    },
+    "game": {
+      "current": -1,
+      "list": []
+    },
+    "miniprogram": {
+      "current": 0,
+      "list": [
+        {
+          "name": "系统首页",
+          "query": "",
+          "id": 0,
+          "pathName": "pages/index/index"
+        }
+      ]
+    }
+  }
 }