制作订单详情页面

pages/shop/shop.vue

@@ -35,7 +35,7 @@
 							<text class="text-999 ml20">随时退 过期自动退</text>
 						</view>
 						<view>
-							<u-button @click="mpLogin" hover-class="none" 
+							<u-button @click="chooseSpec" hover-class="none" 
 								:customStyle="{width: '116rpx', height: '46rpx', fontSize: '24rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}" 
 								:hair-line="false" 
 								shape="circle">
@@ -69,7 +69,7 @@
 				<view>门店</view>
 			</view>
 			<view class="u-margin-left-64 flex1">
-				<u-button @click="mpLogin" hover-class="none"
+				<u-button hover-class="none"
 					:customStyle="{height: '92rpx', fontSize: '24rpx', backgroundColor: themeColor, color: '#fff', border: 'none', paddingTop: '8rpx'}" 
 					:hair-line="false" 
 					shape="circle">
@@ -77,6 +77,8 @@
 				</u-button>
 			</view>
 		</view>
+		
+		<shop-spec v-model="showSpec" @close="showSpec = false"></shop-spec>
 	</view>
 </template>
 
@@ -94,6 +96,12 @@
 						title: "身无彩凤双飞翼，心有灵犀一点通",
 					}
 				],
+				showSpec: false
+			}
+		},
+		methods: {
+			chooseSpec() {
+				this.showSpec = true
 			}
 		}
 	}