后端字段修改

src/pages/case/components/hxj-bd-info.vue

@@ -4,7 +4,7 @@
 			<view class="main-between-y">
 				<view class="main-left cross-center">
 					<view class="hxj-name t-omit">{{name}}</view>
-					<view class="hxj-tags">套装</view>
+					<view class="hxj-tags">{{tag}}</view>
 					<view class="hxj-ynum">已售{{sales}}+</view>
 				</view>
 				<view class="main-left cross-center hjx-tc-999 hjx-ts-22">
@@ -59,6 +59,7 @@
 			sales: {
 				type: [Number, String]
 			},
+			tag:String,
 			goodsId: Number,
 			goods: Object,
 			house_layout:String,
@@ -158,7 +159,7 @@
 		}
 
 		.hxj-tags {
-			width: 56rpx;
+			max-width: 56rpx;
 			height: 30rpx;
 			background: #040404;
 			font-size: 20rpx;

src/pages/case/hot_sale_project.vue

@@ -19,11 +19,11 @@
 			<view class="item" v-for="(item,index) in CompositionList" :key="index" @click="goPage(item.id)">
 				<view class="main-between img">
 					<view style="width: 419rpx;height: 281rpx;">
-						<image style="width: 419rpx;height: 281rpx;" :src="'https://img0.baidu.com/it/u=2817072178,3148297616&fm=26&fmt=auto'" mode=""></image>
+						<image style="width: 419rpx;height: 281rpx;" :src="item.cover_img" mode=""></image>
 					</view>
 					<view style="width: 206rpx;">
-						<image style="width: 206rpx;height: 136rpx;" :src="item.banner_imgs[1]?item.banner_imgs[1]:'https://img0.baidu.com/it/u=3232043632,3119790085&fm=26&fmt=auto'" mode=""></image>
-						<image style="width: 206rpx;height: 136rpx;" :src="item.banner_imgs[1]?item.banner_imgs[1]:'https://img0.baidu.com/it/u=2817072178,3148297616&fm=26&fmt=auto'" mode=""></image>
+						<image style="width: 206rpx;height: 136rpx;" :src="item.banner_imgs[0].banner_imgs" mode=""></image>
+						<image style="width: 206rpx;height: 136rpx;" :src="item.banner_imgs[1].banner_imgs" mode=""></image>
 					</view>
 				</view>
 				<view class="main-between pl" >
@@ -94,9 +94,6 @@
 				}).then(res=>{
 					if(res.code===0){
 						this.CompositionList=res.data.list
-						this.CompositionList[0].id=18
-						this.CompositionList[0].price=688.00
-						this.CompositionList[1].id=20
 					}
 				})
 			}

src/pages/case/projectInfo.vue

@@ -1,7 +1,7 @@
 <template>
 	<app-layout>
-		<view v-if="!goods" class="u-goods-detail"></view>
-		<template v-if="goods">
+		<view v-if="!compositionList" class="u-goods-detail"></view>
+		<template v-if="compositionList">
 			<app-nav-bar v-if="true" :fixed="true" :background-color="''" :xStyle="1" :hasMallSetting="2"
 				:hasHeight="false"></app-nav-bar>
 
@@ -20,11 +20,11 @@
 				</view>
 				<hxj-scroll-list :itemWidth="'168rpx'" :itemHeight="'168rpx'" :list="list"></hxj-scroll-list>
 				<hxj-bd-info :theme="getTheme" :name="compositionList.name" :price="compositionList.price" :original-price="compositionList.price"
-					:sales="Number(compositionList.sale_num)+Number(compositionList.virtual_sale_num)" :measure="compositionList.measure" :house_layout="compositionList.house_layout" :goods-id="goodsId" :extra-quick-share="extra_quick_share"
+					:sales="Number(compositionList.sale_num)+Number(compositionList.virtual_sale_num)" :tag="compositionList.tag" :measure="compositionList.measure" :house_layout="compositionList.exampleHouse.name" :goods-id="compositionList.id" :extra-quick-share="extra_quick_share"
 					:app-share-pic="app_share_pic ? app_share_pic : goods.pic_url[0].pic_url"
-					:app-share-title="app_share_title ? app_share_title : name"
-					:poster-config="poster_config + `&goods_id=` + goodsId"
-					:poster-generate="poster_generate + `&goods_id=` + goodsId" :has-poster-nav="true" :goods="goods"
+					:app-share-title="compositionList.name"
+					:poster-config="poster_config + `&goods_id=` + compositionList.id"
+					:poster-generate="poster_generate + `&goods_id=` + compositionList.id" :has-poster-nav="true" :goods="goods"
 					@share="hShareAppMessage" @quickShare="quickShare" @receive="receive">
 				</hxj-bd-info>
 				<view class="hxj-goods-list" :style="{ height: isOpen ? 'auto' : '270rpx' }">
@@ -106,13 +106,13 @@
 									}" :class="['bd-btn', leftTip]">
 									加入购物车
 								</view> -->
-								<view :class="[goods.type === 'goods' ? 'bd-btn-right bd-btn-half' : 'box-grow-1']"
+								<view :class="['box-grow-1']"
 									v-if="!(isTip == 0 && sell_time > 0)">
 									<app-jump-button form>
 										<view @click="clickAttr(1)" :style="{
-												background: goods.buy_goods_auth ? getTheme.background_gradient_btn : '#999999',
-												color: goods.buy_goods_auth ? getTheme.main_text : ''
-											}" :class="['bd-btn', 'bd-btn-color', 'box-grow-1', goods.type === 'goods' ? 'bd-btn-right' : '']">
+												background: getTheme.background_gradient_btn ? getTheme.background_gradient_btn : '#999999',
+												color: getTheme.main_text ? getTheme.main_text : ''
+											}" :class="['bd-btn', 'bd-btn-color', 'box-grow-1']">
 											{{ rightRemindText }}
 										</view>
 									</app-jump-button>
@@ -410,9 +410,9 @@
 			if (this.isLogin) {
 				this.$store.dispatch('user/info');
 			}
-			this.goodsId = options.id;
+			this.compositionList.id = options.id;
 			// #ifndef MP-ALIPAY
-			this.loadData(this.goodsId, options);
+			this.loadData(this.compositionList.id, options);
 			// #endif
 			this.sendPath = '/pages/goods/goods?id=' + options.id;
 			console.log(this.sendPath);
@@ -427,7 +427,7 @@
 			setTimeout(() => {
 				this.showClose = true;
 				// #ifdef MP-ALIPAY
-				this.loadData(this.goodsId, this.exchange);
+				this.loadData(this.compositionList.id, this.exchange);
 				// #endif
 			});
 		},
