uniapp / mpvue 底部規格選擇層【部分代碼】

<tuiBottomPopup :show="popupShow" @close="hidePopup">
			<view class="tui-popup-box">
				<view class="tui-product-box tui-padding">
					<image :src="actInfos.smallImg" class="tui-popup-img"></image>
					<view class="tui-popup-price">
						<view class="tui-amount tui-bold">¥{{ prePriceText }}</view>
						<view class="tui-number"></view>
					</view>
				</view>
				<view @click="closeClick" class="guanbi-icon" style="background:url('/static/assets/shop/guanbi.png');background-position: center;background-size: 100%;"></view>

				<view class="tui-line"></view>
				<scroll-view scroll-y class="tui-popup-scroll">
					<block v-for="(item, index) in productAttributeList" :key="index">
						<view class="adc-signs-boxs">
							<view class="adc-signs-name">{{item.name}}</view>
							<view class="adc-sign">
								<block v-for="(item1, index1) in item.list" :key="index1">
									<text :class="item1.isShow==1?'adc-sign-btn-selected':'adc-sign-btn-noselected'" @click="skuClick(item,index,item1,index1)"
									 class="adc-sign-btn">{{item1.attributeValueText}}</text>
								</block>
							</view>
						</view>
					</block>

					<ChooseNums @sendChooseNums="sendChooseNums" :cnTitle="cnTitle" :actInfos="actInfos"></ChooseNums>
				</scroll-view>
				<view class="ad-buy-button-box">
					<view class="ad-buy-button" @click="hidePopupGoOrder">確定</view>
				</view>
				<view class="tui-icon tui-icon-close-fill tui-icon-close" style="color: #999;font-size:20px" @tap="hidePopup"></view>
			</view>
		</tuiBottomPopup>
hidePopupGoOrder() {
				this.popupShow = false;
				let storeSkuId = '';


				if (_self.actInfos.skuList.length != 0) {
					let skuList = _self.actInfos.skuList;
					let skuStr = _self.skuInfoListQian.join(",");
					

					skuList.forEach(ele => {
						if (ele.attributeValueText == skuStr) {
							storeSkuId = ele.storeSkuId;
						}
					});
					if (storeSkuId == '') {
						wx.showModal({
							title: '提示',
							showCancel: false,
							content: '請選擇規格',
							success(res) {
								if (res.confirm) {
									console.log('用戶點擊確定')
								} else if (res.cancel) {
									console.log('用戶點擊取消')
								}
							}
						})
						return false;
					}
				}

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章