制作订单详情页面

components/cate-one/cate-one.vue

@@ -21,7 +21,7 @@
 							<view class="u-margin-top-32 bold-600">{{cateName}}</view>
 							
 							<view class="u-margin-top-32">
-								<view class="bg-white br16 row u-col-top u-margin-bottom-24" v-for="(item, index) in 10" :key="index">
+								<view class="bg-white br16 row u-col-top u-margin-bottom-24" v-for="(item, index) in 10" :key="index" @click="toShop()">
 									<view>
 										<u-image :src="cloudPath + 'img/banner.png'" width="136" height="136" border-radius="16"></u-image>
 									</view>
@@ -59,6 +59,7 @@
 			<view class="text-999">去结算</view>
 		</view>
 		
+		<!-- 购物车 -->
 		<u-popup v-model="showCart" mode="bottom" :border-radius="16">
 			<view style="max-height: 800rpx;">
 				<view class="px20 text-999 mt20">
@@ -66,7 +67,7 @@
 				</view>
 				<view>
 					<scroll-view style="height: 700rpx;" scroll-y="true" scroll-with-animation="true">
-						<view class="row-start u-row-between u-padding-top-20 u-padding-bottom-20 px20" v-for="(item, index) in 20">
+						<view class="row-start u-row-between u-padding-top-20 u-padding-bottom-20 px20" v-for="(item, index) in 20" :key="index">
 							<view class="row-start">
 								<view>
 									<u-image :src="cloudPath + 'img/banner.png'" width="136" height="136" border-radius="16"></u-image>
@@ -91,6 +92,7 @@
 				</view>
 			</view>
 		</u-popup>
+		<shop-spec v-model="showSpec" @close="showSpec = false"></shop-spec>
 	</view>
 </template>
 
@@ -108,8 +110,9 @@
 				selectIndex: 0,
 				cateList: [],
 				cateName: '',
-				showCart: true,
-				numberVal: 1
+				numberVal: 1,
+				showCart: false,
+				showSpec: false,
 			}
 		},
 		methods: {
@@ -148,6 +151,13 @@
 			
 			changeNumber() {
 				
+			},
+			
+			// 跳转商品详情页
+			toShop() {
+				uni.navigateTo({
+					url: '/pages/shop/shop'
+				})
 			}
 		},
 		watch: {
@@ -239,4 +249,5 @@
 		height: 100rpx;
 		background-color: #212526;
 	}
+
 </style>