@@ -438,10 +438,10 @@
 		onShareTimeline() {
 			// 分享朋友圈beta
 			return this.$shareTimeline({
-				title: this.app_share_title ? this.app_share_title : this.name,
+				title: this.compositionList.name,
 				imageUrl: this.goods.pic_url[0].pic_url,
 				query: {
-					id: this.goodsId
+					id: this.compositionList.id
 				}
 			});
 		},
@@ -455,9 +455,9 @@
 			},
 			hShareAppMessage(s = false) {
 				return this.$shareAppMessage({
-						title: this.app_share_title ? this.app_share_title : this.name,
-						imageUrl: this.app_share_pic ? this.app_share_pic : this.goods.pic_url[0].pic_url,
-						path: '/pages/goods/goods',
+						title: this.compositionList.name,
+						// imageUrl: this.app_share_pic ? this.app_share_pic : this.goods.pic_url[0].pic_url,
+						path: '/pages/case/projectInfo',
 						desc: this.subtitle,
 						params: {
 							id: this.goodsId
@@ -519,7 +519,7 @@
 				this.$request({
 					url: this.$api.composition.info,
 					data: {
-						composition_id: 3
+						composition_id: id
 					},
 					method: 'post'
 				}).then(res => {
@@ -534,125 +534,125 @@
 						}
 					}
 				})
-				return new Promise((resolve, reject) => {
-					this.$showLoading();
-					this.$request({
-							url: this.$api.goods.detail,
-							data: {
-								id: id,
-								plugin: options && options.exchange ? 'exchange' : 'mall'
-							}
-						})
-						.then(response => {
-							this.$hideLoading();
-							if (response.code === 0) {
-								let {
-									services,
-									detail,
-									name,
-									vip_card_appoint,
-									plugin_extra,
-									id,
-									goods_activity,
-									goods_marketing_award,
-									goods_marketing,
-									express,
-									price,
-									sales,
-									level_show,
-									is_sales,
-									unit,
-									extra_quick_share,
-									price_max,
-									price_min,
-									price_member_max,
-									price_member_min,
-									original_price,
-									subtitle,
-									is_negotiable,
-									app_share_title,
-									app_share_pic,
-									type,
-									favorite,
-									goods_coupon_center,
-									guarantee_title,
-									guarantee_pic,
-									param_content,
-									param_name,
-									attr_groups,
-									goods_num,
-									good_stock,
-									min_number,
-									limit_buy,
-									sell_time,
-									template_message_list,
-									is_finish_sell
-								} = response.data.goods;
-								this.app_share_pic = app_share_pic;
-								this.app_share_title = app_share_title;
-								this.goods = response.data.goods;
-								this.services = services;
-								this.detail = detail;
-								this.goodsId = id;
-								this.flash_sale = plugin_extra.flash_sale;
-								this.composition = plugin_extra.composition;
-								this.goods_marketing_award = goods_marketing_award;
-								this.goods_marketing = goods_marketing;
-								this.express = express;
-								this.price = price;
-								this.level_show = level_show;
-								this.sales = sales;
-								this.unit = unit;
-								this.is_sales = is_sales;
-								this.price_max = price_max;
-								this.price_min = price_min;
-								this.price_member_max = price_member_max;
-								this.price_member_min = price_member_min;
-								this.original_price = original_price;
-								this.subtitle = subtitle;
-								this.is_negotiable = is_negotiable;
-								this.extra_quick_share = extra_quick_share;
-								this.goodsType = type;
-								this.favorite = favorite;
-								this.goods_coupon_center = goods_coupon_center;
-								this.guarantee_title = guarantee_title;
-								this.param_content = param_content;
-								this.guarantee_pic = guarantee_pic;
-								this.attr_groups = attr_groups;
-								this.param_name = param_name;
-								this.goods_num = goods_num;
-								this.good_stock = good_stock;
-								this.min_number = min_number;
-								this.limit_buy = limit_buy;
-								this.sell_time = sell_time;
-								this.template_message_list = template_message_list;
-								this.is_finish_sell = is_finish_sell;
-								if (goods_activity) {
-									this.full_reduce = goods_activity.full_reduce;
-								}
-								if (vip_card_appoint.discount || vip_card_appoint.discount === '0.00') {
-									this.is_vip = true;
-									this.discount = vip_card_appoint.discount;
-								}
-								this.is_vip_card_user = vip_card_appoint.is_vip_card_user;
-								this.loadRecommend();
-								// #ifdef H5
-								this.hShareAppMessage();
-								// #endif
-								resolve();
-							} else {
-								uni.showToast({
-									title: response.msg,
-									icon: 'none'
-								});
-								reject();
-							}
-						})
-						.catch(() => {
-							reject();
-							this.$hideLoading();
-						});
-				});
+				// return new Promise((resolve, reject) => {
+				// 	this.$showLoading();
+				// 	this.$request({
+				// 			url: this.$api.goods.detail,
+				// 			data: {
+				// 				id: id,
+				// 				plugin: options && options.exchange ? 'exchange' : 'mall'
+				// 			}
+				// 		})
+				// 		.then(response => {
+				// 			this.$hideLoading();
+				// 			if (response.code === 0) {
+				// 				let {
+				// 					services,
+				// 					detail,
+				// 					name,
+				// 					vip_card_appoint,
+				// 					plugin_extra,
+				// 					id,
+				// 					goods_activity,
+				// 					goods_marketing_award,
+				// 					goods_marketing,
+				// 					express,
+				// 					price,
+				// 					sales,
+				// 					level_show,
+				// 					is_sales,
+				// 					unit,
+				// 					extra_quick_share,
+				// 					price_max,
+				// 					price_min,
+				// 					price_member_max,
+				// 					price_member_min,
+				// 					original_price,
+				// 					subtitle,
+				// 					is_negotiable,
+				// 					app_share_title,
+				// 					app_share_pic,
+				// 					type,
+				// 					favorite,
+				// 					goods_coupon_center,
+				// 					guarantee_title,
+				// 					guarantee_pic,
+				// 					param_content,
+				// 					param_name,
+				// 					attr_groups,
+				// 					goods_num,
+				// 					good_stock,
+				// 					min_number,
+				// 					limit_buy,
+				// 					sell_time,
+				// 					template_message_list,
+				// 					is_finish_sell
+				// 				} = response.data.goods;
+				// 				this.app_share_pic = app_share_pic;
+				// 				this.app_share_title = app_share_title;
+				// 				this.goods = response.data.goods;
+				// 				this.services = services;
+				// 				this.detail = detail;
+				// 				this.goodsId = id;
+				// 				this.flash_sale = plugin_extra.flash_sale;
+				// 				this.composition = plugin_extra.composition;
+				// 				this.goods_marketing_award = goods_marketing_award;
+				// 				this.goods_marketing = goods_marketing;
+				// 				this.express = express;
+				// 				this.price = price;
+				// 				this.level_show = level_show;
+				// 				this.sales = sales;
+				// 				this.unit = unit;
+				// 				this.is_sales = is_sales;
+				// 				this.price_max = price_max;
+				// 				this.price_min = price_min;
+				// 				this.price_member_max = price_member_max;
+				// 				this.price_member_min = price_member_min;
+				// 				this.original_price = original_price;
+				// 				this.subtitle = subtitle;
+				// 				this.is_negotiable = is_negotiable;
+				// 				this.extra_quick_share = extra_quick_share;
+				// 				this.goodsType = type;
+				// 				this.favorite = favorite;
+				// 				this.goods_coupon_center = goods_coupon_center;
+				// 				this.guarantee_title = guarantee_title;
+				// 				this.param_content = param_content;
+				// 				this.guarantee_pic = guarantee_pic;
+				// 				this.attr_groups = attr_groups;
+				// 				this.param_name = param_name;
+				// 				this.goods_num = goods_num;
+				// 				this.good_stock = good_stock;
+				// 				this.min_number = min_number;
+				// 				this.limit_buy = limit_buy;
+				// 				this.sell_time = sell_time;
+				// 				this.template_message_list = template_message_list;
+				// 				this.is_finish_sell = is_finish_sell;
+				// 				if (goods_activity) {
+				// 					this.full_reduce = goods_activity.full_reduce;
+				// 				}
+				// 				if (vip_card_appoint.discount || vip_card_appoint.discount === '0.00') {
+				// 					this.is_vip = true;
+				// 					this.discount = vip_card_appoint.discount;
+				// 				}
+				// 				this.is_vip_card_user = vip_card_appoint.is_vip_card_user;
+				// 				this.loadRecommend();
+				// 				// #ifdef H5
+				// 				this.hShareAppMessage();
+				// 				// #endif
+				// 				resolve();
+				// 			} else {
+				// 				uni.showToast({
+				// 					title: response.msg,
+				// 					icon: 'none'
+				// 				});
+				// 				reject();
+				// 			}
+				// 		})
+				// 		.catch(() => {
+				// 			reject();
+				// 			this.$hideLoading();
+				// 		});
+				// });
 
 			},
 			onAttr(data) {
@@ -696,30 +696,28 @@
 				});
 			},
 			clickAttr(data) {
-				console.log('开始');
-				if (data === 1 && this.sell_time > 0) {
-					this.rightTip();
-					return;
-				}
-				if (!this.goods.buy_goods_auth) {
-					this.$tips.showToast({
-						title: '您暂无权限购买该商品',
-						icon: 'none'
-					});
-					return;
-				}
-				if (this.goods.type === 'ecard' && data === 0) {
-					this.$tips.showToast({
-						title: '虚拟商品不允许加入购物车',
-						icon: 'none'
-					});
-					return;
-				}
+				// if (data === 1 && this.sell_time > 0) {
+				// 	this.rightTip();
+				// 	return;
+				// }
+				// if (!this.goods.buy_goods_auth) {
+				// 	this.$tips.showToast({
+				// 		title: '您暂无权限购买该商品',
+				// 		icon: 'none'
+				// 	});
+				// 	return;
+				// }
+				// if (this.goods.type === 'ecard' && data === 0) {
+				// 	this.$tips.showToast({
+				// 		title: '虚拟商品不允许加入购物车',
+				// 		icon: 'none'
+				// 	});
+				// 	return;
+				// }
 				uni.navigateTo({
 					url: `/plugins/composition/detail/detail?composition_id=${this.compositionList.id}`
 				});
 				// this.attrShow = true;
-				console.log('结束');
 			},
 			setCoupon(index) {
 				this.$set(this.goods_coupon_center[index], 'is_receive', 1);

src/plugins/composition/components/app-bd-info/app-bd-info.vue

@@ -4,7 +4,7 @@
 			<view class="main-left">
 				<image class="gd-cover" src="https://swdzshopv4.oss-cn-chengdu.aliyuncs.com/uploads/mall10000/20211213/bea32f790435d8a108717fd823113cda.jpg" mode=""></image>
 				<view>
-					<view class="title">兴城人居ins居家占位套餐</view>
+					<view class="title">{{name}}</view>
 					<view>
 						<text class="price">
 							<text class="dw">￥</text>
@@ -33,6 +33,10 @@
 
 <script>
 	export default {
+		props:{
+			name:String,
+			max
+		},
 		data() {
 			return {
 				

src/plugins/composition/detail/detail.vue

@@ -1,76 +1,83 @@
 <template>
-    <app-layout>
-		<app-bd-info @receive="receive"></app-bd-info>
+	<app-layout>
+		<app-bd-info @receive="receive" :name="list[0].name"></app-bd-info>
 		<!--商品优惠券-->
 		<bd-coupon @change="setCoupon" @on-show-change="val => {isCouponShow = val}" :isCustomEntry="true"
 			:myShow="isCouponShow" :theme="getTheme" :coupons="goods_coupon_center"></bd-coupon>
-		<view style="font-size: 34rpx;font-weight: bold;color: #222222;line-height: 46rpx;padding:30rpx 0 0 35rpx;background-color: #fff;">套餐内商品</view>
-        <app-list v-if="loading" :hidden="false" :top="0" :theme="getTheme" :list="list" v-on:update="update" v-on:change="getTotal" v-on:updateList="updateList"></app-list>
-        <view class="list" v-if="other.length > 0">
-            <view class="title">其他套餐</view>
-            <view v-for="(item, index) in other" :key="index" class="item dir-left-nowrap">
-                <app-composition :theme="getTheme" @click="choose(item)" @look="choose(item)" :item="item"></app-composition>
-            </view>
-        </view>
-        <view v-if="list.length > 0" :class="['bottom-space', `${iphone_x? 'iphone_x':''}`]"></view>
-        <view v-if="list.length > 0" :class="['bottom','main-between','cross-center', `${iphone_x? 'iphone_x':''}`]">
-           <!-- <view>
+		<view
+			style="font-size: 34rpx;font-weight: bold;color: #222222;line-height: 46rpx;padding:30rpx 0 0 35rpx;background-color: #fff;">
+			套餐内商品</view>
+		<app-list v-if="loading" :hidden="false" :top="0" :theme="getTheme" :list="list" v-on:update="update"
+			v-on:change="getTotal" v-on:updateList="updateList"></app-list>
+		<view class="list" v-if="other.length > 0">
+			<view class="title">其他套餐</view>
+			<view v-for="(item, index) in other" :key="index" class="item dir-left-nowrap">
+				<app-composition :theme="getTheme" @click="choose(item)" @look="choose(item)" :item="item">
+				</app-composition>
+			</view>
+		</view>
+		<view v-if="list.length > 0" :class="['bottom-space', `${iphone_x? 'iphone_x':''}`]"></view>
+		<view v-if="list.length > 0" :class="['bottom','main-between','cross-center', `${iphone_x? 'iphone_x':''}`]">
+			<!-- <view>
                 <view class="dir-left-nowrap cross-center">
                     <view>总计</view>
                     <view class="total-price" :style="{'color': getTheme.color}">￥{{total == 0 ? '0.00' : total}}</view>
                 </view>
                 <view class="discount" :style="{'color': getTheme.color}">已省￥{{max_discount}}</view>
             </view> -->
-            <view @click="toBuy" class="submit-btn" :style="{'background-color': getTheme.background}">立即购买</view>
-        </view>
-        <view class="dialog-bg" v-if="showNoAttr">
-            <view class="dialog">
-                <view class="dialog-title">
-                    <view class="dialog-big-title">以下商品未选择规格</view>
-                    <view>请选择规格后购买</view>
-                </view>
-                <view :class="[`${noAttrList.length > 4 ? 'dir-left-wrap' : 'main-center'}`,`dialog-goods-list`]">
-                    <view class="dialog-goods" v-for="(item, index) in noAttrList" :key="index">
-                        <image :src="item.cover_pic"></image>
-                    </view>
-                </view>
-                <view @click="close" class="dialog-close" :style="{'color': getTheme.color}">我知道了</view>
-            </view>
-        </view>
-        <view class='no-tip' v-if="list.length == 0 && loading">
-            <image src="../image/pull-off.png"></image>
-            <view>您选购的套餐已下架</view>
-            <view @click="toComposition" class="to-composition" :style="{'background-color': getTheme.background}">逛逛套餐专区</view>
-        </view>
-    </app-layout>
+			<view @click="toBuy" class="submit-btn" :style="{'background-color': getTheme.background}">立即购买</view>
+		</view>
+		<view class="dialog-bg" v-if="showNoAttr">
+			<view class="dialog">
+				<view class="dialog-title">
+					<view class="dialog-big-title">以下商品未选择规格</view>
+					<view>请选择规格后购买</view>
+				</view>
+				<view :class="[`${noAttrList.length > 4 ? 'dir-left-wrap' : 'main-center'}`,`dialog-goods-list`]">
+					<view class="dialog-goods" v-for="(item, index) in noAttrList" :key="index">
+						<image :src="item.cover_pic"></image>
+					</view>
+				</view>
+				<view @click="close" class="dialog-close" :style="{'color': getTheme.color}">我知道了</view>
+			</view>
+		</view>
+		<view class='no-tip' v-if="list.length == 0 && loading">
+			<image src="../image/pull-off.png"></image>
+			<view>您选购的套餐已下架</view>
+			<view @click="toComposition" class="to-composition" :style="{'background-color': getTheme.background}">
+				逛逛套餐专区</view>
+		</view>
+	</app-layout>
 </template>
 
 <script>
-    import {mapGetters} from "vuex";
-    import appList from '../components/app-list/app-list';
+	import {
+		mapGetters
+	} from "vuex";
+	import appList from '../components/app-list/app-list';
 	import appBdInfo from '../components/app-bd-info/app-bd-info.vue';
-    import appComposition from "../../../components/basic-component/app-composition/app-composition.vue";
-import bdCoupon from '@/components/page-component/goods/bd-coupon.vue';
-    export default {
-        data() {
-            return {
-                list: [],
-                other: [],
-                total: 0,
-                showNoAttr: false,
-                noAttrList: [],
-                goods_id: '',
-                max_discount: '0.00',
-                page: 2,
-                hidden: false,
-                iphone_x: false,
-                noMore: false,
-                composition_id: '',
-                loading: false,
-				
-				
+	import appComposition from "../../../components/basic-component/app-composition/app-composition.vue";
+	import bdCoupon from '@/components/page-component/goods/bd-coupon.vue';
+	export default {
+		data() {
+			return {
+				list: [],
+				other: [],
+				total: 0,
+				showNoAttr: false,
+				noAttrList: [],
+				goods_id: '',
+				max_discount: '0.00',
+				page: 2,
+				hidden: false,
+				iphone_x: false,
+				noMore: false,
+				composition_id: '',
+				loading: false,
+
+
 				isCouponShow: false,
-				goods_coupon_center:[
+				goods_coupon_center: [
 					// {
 					// 	appoint_type: "3",
 					// 	begin_time: "0000-00-00 00:00:00",
@@ -93,443 +100,476 @@ import bdCoupon from '@/components/page-component/goods/bd-coupon.vue';
 					// 	type: "2",
 					// }
 				]
-            }
-        },
-        components: {
-            'app-list': appList,
-            'app-composition': appComposition,
+			}
+		},
+		components: {
+			'app-list': appList,
+			'app-composition': appComposition,
 			appBdInfo,
 			bdCoupon
-        },
-        computed: {
-            ...mapGetters('mallConfig', {
-                getTheme: 'getTheme',
-            })
-        },
-        methods: {
+		},
+		computed: {
+			...mapGetters('mallConfig', {
+				getTheme: 'getTheme',
+			})
+		},
+		methods: {
 			receive() {
 				this.isCouponShow = true
 			},
 			setCoupon(index) {
 				this.$set(this.goods_coupon_center[index], 'is_receive', 1);
 			},
-            choose(item) {
-                this.composition_id = item.id;
-                this.total = '0.00';
-                this.max_discount = '0.00';
-                this.getDetail();
-            },
-            toComposition() {
-                uni.redirectTo({
-                    url: '/plugins/composition/index/index'
-                });
-            },
-            toBuy() {
-                let that = this;
-                let attr = [];
-                let list = [
-                    {
-                        mch_id: 0,
-                        composition_list: []
-                    }
-                ]
-                if(that.noAttrList.length > 0) {
-                    that.showNoAttr = true;
-                }else {
-                    for(let i in that.list) {
-                        attr = [];
-                        if(that.list[i].choose) {
-                            let arr = {
-                                composition_id: that.list[i].id,
-                                goods_list: []
-                            }
-                            if(that.list[i].host_list.length > 0) {
-                                for(let x in that.list[i].host_list[0].choose_attr.attr_list) {
-                                    attr.push({
-                                        attr_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_id,
-                                        attr_group_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_group_id,
-                                    })
-                                }
-                                arr.goods_list.push({
-                                    id: that.list[i].host_list[0].goods_id,
-                                    num: 1,
-                                    goods_attr_id: that.list[i].host_list[0].choose_attr.goods_attr_id,
-                                    attr: []
-                                })
-                            }
-                            let goods_attr = [];
-                            for(let y in that.list[i].goods_list) {
-                                if(that.list[i].goods_list[y].choose_attr && that.list[i].goods_list[y].choose_attr.attr_list.length > 0) {
-                                    for(let x in that.list[i].goods_list[y].choose_attr.attr_list) {
-                                        attr.push({
-                                            attr_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_id,
-                                            attr_group_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_group_id,
-                                        })
-                                    }
-                                    arr.goods_list.push({
-                                        id: that.list[i].goods_list[y].goods_id,
-                                        num: 1,
-                                        goods_attr_id: that.list[i].goods_list[y].choose_attr.goods_attr_id,
-                                        attr: attr
-                                    })
-                                }
-                            }
-                            list[0].composition_list.push(arr);
-                        }else {
-                            let arr = {
-                                composition_id: that.list[i].id,
-                                goods_list: []
-                            }
-                            if(that.list[i].host_list.length > 0 && that.list[i].host_list[0].choose_goods) {
-                                for(let x in that.list[i].host_list[0].choose_attr.attr_list) {
-                                    attr.push({
-                                        attr_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_id,
-                                        attr_group_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_group_id,
-                                    })
-                                }
-                                arr.goods_list.push({
-                                    id: that.list[i].host_list[0].goods_id,
-                                    num: 1,
-                                    goods_attr_id: that.list[i].host_list[0].choose_attr.goods_attr_id,
-                                    attr: attr
-                                })
-                            }
-                            let noChoose = true;
-                            for(let y in that.list[i].goods_list) {
-                                if(that.list[i].goods_list[y].choose_goods && that.list[i].goods_list[y].choose_attr.attr_list) {
-                                    noChoose = false;
-                                    for(let x in that.list[i].goods_list[y].choose_attr.attr_list) {
-                                        attr.push({
-                                            attr_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_id,
-                                            attr_group_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_group_id,
-                                        })
-                                    }
-                                    arr.goods_list.push({
-                                        id: that.list[i].goods_list[y].goods_id,
-                                        num: 1,
-                                        goods_attr_id: that.list[i].goods_list[y].choose_attr.goods_attr_id,
-                                        attr: attr
-                                    })
-                                }
-                            }
-                            if(arr.goods_list.length > 0) {
-                                list[0].composition_list.push(arr);
-                            }
-                        }
-                    }
-                    if(list[0].composition_list.length == 0) {
-                        uni.showToast({
-                            title: '请选择套餐',
-                            icon: 'none',
-                            duration: 1000
-                        });
-                    }else {
-                        for(let i in list[0].composition_list) {
-                            if(list[0].composition_list[i].goods_list.length == 1) {
-                                list[0].composition_list.splice(i,1)
-                            }
-                        }
-                        if(list[0].composition_list.length == 0) {
-                            uni.showToast({
-                                title: '请选择搭配商品',
-                                icon: 'none',
-                                duration: 1000
-                            });
-                        }else {
-                            list[0].goods_list = [];
-                            for (let j in list[0].composition_list) {
-                                for (let y in list[0].composition_list[j].goods_list) {
-                                    list[0].composition_list[j].goods_list[y].cart_id = 0;
-                                    list[0].goods_list.push(list[0].composition_list[j].goods_list[y])
-                                }
-                            }
-                            let jump_url = `/pages/order-submit/order-submit?mch_list=${JSON.stringify(list)}`;
-                            jump_url += `&preview_url=${encodeURIComponent(this.$api.composition.order_preview)}&submit_url=${encodeURIComponent(this.$api.composition.order_submit)}&plugin=composition`;
-                            this.$jump({
-                                open_type: 'navigate',
-                                url: jump_url,
-                            });
-                        }
-                    }
-                }
-            },
-            close () {
-                this.showNoAttr = false;
-            },
-            updateList(e) {
-                this.list = e;
-            },
-            update(e) {
-                this.noAttrList = e;
-            },
-            getTotal(e) {
-                this.total = e.total;
-                if(e.max_discount) {
-                    this.max_discount = e.max_discount.toFixed(2)
-                }
-            },
-            getDetail() {
-                let that = this;
-                that.loading = false;
-                uni.showLoading({
-                    mask: true,
-                    title: '加载中...',
-                });
-                let para = {
-                    composition_id: that.composition_id
-                }
-                if(that.goods_id > 0) {
-                    para.goods_id = that.goods_id
-                }
-                that.$request({
-                    url: that.goods_id > 0 ? that.$api.composition.detail : that.$api.composition.composition_detail,
-                    data: para
-                }).then(response=>{
-                    that.loading = true;
-                    uni.hideLoading();
-                    if(response.code == 0) {
-                        if(that.goods_id > 0) {
-                            that.list = response.data.other_list;
-                            that.other = response.data.list;
-                        }else {
-                            that.list = [];
-                            that.list[0] = response.data.composition;
-                        }
-                        if(that.other.length < 4) {
-                            that.noMore = true;
-                        }
-                        for(let i in that.list) {
-                            that.list[i].choose = false;
-                            for(let idx in that.list[i].goods_list) {
-                                that.list[i].goods_list[idx].choose_attr = null;
-                                if(that.list[i].goods_list[idx].goods_attr.length == 1) {
-                                    that.list[i].goods_list[idx].choose_attr = that.list[i].goods_list[idx].goods_attr[0];
-                                    that.list[i].goods_list[idx].choose_attr.number = 1;
-                                    that.list[i].goods_list[idx].total_price = (+that.list[i].goods_list[idx].choose_attr.price - +that.list[i].goods_list[idx].price).toFixed(2)
-                                }
-                                if(that.list[i].type == 2) {
-                                    that.list[i].host_list[0].choose_attr = null;
-                                    if(that.list[i].host_list[0].goods_attr.length == 1) {
-                                        that.list[i].host_list[0].choose_attr = that.list[i].host_list[0].goods_attr[0];
-                                        that.list[i].host_list[0].choose_attr.number = 1;
-                                        that.list[i].host_list[0].total_price = (+that.list[i].host_list[0].choose_attr.price - +that.list[i].host_list[0].price).toFixed(2)
-                                    }
-                                    that.list[i].goods_list[idx].choose_goods = false;
-                                    that.list[i].host_list[0].choose_goods = true;
-                                    that.list[i].host_list[0].opacity = 0.3;
-                                }
-                            }
-                        }
-                        if(that.list[0].type == 1) {
-                            that.list[0].choose = true;
-                            that.max_discount = that.list[0].max_discount;
-                        }
-                    }else {
-                        uni.hideLoading();
-                        uni.showToast({
-                            title: response.msg,
-                            icon: 'none',
-                            duration: 1000
-                        });
-                    }
-                }).catch(response => {
-                    that.loading = true;
-                    uni.hideLoading();
-                    that.$hideLoading();
-                });
-            },
-            getMore() {
-                let that = this;
-                uni.showLoading({
-                    mask: true,
-                    title: '加载中'
-                });
-                that.$request({
-                    url: that.$api.composition.detail,
-                    data: {
-                        goods_id: that.goods_id,
-                        composition_id: that.composition_id,
-                        page: that.page
-                    }
-                }).then(response=>{
-                    uni.hideLoading();
-                    if(response.code == 0) {
-                        if(response.data.list.length == 0) {
-                            this.noMore = true;
-                            return false;
-                        }
-                        that.page++;
-                        that.other = that.other.concat(response.data.list);
-                        for(let i in that.list) {
-                            that.list[i].choose = false;
-                            for(let idx in that.list[i].goods_list) {
-                                that.list[i].goods_list[idx].choose_attr = null;
-                                if(that.list[i].type == 2) {
-                                    that.list[i].host_list[0].choose_attr = null;
-                                    that.list[i].host_list[0].opacity = 1;
-                                    that.list[i].goods_list[idx].choose_goods = false;
-                                    that.list[i].host_list[0].choose_goods = false;
-                                }
-                            }
-                        }
-                    }else {
-                        uni.hideLoading();
-                        uni.showToast({
-                            title: response.msg,
-                            icon: 'none',
-                            duration: 1000
-                        });
-                    }
-                }).catch(response => {
-                    that.$hideLoading();
-                });
-            },
-        },
-        onReachBottom() {
-            if(!this.noMore) {
-                this.getMore();
-            }
-        },
-        onLoad(option) { this.$commonLoad.onload(option);
-            let that = this;
-            uni.getSystemInfo({
-                success: function (res) {
-                    if(res.model.indexOf('iPhone X') > -1 || res.model.indexOf('iPhone 11') > -1 || res.model.indexOf('iPhone11') > -1 || res.model.indexOf('iPhone12') > -1 || res.model.indexOf('Unknown Device') > -1) {
-                        that.iphone_x = true;
-                    }
-                }
-            })
-            this.goods_id = option.goods_id > 0 ? option.goods_id : '';
-            this.composition_id = option.composition_id;
-            that.getDetail();
-        },
-    }
+			choose(item) {
+				this.composition_id = item.id;
+				this.total = '0.00';
+				this.max_discount = '0.00';
+				this.getDetail();
+			},
+			toComposition() {
+				uni.redirectTo({
+					url: '/plugins/composition/index/index'
+				});
+			},
+			toBuy() {
+				let that = this;
+				let attr = [];
+				let list = [{
+					mch_id: 0,
+					composition_list: []
+				}]
+				if (that.noAttrList.length > 0) {
+					that.showNoAttr = true;
+				} else {
+					for (let i in that.list) {
+						attr = [];
+						if (that.list[i].choose) {
+							let arr = {
+								composition_id: that.list[i].id,
+								goods_list: []
+							}
+							if (that.list[i].host_list.length > 0) {
+								for (let x in that.list[i].host_list[0].choose_attr.attr_list) {
+									attr.push({
+										attr_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_id,
+										attr_group_id: that.list[i].host_list[0].choose_attr.attr_list[x]
+											.attr_group_id,
+									})
+								}
+								arr.goods_list.push({
+									id: that.list[i].host_list[0].goods_id,
+									num: 1,
+									goods_attr_id: that.list[i].host_list[0].choose_attr.goods_attr_id,
+									attr: []
+								})
+							}
+							let goods_attr = [];
+							for (let y in that.list[i].goods_list) {
+								if (that.list[i].goods_list[y].choose_attr && that.list[i].goods_list[y].choose_attr
+									.attr_list.length > 0) {
+									for (let x in that.list[i].goods_list[y].choose_attr.attr_list) {
+										attr.push({
+											attr_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_id,
+											attr_group_id: that.list[i].goods_list[y].choose_attr.attr_list[x]
+												.attr_group_id,
+										})
+									}
+									arr.goods_list.push({
+										id: that.list[i].goods_list[y].goods_id,
+										num: 1,
+										goods_attr_id: that.list[i].goods_list[y].choose_attr.goods_attr_id,
+										attr: attr
+									})
+								}
+							}
+							list[0].composition_list.push(arr);
+						} else {
+							let arr = {
+								composition_id: that.list[i].id,
+								goods_list: []
+							}
+							if (that.list[i].host_list.length > 0 && that.list[i].host_list[0].choose_goods) {
+								for (let x in that.list[i].host_list[0].choose_attr.attr_list) {
+									attr.push({
+										attr_id: that.list[i].host_list[0].choose_attr.attr_list[x].attr_id,
+										attr_group_id: that.list[i].host_list[0].choose_attr.attr_list[x]
+											.attr_group_id,
+									})
+								}
+								arr.goods_list.push({
+									id: that.list[i].host_list[0].goods_id,
+									num: 1,
+									goods_attr_id: that.list[i].host_list[0].choose_attr.goods_attr_id,
+									attr: attr
+								})
+							}
+							let noChoose = true;
+							for (let y in that.list[i].goods_list) {
+								if (that.list[i].goods_list[y].choose_goods && that.list[i].goods_list[y].choose_attr
+									.attr_list) {
+									noChoose = false;
+									for (let x in that.list[i].goods_list[y].choose_attr.attr_list) {
+										attr.push({
+											attr_id: that.list[i].goods_list[y].choose_attr.attr_list[x].attr_id,
+											attr_group_id: that.list[i].goods_list[y].choose_attr.attr_list[x]
+												.attr_group_id,
+										})
+									}
+									arr.goods_list.push({
+										id: that.list[i].goods_list[y].goods_id,
+										num: 1,
+										goods_attr_id: that.list[i].goods_list[y].choose_attr.goods_attr_id,
+										attr: attr
+									})
+								}
+							}
+							if (arr.goods_list.length > 0) {
+								list[0].composition_list.push(arr);
+							}
+						}
+					}
+					if (list[0].composition_list.length == 0) {
+						uni.showToast({
+							title: '请选择套餐',
+							icon: 'none',
+							duration: 1000
+						});
+					} else {
+						for (let i in list[0].composition_list) {
+							if (list[0].composition_list[i].goods_list.length == 1) {
+								list[0].composition_list.splice(i, 1)
+							}
+						}
+						if (list[0].composition_list.length == 0) {
+							uni.showToast({
+								title: '请选择搭配商品',
+								icon: 'none',
+								duration: 1000
+							});
+						} else {
+							list[0].goods_list = [];
+							for (let j in list[0].composition_list) {
+								for (let y in list[0].composition_list[j].goods_list) {
+									list[0].composition_list[j].goods_list[y].cart_id = 0;
+									list[0].goods_list.push(list[0].composition_list[j].goods_list[y])
+								}
+							}
+							let jump_url = `/pages/order-submit/order-submit?mch_list=${JSON.stringify(list)}`;
+							jump_url +=
+								`&preview_url=${encodeURIComponent(this.$api.composition.order_preview)}&submit_url=${encodeURIComponent(this.$api.composition.order_submit)}&plugin=composition`;
+							this.$jump({
+								open_type: 'navigate',
+								url: jump_url,
+							});
+						}
+					}
+				}
+			},
+			close() {
+				this.showNoAttr = false;
+			},
+			updateList(e) {
+				this.list = e;
+			},
+			update(e) {
+				this.noAttrList = e;
+			},
+			getTotal(e) {
+				this.total = e.total;
+				if (e.max_discount) {
+					this.max_discount = e.max_discount.toFixed(2)
+				}
+			},
+			getDetail() {
+				let that = this;
+				that.loading = false;
+				uni.showLoading({
+					mask: true,
+					title: '加载中...',
+				});
+				let para = {
+					composition_id: that.composition_id
+				}
+				if (that.goods_id > 0) {
+					para.goods_id = that.goods_id
+				}
+				that.$request({
+					url: that.goods_id > 0 ? that.$api.composition.detail : that.$api.composition
+						.composition_detail,
+					data: para
+				}).then(response => {
+					that.loading = true;
+					uni.hideLoading();
+					if (response.code == 0) {
+						if (that.goods_id > 0) {
+							that.list = response.data.other_list;
+							that.other = response.data.list;
+						} else {
+							that.list = [];
+							that.list[0] = response.data.composition;
+						}
+						if (that.other.length < 4) {
+							that.noMore = true;
+						}
+						for (let i in that.list) {
+							that.list[i].choose = false;
+							for (let idx in that.list[i].goods_list) {
+								that.list[i].goods_list[idx].choose_attr = null;
+								if (that.list[i].goods_list[idx].goods_attr.length == 1) {
+									that.list[i].goods_list[idx].choose_attr = that.list[i].goods_list[idx]
+										.goods_attr[0];
+									that.list[i].goods_list[idx].choose_attr.number = 1;
+									that.list[i].goods_list[idx].total_price = (+that.list[i].goods_list[idx]
+										.choose_attr.price - +that.list[i].goods_list[idx].price).toFixed(2)
+								}
+								if (that.list[i].type == 2) {
+									that.list[i].host_list[0].choose_attr = null;
+									if (that.list[i].host_list[0].goods_attr.length == 1) {
+										that.list[i].host_list[0].choose_attr = that.list[i].host_list[0]
+											.goods_attr[0];
+										that.list[i].host_list[0].choose_attr.number = 1;
+										that.list[i].host_list[0].total_price = (+that.list[i].host_list[0]
+											.choose_attr.price - +that.list[i].host_list[0].price).toFixed(2)
+									}
+									that.list[i].goods_list[idx].choose_goods = false;
+									that.list[i].host_list[0].choose_goods = true;
+									that.list[i].host_list[0].opacity = 0.3;
+								}
+							}
+						}
+						if (that.list[0].type == 1) {
+							that.list[0].choose = true;
+							that.max_discount = that.list[0].max_discount;
+						}
+					} else {
+						uni.hideLoading();
+						uni.showToast({
+							title: response.msg,
+							icon: 'none',
+							duration: 1000
+						});
+					}
+				}).catch(response => {
+					that.loading = true;
+					uni.hideLoading();
+					that.$hideLoading();
+				});
+			},
+			getMore() {
+				let that = this;
+				uni.showLoading({
+					mask: true,
+					title: '加载中'
+				});
+				that.$request({
+					url: that.$api.composition.detail,
+					data: {
+						goods_id: that.goods_id,
+						composition_id: that.composition_id,
+						page: that.page
+					}
+				}).then(response => {
+					uni.hideLoading();
+					if (response.code == 0) {
+						if (response.data.list.length == 0) {
+							this.noMore = true;
+							return false;
+						}
+						that.page++;
+						that.other = that.other.concat(response.data.list);
+						for (let i in that.list) {
+							that.list[i].choose = false;
+							for (let idx in that.list[i].goods_list) {
+								that.list[i].goods_list[idx].choose_attr = null;
+								if (that.list[i].type == 2) {
+									that.list[i].host_list[0].choose_attr = null;
+									that.list[i].host_list[0].opacity = 1;
+									that.list[i].goods_list[idx].choose_goods = false;
+									that.list[i].host_list[0].choose_goods = false;
+								}
+							}
+						}
+					} else {
+						uni.hideLoading();
+						uni.showToast({
+							title: response.msg,
+							icon: 'none',
+							duration: 1000
+						});
+					}
+				}).catch(response => {
+					that.$hideLoading();
+				});
+			},
+		},
+		onReachBottom() {
+			if (!this.noMore) {
+				this.getMore();
+			}
+		},
+		onLoad(option) {
+			this.$commonLoad.onload(option);
+			let that = this;
+			uni.getSystemInfo({
+				success: function(res) {
+					if (res.model.indexOf('iPhone X') > -1 || res.model.indexOf('iPhone 11') > -1 || res.model
+						.indexOf('iPhone11') > -1 || res.model.indexOf('iPhone12') > -1 || res.model.indexOf(
+							'Unknown Device') > -1) {
+						that.iphone_x = true;
+					}
+				}
+			})
+			this.goods_id = option.goods_id > 0 ? option.goods_id : '';
+			this.composition_id = option.composition_id;
+			that.getDetail();
+		},
+	}
 </script>
 
 <style scoped lang="scss">
-    .no-tip {
-        position: fixed;
-        top: #{120rpx};
-        left: 0;
-        right: 0;
-        margin: 0 auto;
-        color: #666666;
-        font-size: #{24rpx};
-        width: #{240rpx};
-        text-align: center;
-        image {
-            height: #{240rpx};
-            width: #{240rpx};
-            margin-bottom: #{20rpx};
-        }
-        .to-composition {
-            border-radius: #{33rpx};
-            width: #{246rpx};
-            text-align: center;
-            height: #{66rpx};
-            line-height: #{66rpx};
-            margin-top: #{38rpx};
-            color: #fff;
-        }
-    }
-    .list {
-        padding: #{24rpx};
-        .title {
-            font-size: #{28rpx};
-            color: #353535;
-        }
-        .item {
-            margin-top: #{20rpx};
-            padding: #{24rpx};
-            border-radius: #{16rpx};
-            background-color: #fff;
-        }
-    }
-    .dialog-bg {
-        position: fixed;
-        top: 0;
-        left: 0;
-        width: 100%;
-        height: 100%;
-        background-color: rgba(0,0,0,.3);
-        z-index: 202;
-        .dialog {
-            width: #{630rpx};
-            margin: #{260rpx} auto 0;
-            background-color: #fff;
-            padding-top: #{40rpx};
-            border-radius: #{16rpx};
-            .dialog-title {
-                text-align: center;
-                font-size: #{26rpx};
-                color: #999999;
-                .dialog-big-title {
-                    font-size: #{32rpx};
-                    color: #353535;
-                    margin-bottom: #{10rpx};
-                }
-            }
-            .dialog-goods-list {
-                padding: 0 #{65rpx};
-                margin: #{26rpx} 0 #{48rpx};
-                .dialog-goods {
-                    width: #{80rpx};
-                    height: #{80rpx};
-                    border-radius: #{8rpx};
-                    margin: #{10rpx};
-                    image {
-                        border-radius: #{8rpx};
-                        width: #{80rpx};
-                        height: #{80rpx};
-                    }
-                }
-            }
-            .dialog-close {
-                width: #{630rpx};
-                border-top: #{2rpx} solid #e2e2e2;
-                font-size: #{32rpx};
-                text-align: center;
-                padding: #{25rpx} 0;
-            }
-        }
-    }
-    .bottom {
-        width: 100%;
-        height: #{120rpx};
-        position: fixed;
-        bottom: 0;
-        left: 0;
-        z-index: 30;
-        background-color: #fff;
-        border-top: #{2rpx} solid #e2e2e2;
-        font-size: #{24rpx};
-        color: #353535;
-        padding: 0 #{20rpx};
-        &.iphone_x {
-            height: #{150rpx};
-            padding-bottom: #{50rpx};
-        }
-        .total-price {
-            font-size: #{36rpx};
-            margin-left: #{8rpx};
-        }
-        .submit-btn {
-            width: #{678rpx};
-            height: #{78rpx};
-            // border-radius: #{39rpx};
-            color: #fff;
-            font-size: #{32rpx};
-            line-height: #{78rpx};
-            text-align: center;
-        }
-        .discount {
-            font-size: #{24rpx};
-        }
-    }
-    .bottom-space {
-        height: #{110rpx};
-        &.iphone_x {
-            height: #{160rpx};
-        }
-    }
-</style>
+	.no-tip {
+		position: fixed;
+		top: #{120rpx};
+		left: 0;
+		right: 0;
+		margin: 0 auto;
+		color: #666666;
+		font-size: #{24rpx};
+		width: #{240rpx};
+		text-align: center;
+
+		image {
+			height: #{240rpx};
+			width: #{240rpx};
+			margin-bottom: #{20rpx};
+		}
+
+		.to-composition {
+			border-radius: #{33rpx};
+			width: #{246rpx};
+			text-align: center;
+			height: #{66rpx};
+			line-height: #{66rpx};
+			margin-top: #{38rpx};
+			color: #fff;
+		}
+	}
+
+	.list {
+		padding: #{24rpx};
+
+		.title {
+			font-size: #{28rpx};
+			color: #353535;
+		}
+
+		.item {
+			margin-top: #{20rpx};
+			padding: #{24rpx};
+			border-radius: #{16rpx};
+			background-color: #fff;
+		}
+	}
+
+	.dialog-bg {
+		position: fixed;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		background-color: rgba(0, 0, 0, .3);
+		z-index: 202;
+
+		.dialog {
+			width: #{630rpx};
+			margin: #{260rpx} auto 0;
+			background-color: #fff;
+			padding-top: #{40rpx};
+			border-radius: #{16rpx};
+
+			.dialog-title {
+				text-align: center;
+				font-size: #{26rpx};
+				color: #999999;
+
+				.dialog-big-title {
+					font-size: #{32rpx};
+					color: #353535;
+					margin-bottom: #{10rpx};
+				}
+			}
+
+			.dialog-goods-list {
+				padding: 0 #{65rpx};
+				margin: #{26rpx} 0 #{48rpx};
+
+				.dialog-goods {
+					width: #{80rpx};
+					height: #{80rpx};
+					border-radius: #{8rpx};
+					margin: #{10rpx};
+
+					image {
+						border-radius: #{8rpx};
+						width: #{80rpx};
+						height: #{80rpx};
+					}
+				}
+			}
+
+			.dialog-close {
+				width: #{630rpx};
+				border-top: #{2rpx} solid #e2e2e2;
+				font-size: #{32rpx};
+				text-align: center;
+				padding: #{25rpx} 0;
+			}
+		}
+	}
+
+	.bottom {
+		width: 100%;
+		height: #{120rpx};
+		position: fixed;
+		bottom: 0;
+		left: 0;
+		z-index: 30;
+		background-color: #fff;
+		border-top: #{2rpx} solid #e2e2e2;
+		font-size: #{24rpx};
+		color: #353535;
+		padding: 0 #{20rpx};
+
+		&.iphone_x {
+			height: #{150rpx};
+			padding-bottom: #{50rpx};
+		}
+
+		.total-price {
+			font-size: #{36rpx};
+			margin-left: #{8rpx};
+		}
+
+		.submit-btn {
+			width: #{678rpx};
+			height: #{78rpx};
+			// border-radius: #{39rpx};
+			color: #fff;
+			font-size: #{32rpx};
+			line-height: #{78rpx};
+			text-align: center;
+		}
+
+		.discount {
+			font-size: #{24rpx};
+		}
+	}
+
+	.bottom-space {
+		height: #{110rpx};
+
+		&.iphone_x {
+			height: #{160rpx};
+		}
+	}
+</style>