From 1c44d758992b93d583b98aab57787ee394069a20 Mon Sep 17 00:00:00 2001
From: anhaogxs <704041637@qq.com>
Date: Mon, 29 Mar 2021 21:00:24 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96ui?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/tui-button/tui-button.vue    |  517 ++++++++
 components/tui-divider/tui-divider.vue  |  103 ++
 components/tui-icon/tui-icon.vue        |  816 ++++++++++++
 components/tui-tag/tui-tag.vue          |  354 ++++++
 pages.json                              |    6 +
 pages/activity/GroupDetails/index.vue   | 1534 +++++++++++++++++------
 pages/activity/GroupRule/index.vue      |  861 +++++++++----
 pages/activity/SeckillDetails/index.vue |  900 +++++++++----
 8 files changed, 4218 insertions(+), 873 deletions(-)
 create mode 100644 components/tui-button/tui-button.vue
 create mode 100644 components/tui-divider/tui-divider.vue
 create mode 100644 components/tui-icon/tui-icon.vue
 create mode 100644 components/tui-tag/tui-tag.vue

diff --git a/components/tui-button/tui-button.vue b/components/tui-button/tui-button.vue
new file mode 100644
index 0000000..39fc4c7
--- /dev/null
+++ b/components/tui-button/tui-button.vue
@@ -0,0 +1,517 @@
+<template>
+	<button
+		class="tui-btn"
+		:class="[
+			plain ? 'tui-' + type + '-outline' : 'tui-btn-' + (type || 'primary'),
+			getDisabledClass(disabled, type, plain),
+			getShapeClass(shape, plain),
+			getShadowClass(type, shadow, plain),
+			bold ? 'tui-text-bold' : '',
+			link ? 'tui-btn__link' : ''
+		]"
+		:hover-class="getHoverClass(disabled, type, plain)"
+		:style="{ width: width, height: height, lineHeight: height, fontSize: size + 'rpx', margin: margin }"
+		:loading="loading"
+		:form-type="formType"
+		:open-type="openType"
+		@getuserinfo="bindgetuserinfo"
+		@getphonenumber="bindgetphonenumber"
+		@contact="bindcontact"
+		@error="binderror"
+		:disabled="disabled"
+		@tap="handleClick"
+	>
+		<slot></slot>
+	</button>
+</template>
+
+<script>
+export default {
+	name: 'tui-button',
+	behaviors: ['wx://form-field-button'],
+	props: {
+		//样式类型 primary, white, danger, warning, green,blue, gray，black,brown,gray-primary,gray-danger,gray-warning,gray-green
+		type: {
+			type: String,
+			default: 'primary'
+		},
+		//是否加阴影
+		shadow: {
+			type: Boolean,
+			default: false
+		},
+		// 宽度 rpx或 %
+		width: {
+			type: String,
+			default: '100%'
+		},
+		//高度 rpx
+		height: {
+			type: String,
+			default: '96rpx'
+		},
+		//字体大小 rpx
+		size: {
+			type: Number,
+			default: 32
+		},
+		bold: {
+			type: Boolean,
+			default: false
+		},
+		margin: {
+			type: String,
+			default: '0'
+		},
+		//形状 circle(圆角), square(默认方形)，rightAngle(平角)
+		shape: {
+			type: String,
+			default: 'square'
+		},
+		plain: {
+			type: Boolean,
+			default: false
+		},
+		//link样式，去掉边框，结合plain一起使用
+		link: {
+			type: Boolean,
+			default: false
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		//禁用后背景是否为灰色 （非空心button生效）
+		disabledGray: {
+			type: Boolean,
+			default: false
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		formType: {
+			type: String,
+			default: ''
+		},
+		openType: {
+			type: String,
+			default: ''
+		},
+		index: {
+			type: [Number, String],
+			default: 0
+		},
+		//是否需要阻止重复点击【默认200ms】
+		preventClick: {
+			type: Boolean,
+			default: false
+		}
+	},
+	data() {
+		return {
+			time: 0
+		};
+	},
+	methods: {
+		handleClick() {
+			if (this.disabled) return;
+			if (this.preventClick) {
+				if(new Date().getTime() - this.time <= 200) return;
+				this.time = new Date().getTime();
+				setTimeout(() => {
+					this.time = 0;
+				}, 200);
+			}
+			this.$emit('click', {
+				index: Number(this.index)
+			});
+		},
+		bindgetuserinfo({ detail = {} } = {}) {
+			this.$emit('getuserinfo', detail);
+		},
+		bindcontact({ detail = {} } = {}) {
+			this.$emit('contact', detail);
+		},
+		bindgetphonenumber({ detail = {} } = {}) {
+			this.$emit('getphonenumber', detail);
+		},
+		binderror({ detail = {} } = {}) {
+			this.$emit('error', detail);
+		},
+		getShadowClass: function(type, shadow, plain) {
+			let className = '';
+			if (shadow && type != 'white' && !plain) {
+				className = 'tui-shadow-' + type;
+			}
+			return className;
+		},
+		getDisabledClass: function(disabled, type, plain) {
+			let className = '';
+			if (disabled && type != 'white' && type.indexOf('-') == -1) {
+				let classVal = this.disabledGray ? 'tui-gray-disabled' : 'tui-dark-disabled';
+				className = plain ? 'tui-dark-disabled-outline' : classVal;
+			}
+			return className;
+		},
+		getShapeClass: function(shape, plain) {
+			let className = '';
+			if (shape == 'circle') {
+				className = plain ? 'tui-outline-fillet' : 'tui-fillet';
+			} else if (shape == 'rightAngle') {
+				className = plain ? 'tui-outline-rightAngle' : 'tui-rightAngle';
+			}
+			return className;
+		},
+		getHoverClass: function(disabled, type, plain) {
+			let className = '';
+			if (!disabled) {
+				className = plain ? 'tui-outline-hover' : 'tui-' + (type || 'primary') + '-hover';
+			}
+			return className;
+		}
+	}
+};
+</script>
+
+<style scoped>
+.tui-btn-primary {
+	background: #5677fc !important;
+	color: #fff;
+}
+
+.tui-shadow-primary {
+	box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
+}
+
+.tui-btn-danger {
+	background: #eb0909 !important;
+	color: #fff;
+}
+
+.tui-shadow-danger {
+	box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
+}
+
+.tui-btn-warning {
+	background: #fc872d !important;
+	color: #fff;
+}
+
+.tui-shadow-warning {
+	box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
+}
+
+.tui-btn-green {
+	background: #07c160 !important;
+	color: #fff;
+}
+
+.tui-shadow-green {
+	box-shadow: 0 10rpx 14rpx 0 rgba(7, 193, 96, 0.2);
+}
+
+.tui-btn-blue {
+	background: #007aff !important;
+	color: #fff;
+}
+
+.tui-shadow-blue {
+	box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
+}
+
+.tui-btn-white {
+	background: #fff !important;
+	color: #333 !important;
+}
+
+.tui-btn-gray {
+	background: #bfbfbf !important;
+	color: #fff !important;
+}
+
+.tui-btn-black {
+	background: #333 !important;
+	color: #fff !important;
+}
+.tui-btn-brown{
+	background: #ac9157 !important;
+	color: #fff !important;
+}
+
+.tui-btn-gray-black {
+	background: #f2f2f2 !important;
+	color: #333;
+}
+
+.tui-btn-gray-primary {
+	background: #f2f2f2 !important;
+	color: #5677fc !important;
+}
+
+.tui-gray-primary-hover {
+	background: #d9d9d9 !important;
+}
+
+.tui-btn-gray-green {
+	background: #f2f2f2 !important;
+	color: #07c160 !important;
+}
+
+.tui-gray-green-hover {
+	background: #d9d9d9 !important;
+}
+
+.tui-btn-gray-danger {
+	background: #f2f2f2 !important;
+	color: #eb0909 !important;
+}
+
+.tui-gray-danger-hover {
+	background: #d9d9d9 !important;
+}
+
+.tui-btn-gray-warning {
+	background: #f2f2f2 !important;
+	color: #fc872d !important;
+}
+
+.tui-gray-warning-hover {
+	background: #d9d9d9 !important;
+}
+
+.tui-shadow-gray {
+	box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
+}
+
+.tui-hover-gray {
+	background: #f7f7f9 !important;
+}
+
+.tui-black-hover {
+	background: #555 !important;
+	color: #e5e5e5 !important;
+}
+.tui-brown-hover{
+	background: #A37F49 !important;
+	color: #e5e5e5 !important;
+}
+
+/* button start*/
+
+.tui-btn {
+	width: 100%;
+	position: relative;
+	border: 0 !important;
+	border-radius: 6rpx;
+	padding-left: 0;
+	padding-right: 0;
+	overflow: visible;
+}
+
+.tui-btn::after {
+	content: '';
+	position: absolute;
+	width: 200%;
+	height: 200%;
+	transform-origin: 0 0;
+	transform: scale(0.5, 0.5) translateZ(0);
+	box-sizing: border-box;
+	left: 0;
+	top: 0;
+	border-radius: 12rpx;
+	border: 0;
+}
+
+.tui-text-bold {
+	font-weight: bold;
+}
+
+.tui-btn-white::after {
+	border: 1px solid #bfbfbf;
+}
+
+.tui-white-hover {
+	background: #e5e5e5 !important;
+	color: #2e2e2e !important;
+}
+
+.tui-dark-disabled {
+	opacity: 0.6 !important;
+	color: #fafbfc !important;
+}
+
+.tui-dark-disabled-outline {
+	opacity: 0.5 !important;
+}
+
+.tui-gray-disabled {
+	background: #f3f3f3 !important;
+	color: #919191 !important;
+	box-shadow: none;
+}
+
+.tui-outline-hover {
+	opacity: 0.5;
+}
+
+.tui-primary-hover {
+	background: #4a67d6 !important;
+	color: #e5e5e5 !important;
+}
+
+.tui-primary-outline::after {
+	border: 1px solid #5677fc !important;
+}
+
+.tui-primary-outline {
+	color: #5677fc !important;
+	background: transparent;
+}
+
+.tui-danger-hover {
+	background: #c80808 !important;
+	color: #e5e5e5 !important;
+}
+
+.tui-danger-outline {
+	color: #eb0909 !important;
+	background: transparent;
+}
+
+.tui-danger-outline::after {
+	border: 1px solid #eb0909 !important;
+}
+
+.tui-warning-hover {
+	background: #d67326 !important;
+	color: #e5e5e5 !important;
+}
+
+.tui-warning-outline {
+	color: #fc872d !important;
+	background: transparent;
+}
+
+.tui-warning-outline::after {
+	border: 1px solid #fc872d !important;
+}
+
+.tui-green-hover {
+	background: #06ad56 !important;
+	color: #e5e5e5 !important;
+}
+
+.tui-green-outline {
+	color: #07c160 !important;
+	background: transparent;
+}
+
+.tui-green-outline::after {
+	border: 1px solid #07c160 !important;
+}
+
+.tui-blue-hover {
+	background: #0062cc !important;
+	color: #e5e5e5 !important;
+}
+
+.tui-blue-outline {
+	color: #007aff !important;
+	background: transparent;
+}
+
+.tui-blue-outline::after {
+	border: 1px solid #007aff !important;
+}
+
+/* #ifndef APP-NVUE */
+.tui-btn-gradual {
+	background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
+	color: #fff !important;
+}
+
+.tui-shadow-gradual {
+	box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
+}
+
+/* #endif */
+
+.tui-gray-hover {
+	background: #a3a3a3 !important;
+	color: #898989;
+}
+
+/* #ifndef APP-NVUE */
+.tui-gradual-hover {
+	background: linear-gradient(90deg, #d74620, #cd1225) !important;
+	color: #fff !important;
+}
+
+/* #endif */
+
+.tui-gray-outline {
+	color: #999 !important;
+	background: transparent !important;
+}
+
+.tui-white-outline {
+	color: #fff !important;
+	background: transparent !important;
+}
+
+.tui-black-outline {
+	background: transparent !important;
+	color: #333 !important;
+}
+
+.tui-gray-outline::after {
+	border: 1px solid #ccc !important;
+}
+
+.tui-white-outline::after {
+	border: 1px solid #fff !important;
+}
+
+.tui-black-outline::after {
+	border: 1px solid #333 !important;
+}
+
+.tui-brown-outline {
+	color: #ac9157 !important;
+	background: transparent;
+}
+.tui-brown-outline::after {
+	border: 1px solid #ac9157 !important;
+}
+
+/*圆角 */
+
+.tui-fillet {
+	border-radius: 50rpx;
+}
+
+.tui-btn-white.tui-fillet::after {
+	border-radius: 98rpx;
+}
+
+.tui-outline-fillet::after {
+	border-radius: 98rpx;
+}
+
+/*平角*/
+.tui-rightAngle {
+	border-radius: 0;
+}
+
+.tui-btn-white.tui-rightAngle::after {
+	border-radius: 0;
+}
+
+.tui-outline-rightAngle::after {
+	border-radius: 0;
+}
+.tui-btn__link::after {
+	border: 0 !important;
+}
+</style>
diff --git a/components/tui-divider/tui-divider.vue b/components/tui-divider/tui-divider.vue
new file mode 100644
index 0000000..ec96112
--- /dev/null
+++ b/components/tui-divider/tui-divider.vue
@@ -0,0 +1,103 @@
+<template>
+	<view class="tui-divider" :style="{ height: height + 'rpx' }">
+		<view class="tui-divider-line" :style="{ width: width, background: getBgColor(gradual, gradualColor, dividerColor) }"></view>
+		<view
+			class="tui-divider-text"
+			:style="{ color: color, fontSize: size + 'rpx', lineHeight: size + 'rpx', backgroundColor: backgroundColor, fontWeight: bold ? 'bold' : 'normal' }"
+		>
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+export default {
+	name: 'tuiDivider',
+	props: {
+		//divider占据高度
+		height: {
+			type: Number,
+			default: 100
+		},
+		//divider宽度，可填写具体长度，如400rpx
+		width: {
+			type: String,
+			default: '100%'
+		},
+		//divider颜色，如果为渐变线条，此属性失效
+		dividerColor: {
+			type: String,
+			default: '#e5e5e5'
+		},
+		//文字颜色
+		color: {
+			type: String,
+			default: '#999'
+		},
+		//文字大小 rpx
+		size: {
+			type: Number,
+			default: 24
+		},
+		bold: {
+			type: Boolean,
+			default: false
+		},
+		//背景颜色，和当前页面背景色保持一致
+		backgroundColor: {
+			type: String,
+			default: '#fafafa'
+		},
+		//是否为渐变线条，为true，divideColor失效
+		gradual: {
+			type: Boolean,
+			default: false
+		},
+		//渐变色值，to right ，提供两个色值即可，由浅至深
+		gradualColor: {
+			type: Array,
+			default: function() {
+				return ['#eee', '#ccc'];
+			}
+		}
+	},
+	methods: {
+		getBgColor: function(gradual, gradualColor, dividerColor) {
+			let bgColor = dividerColor;
+			if (gradual) {
+				bgColor = 'linear-gradient(to right,' + gradualColor[0] + ',' + gradualColor[1] + ',' + gradualColor[1] + ',' + gradualColor[0] + ')';
+			}
+			return bgColor;
+		}
+	}
+};
+</script>
+
+<style scoped>
+.tui-divider {
+	width: 100%;
+	position: relative;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	box-sizing: border-box;
+	overflow: hidden;
+}
+
+.tui-divider-line {
+	position: absolute;
+	height: 1rpx;
+	top: 50%;
+	left: 50%;
+	-webkit-transform: scaleY(0.5) translateX(-50%) translateZ(0);
+	transform: scaleY(0.5) translateX(-50%) translateZ(0);
+}
+
+.tui-divider-text {
+	position: relative;
+	text-align: center;
+	padding: 0 18rpx;
+	z-index: 1;
+}
+</style>
diff --git a/components/tui-icon/tui-icon.vue b/components/tui-icon/tui-icon.vue
new file mode 100644
index 0000000..b04a19d
--- /dev/null
+++ b/components/tui-icon/tui-icon.vue
@@ -0,0 +1,816 @@
+<template>
+	<text class="tui-icon-class tui-icon" :class="'tui-icon-' + name" :style="{ color: color || '#999', fontSize: size + unit, fontWeight: bold ? 'bold' : 'normal',margin:margin }"
+	 @tap="handleClick"></text>
+
+</template>
+
+<script>
+	export default {
+		name: 'tuiIcon',
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: Number,
+				default: 32
+			},
+			//px或者rpx
+			unit:{
+				type: String,
+				default: 'px'
+			},
+			color: {
+				type: String,
+				default: '#999'
+			},
+			bold: {
+				type: Boolean,
+				default: false
+			},
+			margin: {
+				type: String,
+				default: "0"
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					index: this.index
+				});
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	@charset "UTF-8";
+
+	@font-face {
+		font-family: 'thoruiFont';
+		src: url(data:application/font-woff;charset=utf-8;base64,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) format('woff');
+		font-weight: normal;
+		font-style: normal;
+	}
+
+	.tui-icon {
+		font-family: 'thoruiFont' !important;
+		font-style: normal;
+		-webkit-font-smoothing: antialiased;
+		text-align: center;
+		text-decoration: none;
+	}
+
+	.tui-icon-about:before {
+		content: '\e772';
+	}
+
+	.tui-icon-about-fill:before {
+		content: '\e771';
+	}
+
+	.tui-icon-add:before {
+		content: '\e770';
+	}
+
+	.tui-icon-add-fill:before {
+		content: '\e76f';
+	}
+
+	.tui-icon-addmessage:before {
+		content: '\e76e';
+	}
+
+	.tui-icon-addressbook:before {
+		content: '\e76d';
+	}
+
+	.tui-icon-agree:before {
+		content: '\e76c';
+	}
+
+	.tui-icon-agree-fill:before {
+		content: '\e76b';
+	}
+
+	.tui-icon-alarm:before {
+		content: '\e76a';
+	}
+
+	.tui-icon-alarm-fill:before {
+		content: '\e769';
+	}
+
+	.tui-icon-alipay:before {
+		content: '\e768';
+	}
+
+	.tui-icon-android:before {
+		content: '\e767';
+	}
+
+	.tui-icon-applets:before {
+		content: '\e766';
+	}
+
+	.tui-icon-arrowdown:before {
+		content: '\e765';
+	}
+
+	.tui-icon-arrowleft:before {
+		content: '\e764';
+	}
+
+	.tui-icon-arrowright:before {
+		content: '\e763';
+	}
+
+	.tui-icon-arrowup:before {
+		content: '\e762';
+	}
+
+	.tui-icon-attestation:before {
+		content: '\e761';
+	}
+
+	.tui-icon-back:before {
+		content: '\e760';
+	}
+
+	.tui-icon-bag:before {
+		content: '\e75f';
+	}
+
+	.tui-icon-bag-fill:before {
+		content: '\e75e';
+	}
+
+	.tui-icon-balloon:before {
+		content: '\e75d';
+	}
+
+	.tui-icon-bankcard:before {
+		content: '\e75c';
+	}
+
+	.tui-icon-bankcard-fill:before {
+		content: '\e75b';
+	}
+
+	.tui-icon-bottom:before {
+		content: '\e75a';
+	}
+
+	.tui-icon-calendar:before {
+		content: '\e759';
+	}
+
+	.tui-icon-camera:before {
+		content: '\e758';
+	}
+
+	.tui-icon-camera-fill:before {
+		content: '\e757';
+	}
+
+	.tui-icon-camera-add:before {
+		content: '\e756';
+	}
+
+	.tui-icon-card:before {
+		content: '\e755';
+	}
+
+	.tui-icon-card-fill:before {
+		content: '\e754';
+	}
+
+	.tui-icon-cart:before {
+		content: '\e753';
+	}
+
+	.tui-icon-cart-fill:before {
+		content: '\e752';
+	}
+
+	.tui-icon-category:before {
+		content: '\e751';
+	}
+
+	.tui-icon-category-fill:before {
+		content: '\e750';
+	}
+
+	.tui-icon-check:before {
+		content: '\e74f';
+	}
+
+	.tui-icon-circle:before {
+		content: '\e74e';
+	}
+
+	.tui-icon-circle-fill:before {
+		content: '\e74d';
+	}
+
+	.tui-icon-circle-selected:before {
+		content: '\e74c';
+	}
+
+	.tui-icon-clock:before {
+		content: '\e74b';
+	}
+
+	.tui-icon-clock-fill:before {
+		content: '\e74a';
+	}
+
+	.tui-icon-close:before {
+		content: '\e749';
+	}
+
+	.tui-icon-close-fill:before {
+		content: '\e748';
+	}
+
+	.tui-icon-community:before {
+		content: '\e747';
+	}
+
+	.tui-icon-community-fill:before {
+		content: '\e746';
+	}
+
+	.tui-icon-computer:before {
+		content: '\e745';
+	}
+
+	.tui-icon-computer-fill:before {
+		content: '\e744';
+	}
+
+	.tui-icon-coupon:before {
+		content: '\e743';
+	}
+
+	.tui-icon-delete:before {
+		content: '\e742';
+	}
+
+	.tui-icon-deletekey:before {
+		content: '\e741';
+	}
+
+	.tui-icon-dingtalk:before {
+		content: '\e740';
+	}
+
+	.tui-icon-dissatisfied:before {
+		content: '\e73f';
+	}
+
+	.tui-icon-down:before {
+		content: '\e73e';
+	}
+
+	.tui-icon-download:before {
+		content: '\e73d';
+	}
+
+	.tui-icon-edit:before {
+		content: '\e73c';
+	}
+
+	.tui-icon-ellipsis:before {
+		content: '\e73b';
+	}
+
+	.tui-icon-enlarge:before {
+		content: '\e73a';
+	}
+
+	.tui-icon-evaluate:before {
+		content: '\e739';
+	}
+
+	.tui-icon-exchange:before {
+		content: '\e738';
+	}
+
+	.tui-icon-explain:before {
+		content: '\e737';
+	}
+
+	.tui-icon-explain-fill:before {
+		content: '\e736';
+	}
+
+	.tui-icon-explore:before {
+		content: '\e735';
+	}
+
+	.tui-icon-explore-fill:before {
+		content: '\e734';
+	}
+
+	.tui-icon-eye:before {
+		content: '\e733';
+	}
+
+	.tui-icon-feedback:before {
+		content: '\e732';
+	}
+
+	.tui-icon-fingerprint:before {
+		content: '\e730';
+	}
+
+	.tui-icon-friendadd:before {
+		content: '\e72f';
+	}
+
+	.tui-icon-friendadd-fill:before {
+		content: '\e72e';
+	}
+
+	.tui-icon-gps:before {
+		content: '\e72d';
+	}
+
+	.tui-icon-histogram:before {
+		content: '\e72c';
+	}
+
+	.tui-icon-home:before {
+		content: '\e72b';
+	}
+
+	.tui-icon-home-fill:before {
+		content: '\e72a';
+	}
+
+	.tui-icon-house:before {
+		content: '\e729';
+	}
+
+	.tui-icon-imface:before {
+		content: '\e728';
+	}
+
+	.tui-icon-imkeyboard:before {
+		content: '\e727';
+	}
+
+	.tui-icon-immore:before {
+		content: '\e726';
+	}
+
+	.tui-icon-imvoice:before {
+		content: '\e725';
+	}
+
+	.tui-icon-ios:before {
+		content: '\e724';
+	}
+
+	.tui-icon-kefu:before {
+		content: '\e723';
+	}
+
+	.tui-icon-label:before {
+		content: '\e722';
+	}
+
+	.tui-icon-label-fill:before {
+		content: '\e721';
+	}
+
+	.tui-icon-like:before {
+		content: '\e720';
+	}
+
+	.tui-icon-like-fill:before {
+		content: '\e71f';
+	}
+
+	.tui-icon-link:before {
+		content: '\e71e';
+	}
+
+	.tui-icon-listview:before {
+		content: '\e71d';
+	}
+
+	.tui-icon-loading:before {
+		content: '\e71c';
+	}
+
+	.tui-icon-location:before {
+		content: '\e71b';
+	}
+
+	.tui-icon-mail:before {
+		content: '\e71a';
+	}
+
+	.tui-icon-mail-fill:before {
+		content: '\e719';
+	}
+
+	.tui-icon-manage:before {
+		content: '\e718';
+	}
+
+	.tui-icon-manage-fill:before {
+		content: '\e717';
+	}
+
+	.tui-icon-member:before {
+		content: '\e716';
+	}
+
+	.tui-icon-member-fill:before {
+		content: '\e715';
+	}
+
+	.tui-icon-message:before {
+		content: '\e714';
+	}
+
+	.tui-icon-message-fill:before {
+		content: '\e713';
+	}
+
+	.tui-icon-mobile:before {
+		content: '\e712';
+	}
+
+	.tui-icon-moments:before {
+		content: '\e711';
+	}
+
+	.tui-icon-more:before {
+		content: '\e710';
+	}
+
+	.tui-icon-more-fill:before {
+		content: '\e70f';
+	}
+
+	.tui-icon-narrow:before {
+		content: '\e70e';
+	}
+
+	.tui-icon-news:before {
+		content: '\e70d';
+	}
+
+	.tui-icon-news-fill:before {
+		content: '\e70c';
+	}
+
+	.tui-icon-nodata:before {
+		content: '\e70b';
+	}
+
+	.tui-icon-notice:before {
+		content: '\e699';
+	}
+
+	.tui-icon-notice-fill:before {
+		content: '\e698';
+	}
+
+	.tui-icon-offline:before {
+		content: '\e697';
+	}
+
+	.tui-icon-offline-fill:before {
+		content: '\e696';
+	}
+
+	.tui-icon-oppose:before {
+		content: '\e695';
+	}
+
+	.tui-icon-oppose-fill:before {
+		content: '\e694';
+	}
+
+	.tui-icon-order:before {
+		content: '\e693';
+	}
+
+	.tui-icon-partake:before {
+		content: '\e692';
+	}
+
+	.tui-icon-people:before {
+		content: '\e691';
+	}
+
+	.tui-icon-people-fill:before {
+		content: '\e690';
+	}
+
+	.tui-icon-pic:before {
+		content: '\e68f';
+	}
+
+	.tui-icon-pic-fill:before {
+		content: '\e68e';
+	}
+
+	.tui-icon-picture:before {
+		content: '\e68d';
+	}
+
+	.tui-icon-pie:before {
+		content: '\e68c';
+	}
+
+	.tui-icon-play:before {
+		content: '\e68b';
+	}
+
+	.tui-icon-plus:before {
+		content: '\e689';
+	}
+
+	.tui-icon-polygonal:before {
+		content: '\e688';
+	}
+
+	.tui-icon-position:before {
+		content: '\e687';
+	}
+
+	.tui-icon-position-fill:before {
+		content: '\e686';
+	}
+
+	.tui-icon-pwd:before {
+		content: '\e685';
+	}
+
+	.tui-icon-qq:before {
+		content: '\e684';
+	}
+
+	.tui-icon-qrcode:before {
+		content: '\e682';
+	}
+
+	.tui-icon-redpacket:before {
+		content: '\e681';
+	}
+
+	.tui-icon-redpacket-fill:before {
+		content: '\e680';
+	}
+
+	.tui-icon-reduce:before {
+		content: '\e67f';
+	}
+
+	.tui-icon-refresh:before {
+		content: '\e67e';
+	}
+
+	.tui-icon-revoke:before {
+		content: '\e67d';
+	}
+
+	.tui-icon-satisfied:before {
+		content: '\e67c';
+	}
+
+	.tui-icon-screen:before {
+		content: '\e67b';
+	}
+
+	.tui-icon-search:before {
+		content: '\e67a';
+	}
+
+	.tui-icon-search-2:before {
+		content: '\e679';
+	}
+
+	.tui-icon-send:before {
+		content: '\e678';
+	}
+
+	.tui-icon-service:before {
+		content: '\e677';
+	}
+
+	.tui-icon-service-fill:before {
+		content: '\e676';
+	}
+
+	.tui-icon-setup:before {
+		content: '\e675';
+	}
+
+	.tui-icon-setup-fill:before {
+		content: '\e674';
+	}
+
+	.tui-icon-share:before {
+		content: '\e673';
+	}
+
+	.tui-icon-share-fill:before {
+		content: '\e672';
+	}
+
+	.tui-icon-shield:before {
+		content: '\e671';
+	}
+
+	.tui-icon-shop:before {
+		content: '\e670';
+	}
+
+	.tui-icon-shop-fill:before {
+		content: '\e66f';
+	}
+
+	.tui-icon-shut:before {
+		content: '\e66e';
+	}
+
+	.tui-icon-signin:before {
+		content: '\e66d';
+	}
+
+	.tui-icon-sina:before {
+		content: '\e66c';
+	}
+
+	.tui-icon-skin:before {
+		content: '\e66b';
+	}
+
+	.tui-icon-soso:before {
+		content: '\e669';
+	}
+
+	.tui-icon-square:before {
+		content: '\e668';
+	}
+
+	.tui-icon-square-fill:before {
+		content: '\e667';
+	}
+
+	.tui-icon-square-selected:before {
+		content: '\e666';
+	}
+
+	.tui-icon-star:before {
+		content: '\e665';
+	}
+
+	.tui-icon-star-fill:before {
+		content: '\e664';
+	}
+
+	.tui-icon-strategy:before {
+		content: '\e663';
+	}
+
+	.tui-icon-sweep:before {
+		content: '\e662';
+	}
+
+	.tui-icon-time:before {
+		content: '\e661';
+	}
+
+	.tui-icon-time-fill:before {
+		content: '\e660';
+	}
+
+	.tui-icon-todown:before {
+		content: '\e65f';
+	}
+
+	.tui-icon-toleft:before {
+		content: '\e65e';
+	}
+
+	.tui-icon-tool:before {
+		content: '\e65d';
+	}
+
+	.tui-icon-top:before {
+		content: '\e65c';
+	}
+
+	.tui-icon-toright:before {
+		content: '\e65b';
+	}
+
+	.tui-icon-towardsleft:before {
+		content: '\e65a';
+	}
+
+	.tui-icon-towardsright:before {
+		content: '\e659';
+	}
+
+	.tui-icon-towardsright-fill:before {
+		content: '\e658';
+	}
+
+	.tui-icon-transport:before {
+		content: '\e657';
+	}
+
+	.tui-icon-transport-fill:before {
+		content: '\e656';
+	}
+
+	.tui-icon-turningdown:before {
+		content: '\e654';
+	}
+
+	.tui-icon-turningleft:before {
+		content: '\e653';
+	}
+
+	.tui-icon-turningright:before {
+		content: '\e652';
+	}
+
+	.tui-icon-turningup:before {
+		content: '\e651';
+	}
+
+	.tui-icon-unreceive:before {
+		content: '\e650';
+	}
+
+	.tui-icon-unseen:before {
+		content: '\e64f';
+	}
+
+	.tui-icon-up:before {
+		content: '\e64e';
+	}
+
+	.tui-icon-upload:before {
+		content: '\e64c';
+	}
+
+	.tui-icon-video:before {
+		content: '\e64b';
+	}
+
+	.tui-icon-voice:before {
+		content: '\e649';
+	}
+
+	.tui-icon-voice-fill:before {
+		content: '\e648';
+	}
+
+	.tui-icon-voipphone:before {
+		content: '\e647';
+	}
+
+	.tui-icon-wallet:before {
+		content: '\e646';
+	}
+
+	.tui-icon-warning:before {
+		content: '\e645';
+	}
+
+	.tui-icon-wealth:before {
+		content: '\e644';
+	}
+
+	.tui-icon-wealth-fill:before {
+		content: '\e643';
+	}
+
+	.tui-icon-weather:before {
+		content: '\e642';
+	}
+
+	.tui-icon-wechat:before {
+		content: '\e641';
+	}
+
+	.tui-icon-wifi:before {
+		content: '\e640';
+	}
+</style>
diff --git a/components/tui-tag/tui-tag.vue b/components/tui-tag/tui-tag.vue
new file mode 100644
index 0000000..82b9d08
--- /dev/null
+++ b/components/tui-tag/tui-tag.vue
@@ -0,0 +1,354 @@
+<template>
+	<view class="tui-tag" :hover-class="hover ? 'tui-tag-opcity' : ''" :hover-stay-time="150" :class="[originLeft ? 'tui-origin-left' : '', originRight ? 'tui-origin-right' : '', getClassName(shape, plain), getTypeClass(type, plain)]"
+	 :style="{ transform: `scale(${scaleMultiple})`, padding: padding, margin: margin, fontSize: size, lineHeight: size }"
+	 @tap="handleClick">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'tuiTag',
+		props: {
+			type: {
+				type: String,
+				default: 'primary'
+			},
+			//padding
+			padding: {
+				type: String,
+				default: '16rpx 26rpx'
+			},
+			margin: {
+				type: String,
+				default: '0'
+			},
+			//文字大小 rpx
+			size: {
+				type: String,
+				default: '28rpx'
+			},
+			// circle, square，circleLeft，circleRight
+			shape: {
+				type: String,
+				default: 'square'
+			},
+			//是否空心
+			plain: {
+				type: Boolean,
+				default: false
+			},
+			//点击效果
+			hover: {
+				type: Boolean,
+				default: false
+			},
+			//缩放倍数
+			scaleMultiple: {
+				type: Number,
+				default: 1
+			},
+			originLeft: {
+				type: Boolean,
+				default: false
+			},
+			originRight: {
+				type: Boolean,
+				default: false
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					index: this.index
+				});
+			},
+			getTypeClass: function(type, plain) {
+				return plain ? 'tui-' + type + '-outline' : 'tui-' + type;
+			},
+			getClassName: function(shape, plain) {
+				//circle, square，circleLeft，circleRight
+				var className = plain ? 'tui-tag-outline ' : '';
+				if (shape != 'square') {
+					if (shape == 'circle') {
+						className = className + (plain ? 'tui-tag-outline-fillet' : 'tui-tag-fillet');
+					} else if (shape == 'circleLeft') {
+						className = className + 'tui-tag-fillet-left';
+					} else if (shape == 'circleRight') {
+						className = className + 'tui-tag-fillet-right';
+					}
+				}
+				return className;
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	/* color start*/
+
+	.tui-primary {
+		background-color: #5677fc !important;
+		color: #fff;
+	}
+
+	.tui-light-primary {
+		background-color: #5c8dff !important;
+		color: #fff;
+	}
+
+	.tui-dark-primary {
+		background-color: #4a67d6 !important;
+		color: #fff;
+	}
+
+	.tui-dLight-primary {
+		background-color: #4e77d9 !important;
+		color: #fff;
+	}
+
+	.tui-danger {
+		background-color: #ed3f14 !important;
+		color: #fff;
+	}
+
+	.tui-red {
+		background-color: #ff201f !important;
+		color: #fff;
+	}
+
+	.tui-warning {
+		background-color: #ff7900 !important;
+		color: #fff;
+	}
+
+	.tui-green {
+		background-color: #19be6b !important;
+		color: #fff;
+	}
+
+	.tui-high-green {
+		background-color: #52dcae !important;
+		color: #52dcae;
+	}
+
+	.tui-black {
+		background-color: #000 !important;
+		color: #fff;
+	}
+
+	.tui-white {
+		background-color: #fff !important;
+		color: #333 !important;
+	}
+
+	.tui-translucent {
+		background-color: rgba(0, 0, 0, 0.7);
+	}
+
+	.tui-light-black {
+		background-color: #333 !important;
+	}
+
+	.tui-gray {
+		background-color: #ededed !important;
+	}
+
+	.tui-phcolor-gray {
+		background-color: #ccc !important;
+	}
+
+	.tui-divider-gray {
+		background-color: #eaeef1 !important;
+	}
+
+	.tui-btn-gray {
+		background-color: #ededed !important;
+		color: #999 !important;
+	}
+
+	.tui-hover-gray {
+		background-color: #f7f7f9 !important;
+	}
+
+	.tui-bg-gray {
+		background-color: #fafafa !important;
+	}
+
+	.tui-light-blue {
+		background-color: #ecf6fd;
+		color: #4dabeb !important;
+	}
+
+	.tui-light-brownish {
+		background-color: #fcebef;
+		color: #8a5966 !important;
+	}
+
+	.tui-light-orange {
+		background-color: #fef5eb;
+		color: #faa851 !important;
+	}
+
+	.tui-light-green {
+		background-color: #e8f6e8;
+		color: #44cf85 !important;
+	}
+
+	.tui-primary-outline::after {
+		border: 1px solid #5677fc !important;
+	}
+
+	.tui-primary-outline {
+		color: #5677fc !important;
+		background-color: none;
+	}
+
+	.tui-danger-outline {
+		color: #ed3f14 !important;
+		background-color: none;
+	}
+
+	.tui-danger-outline::after {
+		border: 1px solid #ed3f14 !important;
+	}
+
+	.tui-red-outline {
+		color: #ff201f !important;
+		background-color: none;
+	}
+
+	.tui-red-outline::after {
+		border: 1px solid #ff201f !important;
+	}
+
+	.tui-warning-outline {
+		color: #ff7900 !important;
+		background-color: none;
+	}
+
+	.tui-warning-outline::after {
+		border: 1px solid #ff7900 !important;
+	}
+
+	.tui-green-outline {
+		color: #44cf85 !important;
+		background-color: none;
+	}
+
+	.tui-green-outline::after {
+		border: 1px solid #44cf85 !important;
+	}
+
+	.tui-high-green-outline {
+		color: #52dcae !important;
+		background-color: none;
+	}
+
+	.tui-high-green-outline::after {
+		border: 1px solid #52dcae !important;
+	}
+
+	.tui-gray-outline {
+		color: #999 !important;
+		background-color: none;
+	}
+
+	.tui-gray-outline::after {
+		border: 1px solid #ccc !important;
+	}
+
+	.tui-black-outline {
+		color: #333 !important;
+		background-color: none;
+	}
+
+	.tui-black-outline::after {
+		border: 1px solid #333 !important;
+	}
+
+	.tui-white-outline {
+		color: #fff !important;
+		background-color: none;
+	}
+
+	.tui-white-outline::after {
+		border: 1px solid #fff !important;
+	}
+
+	/* color end*/
+
+	/* tag start*/
+
+	.tui-tag {
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		border-radius: 6rpx;
+		flex-shrink: 0;
+	}
+
+	.tui-tag-outline {
+		position: relative;
+		background-color: none;
+		color: #5677fc;
+	}
+
+	.tui-tag-outline::after {
+		content: ' ';
+		position: absolute;
+		width: 200%;
+		height: 200%;
+		transform: scale(0.5) translateZ(0);
+		transform-origin: 0 0;
+		box-sizing: border-box;
+		left: 0;
+		top: 0;
+		border-radius: 12rpx;
+	}
+
+	.tui-tag-fillet {
+		border-radius: 50rpx;
+	}
+
+	.tui-white.tui-tag-fillet::after {
+		border-radius: 80rpx;
+	}
+
+	.tui-tag-outline-fillet::after {
+		border-radius: 80rpx;
+	}
+
+	.tui-tag-fillet-left {
+		border-radius: 50rpx 0 0 50rpx;
+	}
+
+	.tui-tag-fillet-right {
+		border-radius: 0 50rpx 50rpx 0;
+	}
+
+	.tui-tag-fillet-left.tui-tag-outline::after {
+		border-radius: 100rpx 0 0 100rpx;
+	}
+
+	.tui-tag-fillet-right.tui-tag-outline::after {
+		border-radius: 0 100rpx 100rpx 0;
+	}
+
+	/* tag end*/
+	.tui-origin-left {
+		transform-origin: 0 center;
+	}
+
+	.tui-origin-right {
+		transform-origin: 100% center;
+	}
+
+	.tui-tag-opcity {
+		opacity: 0.5;
+	}
+</style>
diff --git a/pages.json b/pages.json
index 11102a0..bdec2e4 100644
--- a/pages.json
+++ b/pages.json
@@ -424,6 +424,12 @@
       }
     }
   ],
+  "easycom": {
+		"autoscan": true,
+		"custom": {
+			"tui-(.*)": "@/components/tui-$1/tui-$1.vue"
+		}
+	},
   "globalStyle": {
     "navigationBarTextStyle": "black",
     "navigationBarTitleText": "Yshop",
diff --git a/pages/activity/GroupDetails/index.vue b/pages/activity/GroupDetails/index.vue
index 5106135..45b8758 100644
--- a/pages/activity/GroupDetails/index.vue
+++ b/pages/activity/GroupDetails/index.vue
@@ -3,20 +3,28 @@
     <!-- 商品轮播 -->
     <product-con-swiper :imgUrls="imgUrls"></product-con-swiper>
 
-    <!-- 商品信息描述 -->
-    <view class="wrapper">
-      <view class="share acea-row row-between row-bottom">
-        <view class="money font-color-red">
-          ￥
-          <text class="num" v-text="storeInfo.price"></text>
-          <!-- <text class="y-money" v-text="'￥' + storeInfo.productPrice"></text> -->
+    <view class="tui-pro-detail">
+      <view class="tui-product-title tui-border-radius">
+        <view class="tui-price__box">
+          <view class="tui-pro-pricebox tui-padding">
+            <view class="tui-pro-price">
+              <view>
+                <text>￥</text>
+                <text class="tui-price">{{ storeInfo.price.split('.')[0] }}</text>
+                <text>.{{ storeInfo.price.split('.')[1] }}</text>
+              </view>
+              <!-- <view class="tui-original-price tui-white__gray">￥199.00</view> -->
+            </view>
+            <view class="tui-sold tui-white__gray">
+              <view class="tui-price-tag">{{ storeInfo.people }}人团</view>
+              <text>已拼{{ storeInfo.sales }}{{ storeInfo.unitNam }}</text>
+            </view>
+          </view>
+          <view class="tui-right__box">库存{{ storeInfo.stock }}{{ storeInfo.unitNam }}</view>
+        </view>
+        <view class="tui-pro-titbox">
+          <view class="tui-pro-title">{{ storeInfo.title }}</view>
         </view>
-      </view>
-      <view class="introduce" v-text="storeInfo.title"></view>
-      <view class="label acea-row row-between-wrapper">
-        <view v-text="'类型:' + storeInfo.people + '人团'"></view>
-        <view v-text="'库存:' + storeInfo.stock + storeInfo.unitName"></view>
-        <view v-text="'已拼:' + storeInfo.sales + storeInfo.unitName"></view>
       </view>
     </view>
 
@@ -29,7 +37,6 @@
       <view class="iconfont icon-jiantou"></view>
     </view>
 
-
     <!-- 拼团信息 -->
     <view class="notice acea-row row-middle">
       <view class="num font-color-red">
@@ -65,8 +72,7 @@
                 <text class="font-color-red" v-text="item.count"></text>
                 <text>人成团</text>
               </view>
-              <count-down :isDay="true" :tipText="'剩余 '" :dayText="' 天 '" :hourText="' : '" :minuteText="' : '"
-            :secondText="' '" :datatime="item.stopTime/1000"></count-down>
+              <count-down :isDay="true" :tipText="'剩余 '" :dayText="' 天 '" :hourText="' : '" :minuteText="' : '" :secondText="' '" :datatime="item.stopTime / 1000"></count-down>
             </view>
             <view class="spellBnt" @click="groupRule(item.id)">
               去拼单
@@ -87,18 +93,12 @@
         <view>拼团玩法</view>
       </view>
       <view class="way acea-row row-middle">
-        <view class="item">
-          <text class="num">①</text>开团/参团
-        </view>
+        <view class="item"> <text class="num">①</text>开团/参团 </view>
         <view class="iconfont icon-arrow"></view>
-        <view class="item">
-          <text class="num">②</text>邀请好友
-        </view>
+        <view class="item"> <text class="num">②</text>邀请好友 </view>
         <view class="iconfont icon-arrow"></view>
         <view class="item">
-          <view>
-            <text class="num">③</text>满员发货
-          </view>
+          <view> <text class="num">③</text>满员发货 </view>
         </view>
       </view>
     </view>
@@ -123,399 +123,1159 @@
     </view>
 
     <!-- 操作栏 -->
-    <view style="height:100rpx;"></view>
-    <view class="footer acea-row row-between-wrapper">
-      <!-- #ifdef MP-WEIXIN -->
-      <view class="item">
-        <button open-type="contact" class='contacButton'>
-          <view style="padding-bottom: 8rpx;" class="item">
-            <view class="iconfont icon-kefu"></view>
-            <text>客服</text>
-          </view>
+    <view style="height: 100rpx"></view>
+
+    <!--底部操作栏-->
+    <view class="tui-operation">
+      <view class="tui-operation-left tui-col-5">
+        <!-- #ifdef MP-WEIXIN -->
+        <button class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150">
+          <tui-icon name="kefu" :size="22" color="#333"></tui-icon>
+          <view class="tui-operation-text tui-scale-small">客服</view>
         </button>
-      </view>
-      <!-- #endif -->
+        <!-- #endif -->
 
-      <view class="item" @click="setCollect" v-if="userCollect">
-        <view class="iconfont icon-shoucang1"></view>
-        <text>收藏</text>
-      </view>
-      <view class="item" @click="setCollect" v-if="!userCollect">
-        <view class="iconfont icon-shoucang"></view>
-        <text>收藏</text>
+        <view class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150" @click="setCollect" v-if="userCollect">
+          <view class="iconfont icon-shoucang1"></view>
+          <view class="tui-operation-text tui-scale-small">收藏</view>
+        </view>
+        <view class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150" @click="setCollect" v-if="!userCollect">
+          <view class="iconfont icon-shoucang"></view>
+          <view class="tui-operation-text tui-scale-small">收藏</view>
+        </view>
       </view>
-      <view class="bnt acea-row">
-        <view class="joinCart" @click="openAlone">
-          <text>单独购买</text>
+
+      <view class="tui-operation-right tui-right-flex tui-col-7 tui-btnbox-4">
+        <view class="tui-flex-1">
+          <tui-button height="100rpx" :size="26" type="warning" shape="rightAngle" @click="openAlone">
+            <view class="tui-btn__box">
+              <view>单独购买</view>
+              <view class="tui-flex-end">
+                <view class="tui-size-26">￥</view>
+                <view class="tui-size-36">{{ storeInfo.productPrice.split('.')[0] }}</view>
+                <view class="tui-size-26">.{{ storeInfo.productPrice.split('.')[1] }}</view>
+              </view>
+            </view>
+          </tui-button>
         </view>
-        <view class="buy" @click="openTeam">
-          <text>立即开团</text>
+        <view class="tui-flex-1">
+          <tui-button height="100rpx" :size="26" type="danger" shape="rightAngle" @click="openTeam">
+            <view class="tui-btn__box">
+              <view>发起拼团</view>
+              <view class="tui-flex-end">
+                <view class="tui-size-28">￥</view>
+                <view class="tui-price-large tui-size-36">{{ storeInfo.price.split('.')[0] }}</view>
+                <view class="tui-size-28">.{{ storeInfo.price.split('.')[1] }}</view>
+              </view>
+            </view>
+          </tui-button>
         </view>
       </view>
     </view>
+
     <!-- 商品信息弹窗 -->
     <ProductWindow v-if="cartNum" v-on:changeFun="changeFun" :attr="attr" :cartNum="cartNum"></ProductWindow>
-    <StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus"
-      :posterData="posterData"></StorePoster>
+    <StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus" :posterData="posterData"></StorePoster>
   </view>
 </template>
 
 <script>
-  // import { swiper, swiperSlide } from "vue-awesome-swiper";
-
-  import ProductConSwiper from "@/components/ProductConSwiper";
-  import CountDown from "@/components/CountDown";
-  import UserEvaluation from "@/components/UserEvaluation";
-  import ProductWindow from "@/components/ProductWindow";
-  import StorePoster from "@/components/StorePoster";
-  import {
-    getCombinationDetail
-  } from "@/api/activity";
-  import {
-    postCartAdd
-  } from "@/api/store";
-  import {
-    imageBase64
-  } from "@/api/public";
-  import {
-    getCoupon,
-    getCollectAdd,
-    getCollectDel,
-    getUserInfo
-  } from "@/api/user";
-  const NAME = "GroupDetails";
-
-  export default {
-    name: "GroupDetails",
-    components: {
-      ProductConSwiper,
-      CountDown,
-      UserEvaluation,
-      // swiper,
-      // swiperSlide,
-      ProductWindow,
-      StorePoster
+// import { swiper, swiperSlide } from "vue-awesome-swiper";
+
+import ProductConSwiper from '@/components/ProductConSwiper'
+import CountDown from '@/components/CountDown'
+import UserEvaluation from '@/components/UserEvaluation'
+import ProductWindow from '@/components/ProductWindow'
+import StorePoster from '@/components/StorePoster'
+import { getCombinationDetail } from '@/api/activity'
+import { postCartAdd } from '@/api/store'
+import { imageBase64 } from '@/api/public'
+import { getCoupon, getCollectAdd, getCollectDel, getUserInfo } from '@/api/user'
+const NAME = 'GroupDetails'
+
+export default {
+  name: 'GroupDetails',
+  components: {
+    ProductConSwiper,
+    CountDown,
+    UserEvaluation,
+    // swiper,
+    // swiperSlide,
+    ProductWindow,
+    StorePoster,
+  },
+  props: {},
+  data: function () {
+    return {
+      domStatus: false,
+      posterData: {
+        image: '',
+        title: '',
+        price: '',
+        code: '',
+      },
+      posterImageStatus: false,
+      reply: [],
+      replyCount: 0,
+      replyChance: 0,
+      imgUrls: [],
+      storeInfo: {},
+      itemNew: {},
+      groupListCount: 2,
+      groupList: {},
+      attrTxt: '请选择',
+      productValue: [],
+      attrValue: '',
+      swiperTip: {
+        direction: 'vertical',
+        autoplay: {
+          disableOnInteraction: false,
+          delay: 2000,
+        },
+        loop: true,
+        speed: 1000,
+        observer: true,
+        observeParents: true,
+      },
+      attr: {
+        cartAttr: false,
+        productAttr: [],
+        productSelect: {},
+      },
+      cartNum: 1,
+      userCollect: false,
+    }
+  },
+  watch: {
+    $yroute: function (n) {
+      var that = this
+      if (n.name === NAME) {
+        that.mountedStart()
+      }
     },
-    props: {},
-    data: function () {
+  },
+  onShow: function () {
+    this.mountedStart()
+  },
+  methods: {
+    onShareAppMessage: function () {
       return {
-        domStatus: false,
-        posterData: {
-          image: "",
-          title: "",
-          price: "",
-          code: ""
+        title: this.storeInfo.title,
+        imageUrl: this.storeInfo.image,
+        path: 'pages/activity/GroupDetails/index?id=' + this.storeInfo.id + '&spread=' + uni.getStorageSync('uid') + '&pageType=good&codeType=routine',
+        success(res) {
+          uni.showToast({
+            title: '分享成功',
+          })
         },
-        posterImageStatus: false,
-        reply: [],
-        replyCount: 0,
-        replyChance: 0,
-        imgUrls: [],
-        storeInfo: {},
-        itemNew: {},
-        groupListCount: 2,
-        groupList: {},
-        attrTxt: "请选择",
-        productValue: [],
-        attrValue: "",
-        swiperTip: {
-          direction: "vertical",
-          autoplay: {
-            disableOnInteraction: false,
-            delay: 2000
-          },
-          loop: true,
-          speed: 1000,
-          observer: true,
-          observeParents: true
+        fail(res) {
+          uni.showToast({
+            title: '分享失败',
+            icon: 'none',
+          })
         },
-        attr: {
-          cartAttr: false,
-          productAttr: [],
-          productSelect: {},
+      }
+    },
+    openAlone: function () {
+      this.$yrouter.push({
+        path: '/pages/shop/GoodsCon/index',
+        query: {
+          id: this.storeInfo.productId,
         },
-        cartNum: 1,
-        userCollect: false
-      };
+      })
+      // this.$yrouter.replace({ path: "/detail/" + this.storeInfo.productId });
     },
-    watch: {
-      $yroute: function (n) {
-        var that = this;
-        if (n.name === NAME) {
-          that.mountedStart();
+    //收藏商品
+    setCollect: function () {
+      let that = this,
+        id = that.storeInfo.id,
+        category = 'product'
+      if (that.userCollect) {
+        getCollectDel(id, category).then(function () {
+          that.userCollect = !that.userCollect
+        })
+      } else {
+        getCollectAdd(id, category).then(function () {
+          that.userCollect = !that.userCollect
+        })
+      }
+    },
+    mountedStart: function () {
+      var that = this
+      let id = that.$yroute.query.id
+      getCombinationDetail(id).then(res => {
+        that.userCollect = res.data.userCollect
+        res.data.storeInfo.description = res.data.storeInfo.description.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
+        that.$set(that.attr, 'productAttr', res.data.productAttr)
+        that.$set(that, 'productValue', res.data.productValue)
+        that.$set(that, 'storeInfo', res.data.storeInfo)
+        that.$set(that, 'imgUrls', res.data.storeInfo.sliderImageArr)
+        that.$set(that, 'itemNew', res.data.pinkOkList)
+        that.$set(that, 'groupList', res.data.pink)
+        that.$set(that, 'reply', [res.data.reply])
+        that.$set(that, 'replyCount', res.data.replyCount)
+        that.$set(that, 'replyChance', res.data.replyChance)
+        that.posterData.image = that.storeInfo.image
+        if (that.storeInfo.title.length > 30) {
+          that.posterData.title = that.storeInfo.title.substring(0, 30) + '...'
+        } else {
+          that.posterData.title = that.storeInfo.title
         }
+        that.posterData.price = that.storeInfo.pinkPrice
+        that.posterData.code = that.storeInfo.code_base
+        that.domStatus = true
+        console.log(this.storeInfo)
+        that.DefaultSelect()
+      })
+    },
+    DefaultSelect: function () {
+      let productAttr = this.attr.productAttr
+      let value = []
+      for (let i = 0; i < productAttr.length; i++) {
+        this.$set(productAttr[i], 'index', 0)
+        value.push(productAttr[i].attrValueArr[0])
+      }
+      //sort();排序函数:数字-英文-汉字；
+      let productSelect = this.productValue[value.sort().join(',')]
+      console.log(productSelect)
+      if (productSelect && productAttr.length) {
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', productSelect.image)
+        this.$set(this.attr.productSelect, 'price', productSelect.pinkPrice)
+        this.$set(this.attr.productSelect, 'stock', productSelect.pinkStock)
+        this.$set(this.attr.productSelect, 'unique', productSelect.unique)
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', value.sort().join(','))
+        this.$set(this, 'attrTxt', '已选择')
+      } else if (!productSelect && productAttr.length) {
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.pinkPrice)
+        this.$set(this.attr.productSelect, 'stock', 0)
+        this.$set(this.attr.productSelect, 'unique', '')
+        this.$set(this.attr.productSelect, 'cart_num', 0)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
+      } else if (!productSelect && !productAttr.length) {
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.pinkPrice)
+        this.$set(this.attr.productSelect, 'stock', this.storeInfo.pinkStock)
+        this.$set(this.attr.productSelect, 'unique', this.storeInfo.unique || '')
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
       }
     },
-    onShow: function () {
-      this.mountedStart();
+    getImageBase64: function () {
+      let that = this
+      imageBase64(this.posterData.image, that.posterData.code).then(res => {
+        that.posterData.image = res.data.image
+        that.posterData.code = res.data.code
+      })
     },
-    methods: {
-      onShareAppMessage: function() {
-        return {
-          title: this.storeInfo.title,
-          imageUrl: this.storeInfo.image,
-          path: "pages/activity/GroupDetails/index?id="+this.storeInfo.id+"&spread=" + uni.getStorageSync("uid")+"&pageType=good&codeType=routine",
-          success(res) {
-            uni.showToast({
-              title: '分享成功'
+    setPosterImageStatus: function () {
+      // var sTop = document.body || document.documentElement;
+      // sTop.scrollTop = 0;
+      this.posterImageStatus = !this.posterImageStatus
+    },
+    groupRule: function (id) {
+      var that = this
+      that.$yrouter.push({
+        path: '/pages/activity/GroupRule/index',
+        query: {
+          id,
+        },
+      })
+    },
+    goReply: function () {
+      var that = this
+      that.$yrouter.push({
+        path: '/pages/shop/EvaluateList/index',
+        query: {
+          id: that.storeInfo.product_id,
+        },
+      })
+    },
+    setGroupListCount: function () {
+      this.groupListCount = this.groupListCount + 2
+    },
+    //将父级向子集多次传送的函数合二为一；
+    changeFun: function (opt) {
+      if (typeof opt !== 'object') opt = {}
+      let action = opt.action || ''
+      let value = opt.value === undefined ? '' : opt.value
+      this[action] && this[action](value)
+    },
+    changeattr: function (res) {
+      var that = this
+      that.attr.cartAttr = res
+    },
+    ChangeCartNum: function (res) {
+      var that = this
+      that.attr.productSelect.cart_num = 1
+      that.cartNum = 1
+      uni.showToast({
+        title: '每人每次限购1' + that.storeInfo.unitName,
+        icon: 'none',
+        duration: 2000,
+      })
+    },
+    //选择属性；
+    ChangeAttr: function (res) {
+      // 修改了规格
+      let productSelect = this.productValue[res.value]
+      if (productSelect) {
+        this.attr.productAttr[res.indexw].index = res.indexn
+        this.$set(this.attr.productSelect, 'image', productSelect.image)
+        this.$set(this.attr.productSelect, 'price', productSelect.pinkPrice)
+        this.$set(this.attr.productSelect, 'stock', productSelect.pinkStock)
+        this.$set(this.attr.productSelect, 'unique', productSelect.unique)
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', res.value)
+        this.$set(this, 'attrTxt', '已选择')
+      } else {
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.pinkPrice)
+        this.$set(this.attr.productSelect, 'stock', 0)
+        this.$set(this.attr.productSelect, 'unique', '')
+        this.$set(this.attr.productSelect, 'cart_num', 0)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
+      }
+    },
+
+    openTeam: function () {
+      var that = this
+      if (that.attr.cartAttr == false) {
+        that.attr.cartAttr = !this.attr.cartAttr
+      } else {
+        var data = {}
+        data.productId = that.storeInfo.productId
+        data.cartNum = that.attr.productSelect.cart_num
+        data.uniqueId = that.attr.productSelect.unique
+        data.combinationId = that.storeInfo.id
+        data.new = 1
+        postCartAdd(data)
+          .then(res => {
+            that.$yrouter.push({
+              path: '/pages/order/OrderSubmission/index',
+              query: {
+                id: res.data.cartId,
+              },
             })
-          },
-          fail(res) {
+          })
+          .catch(err => {
             uni.showToast({
-              title: '分享失败',
-              icon: 'none'
+              title: err.msg || err.response.data.msg || err.response.data.message,
+              icon: 'none',
+              duration: 2000,
             })
-          }
-        }
-      },
-      openAlone: function () {
-        this.$yrouter.push({
-          path: "/pages/shop/GoodsCon/index",
-          query: {
-            id: this.storeInfo.productId
-          }
-        });
-        // this.$yrouter.replace({ path: "/detail/" + this.storeInfo.productId });
-      },
-      //收藏商品
-      setCollect: function () {
-        let that = this,
-          id = that.storeInfo.id,
-          category = "product";
-        if (that.userCollect) {
-          getCollectDel(id, category).then(function () {
-            that.userCollect = !that.userCollect;
-          });
-        } else {
-          getCollectAdd(id, category).then(function () {
-            that.userCollect = !that.userCollect;
-          });
-        }
-      },
-      mountedStart: function () {
-        var that = this;
-        let id = that.$yroute.query.id;
-        getCombinationDetail(id).then(res => {
-          that.userCollect = res.data.userCollect;
-          res.data.storeInfo.description = res.data.storeInfo.description.replace(
-            /\<img/gi,
-            '<img style="max-width:100%;height:auto;"'
-          );
-          that.$set(that.attr, "productAttr", res.data.productAttr);
-          that.$set(that, "productValue", res.data.productValue);
-          that.$set(that, "storeInfo", res.data.storeInfo);
-          that.$set(that, "imgUrls", res.data.storeInfo.sliderImageArr);
-          that.$set(that, "itemNew", res.data.pinkOkList);
-          that.$set(that, "groupList", res.data.pink);
-          that.$set(that, "reply", [res.data.reply]);
-          that.$set(that, "replyCount", res.data.replyCount);
-          that.$set(that, "replyChance", res.data.replyChance);
-          that.posterData.image = that.storeInfo.image;
-          if (that.storeInfo.title.length > 30) {
-            that.posterData.title = that.storeInfo.title.substring(0, 30) + "...";
-          } else {
-            that.posterData.title = that.storeInfo.title;
-          }
-          that.posterData.price = that.storeInfo.pinkPrice;
-          that.posterData.code = that.storeInfo.code_base;
-          that.domStatus = true;
-          console.log(this.storeInfo)
-          that.DefaultSelect();
-        });
-      },
-      DefaultSelect: function () {
-        let productAttr = this.attr.productAttr;
-        let value = [];
-        for (let i = 0; i < productAttr.length; i++) {
-          this.$set(productAttr[i], "index", 0);
-          value.push(productAttr[i].attrValueArr[0]);
-        }
-        //sort();排序函数:数字-英文-汉字；
-        let productSelect = this.productValue[value.sort().join(",")];
-        console.log(productSelect)
-        if (productSelect && productAttr.length) {
-          this.$set(
-            this.attr.productSelect,
-            "store_name",
-            this.storeInfo.title
-          );
-          this.$set(this.attr.productSelect, "image", productSelect.image);
-          this.$set(this.attr.productSelect, "price", productSelect.pinkPrice);
-          this.$set(this.attr.productSelect, "stock", productSelect.pinkStock);
-          this.$set(this.attr.productSelect, "unique", productSelect.unique);
-          this.$set(this.attr.productSelect, "cart_num", 1);
-          this.$set(this, "attrValue", value.sort().join(","));
-          this.$set(this, "attrTxt", "已选择");
-        } else if (!productSelect && productAttr.length) {
-          this.$set(
-            this.attr.productSelect,
-            "store_name",
-            this.storeInfo.title
-          );
-          this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-          this.$set(this.attr.productSelect, "price", this.storeInfo.pinkPrice);
-          this.$set(this.attr.productSelect, "stock", 0);
-          this.$set(this.attr.productSelect, "unique", "");
-          this.$set(this.attr.productSelect, "cart_num", 0);
-          this.$set(this, "attrValue", "");
-          this.$set(this, "attrTxt", "请选择");
-        } else if (!productSelect && !productAttr.length) {
-          this.$set(
-            this.attr.productSelect,
-            "store_name",
-            this.storeInfo.title
-          );
-          this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-          this.$set(this.attr.productSelect, "price", this.storeInfo.pinkPrice);
-          this.$set(this.attr.productSelect, "stock", this.storeInfo.pinkStock);
-          this.$set(
-            this.attr.productSelect,
-            "unique",
-            this.storeInfo.unique || ""
-          );
-          this.$set(this.attr.productSelect, "cart_num", 1);
-          this.$set(this, "attrValue", "");
-          this.$set(this, "attrTxt", "请选择");
-        }
-      },
-      getImageBase64: function () {
-        let that = this;
-        imageBase64(this.posterData.image, that.posterData.code).then(res => {
-          that.posterData.image = res.data.image;
-          that.posterData.code = res.data.code;
-        });
-      },
-      setPosterImageStatus: function () {
-        // var sTop = document.body || document.documentElement;
-        // sTop.scrollTop = 0;
-        this.posterImageStatus = !this.posterImageStatus;
-      },
-      groupRule: function (id) {
-        var that = this;
-        that.$yrouter.push({
-          path: "/pages/activity/GroupRule/index",
-          query: {
-            id
-          }
-        });
-      },
-      goReply: function () {
-        var that = this;
-        that.$yrouter.push({
-          path: "/pages/shop/EvaluateList/index",
-          query: {
-            id: that.storeInfo.product_id
-          }
-        });
-      },
-      setGroupListCount: function () {
-        this.groupListCount = this.groupListCount + 2;
-      },
-      //将父级向子集多次传送的函数合二为一；
-      changeFun: function (opt) {
-        if (typeof opt !== "object") opt = {};
-        let action = opt.action || "";
-        let value = opt.value === undefined ? "" : opt.value;
-        this[action] && this[action](value);
-      },
-      changeattr: function (res) {
-        var that = this;
-        that.attr.cartAttr = res;
-      },
-      ChangeCartNum: function (res) {
-        var that = this;
-        that.attr.productSelect.cart_num = 1;
-        that.cartNum = 1;
-        uni.showToast({
-          title: "每人每次限购1" + that.storeInfo.unitName,
-          icon: "none",
-          duration: 2000
-        });
-      },
-      //选择属性；
-      ChangeAttr: function (res) {
-        // 修改了规格
-        let productSelect = this.productValue[res.value];
-        if (productSelect) {
-          this.attr.productAttr[res.indexw].index = res.indexn;
-          this.$set(this.attr.productSelect, "image", productSelect.image);
-          this.$set(this.attr.productSelect, "price", productSelect.pinkPrice);
-          this.$set(this.attr.productSelect, "stock", productSelect.pinkStock);
-          this.$set(this.attr.productSelect, "unique", productSelect.unique);
-          this.$set(this.attr.productSelect, "cart_num", 1);
-          this.$set(this, "attrValue", res.value);
-          this.$set(this, "attrTxt", "已选择");
-        } else {
-          this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-          this.$set(this.attr.productSelect, "price", this.storeInfo.pinkPrice);
-          this.$set(this.attr.productSelect, "stock", 0);
-          this.$set(this.attr.productSelect, "unique", "");
-          this.$set(this.attr.productSelect, "cart_num", 0);
-          this.$set(this, "attrValue", "");
-          this.$set(this, "attrTxt", "请选择");
-        }
-      },
-
-      openTeam: function () {
-        var that = this;
-        if (that.attr.cartAttr == false) {
-          that.attr.cartAttr = !this.attr.cartAttr;
-        } else {
-          var data = {};
-          data.productId = that.storeInfo.productId;
-          data.cartNum = that.attr.productSelect.cart_num;
-          data.uniqueId = that.attr.productSelect.unique;
-          data.combinationId = that.storeInfo.id;
-          data.new = 1;
-          postCartAdd(data)
-            .then(res => {
-              that.$yrouter.push({
-                path: "/pages/order/OrderSubmission/index",
-                query: {
-                  id: res.data.cartId
-                }
-              });
-            })
-            .catch(err => {
-              uni.showToast({
-                title: err.msg || err.response.data.msg || err.response.data.message,
-                icon: "none",
-                duration: 2000
-              });
-            });
-        }
-      },
-      //打开属性插件；
-      selecAttrTap: function () {
-        this.attr.cartAttr = true;
-        this.isOpen = true;
-      },
-    }
-  };
+          })
+      }
+    },
+    //打开属性插件；
+    selecAttrTap: function () {
+      this.attr.cartAttr = true
+      this.isOpen = true
+    },
+  },
+}
 </script>
 <style scoped lang="less">
-  .product-con .wrapper {
-    padding-bottom: 0.26 * 100rpx;
-  }
+.product-con .wrapper {
+  padding-bottom: 0.26 * 100rpx;
+}
 
-  .noscroll {
-    height: 100%;
-    overflow: hidden;
-  }
+.noscroll {
+  height: 100%;
+  overflow: hidden;
+}
 
-  .product-con .footer-group .bnt {
-    // flex:1;
-    width: 43%;
-  }
+.product-con .footer-group .bnt {
+  // flex:1;
+  width: 43%;
+}
 
-  .footer-group {
-    button {
-      border: 0;
-      background: none;
-    }
+.footer-group {
+  button {
+    border: 0;
+    background: none;
   }
+}
 
-  .product-con .footer-group .bnt.bg-color-violet {
-    background-color: #fa8013;
-  }
+.product-con .footer-group .bnt.bg-color-violet {
+  background-color: #fa8013;
+}
+
+/*内容 部分*/
+
+.tui-padding {
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-ml-auto {
+  margin-left: auto;
+}
+
+/* #ifdef H5 */
+.tui-ptop {
+  padding-top: 44px;
+}
+
+/* #endif */
+
+.tui-size {
+  font-size: 24rpx;
+  line-height: 24rpx;
+}
+
+.tui-gray {
+  color: #999;
+}
+
+.tui-white__gray {
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: normal;
+  font-size: 26rpx;
+}
+
+.tui-color-red {
+  color: #eb0909;
+}
+
+.tui-border-radius {
+  border-bottom-left-radius: 24rpx;
+  border-bottom-right-radius: 24rpx;
+  overflow: hidden;
+}
+
+.tui-radius-all {
+  border-radius: 24rpx;
+  overflow: hidden;
+}
+
+.tui-mtop {
+  margin-top: 26rpx;
+}
+
+.tui-pro-detail {
+  box-sizing: border-box;
+  color: #333;
+}
+
+.tui-product-title {
+  background: #fff;
+  padding-bottom: 30rpx;
+}
+
+.tui-price__box {
+  width: 100%;
+  height: 130rpx;
+  display: flex;
+}
+
+.tui-pro-pricebox {
+  width: 540rpx;
+  height: 130rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #ffffff;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  background: linear-gradient(-30deg, #ff1f2e, #f52c6c);
+  flex-shrink: 0;
+}
+
+.tui-pro-price {
+  display: flex;
+  align-items: flex-end;
+}
+
+.tui-price {
+  font-size: 44rpx;
+  line-height: 42rpx;
+}
+
+.tui-sold {
+  width: 100%;
+  height: 44rpx;
+  padding-left: 4rpx;
+  display: flex;
+  align-items: center;
+  padding-top: 10rpx;
+}
+
+.tui-price-tag {
+  height: 38rpx;
+  border: 1rpx solid #fff;
+  border-radius: 6rpx;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  line-height: 24rpx;
+  transform: scale(0.8);
+  transform-origin: 0 center;
+  border-radius: 6rpx;
+  padding: 0 8rpx;
+}
+
+.tui-original-price {
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  text-decoration: line-through;
+}
+
+.tui-right__box {
+  flex: 1;
+  background-color: #ffe5e5;
+  font-size: 28rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #eb0909;
+}
+
+.tui-pro-titbox {
+  font-size: 32rpx;
+  font-weight: 500;
+  position: relative;
+  padding: 0 150rpx 0 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-pro-title {
+  padding-top: 20rpx;
+}
+
+.tui-share-btn {
+  display: block;
+  background: transparent;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  border: 0;
+}
+
+.tui-share-btn::after {
+  border: 0;
+}
+
+.tui-share-box {
+  display: flex;
+  align-items: center;
+}
+
+.tui-share-position {
+  position: absolute;
+  right: 0;
+  top: 30rpx;
+}
+
+.tui-share-text {
+  padding-left: 8rpx;
+}
+
+.tui-sub-title {
+  padding: 20rpx 0;
+  line-height: 32rpx;
+}
+
+.tui-guarantee__box {
+  display: flex;
+  padding: 12rpx 88rpx 0;
+  box-sizing: border-box;
+  justify-content: space-between;
+  align-items: center;
+  background: #fff;
+}
+
+.tui-gt-item {
+  font-size: 28rpx;
+  display: flex;
+  align-items: center;
+}
+
+.tui-gt-item text {
+  transform: scale(0.8);
+  transform-origin: center center;
+}
+
+.tui-gt-img {
+  width: 24rpx;
+  height: 26rpx;
+  flex-shrink: 0;
+}
+
+.tui-group-text {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.tui-group-title {
+  font-size: 30rpx;
+  line-height: 30rpx;
+  font-weight: bold;
+  padding-left: 16rpx;
+  border-left: 2px solid #eb0909;
+  box-sizing: border-box;
+}
+
+.tui-sub__title {
+  font-size: 26rpx;
+  padding-right: 30rpx;
+}
+
+.tui-step__box {
+  width: 100%;
+  height: 210rpx;
+  background: #fff;
+  padding: 0 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.tui-step-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 26rpx;
+  color: #666666;
+}
+
+.tui-step-item image {
+  width: 64rpx;
+  height: 55rpx;
+  flex-shrink: 0;
+}
+
+.tui-step-item image:first-child {
+  width: 60rpx !important;
+}
+
+.tui-step-arrow {
+  height: 90rpx;
+}
+
+.tui-step-arrow image {
+  width: 11rpx;
+  height: 20rpx;
+  flex-shrink: 0;
+}
+
+.tui-step-text {
+  line-height: 26rpx;
+  padding-top: 24rpx;
+}
+
+.tui-discount-box {
+  background: #fff;
+}
+
+.tui-list__cell {
+  width: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding: 36rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-right {
+  position: absolute;
+  right: 30rpx;
+  top: 30rpx;
+}
+
+.tui-top40 {
+  top: 40rpx !important;
+}
+
+.tui-bold {
+  font-weight: bold;
+}
+
+.tui-list__cell::after {
+  content: '';
+  position: absolute;
+  border-bottom: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  bottom: 0;
+  right: 0;
+  left: 126rpx;
+}
+
+.tui-last::after {
+  border-bottom: 0 !important;
+}
+
+.tui-flex-center {
+  display: flex;
+  align-items: center;
+}
+
+.tui-cell-title {
+  width: 66rpx;
+  padding-right: 30rpx;
+  flex-shrink: 0;
+}
+
+.tui-promotion-box {
+  display: flex;
+  align-items: center;
+  padding: 10rpx 0;
+  width: 80%;
+}
+
+.tui-promotion-box text {
+  width: 70%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tui-basic-info {
+  background: #fff;
+}
+
+.tui-addr-box {
+  width: 76%;
+}
+
+.tui-addr-item {
+  padding: 10rpx;
+  line-height: 34rpx;
+}
+
+.tui-guarantee {
+  background: #fdfdfd;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 20rpx 30rpx 30rpx 30rpx;
+  font-size: 24rpx;
+}
+
+.tui-guarantee-item {
+  color: #999;
+  padding-right: 30rpx;
+  padding-top: 10rpx;
+}
+
+.tui-pl {
+  padding-left: 4rpx;
+}
+
+.tui-cmt-box {
+  background: #fff;
+}
+
+.tui-between {
+  justify-content: space-between !important;
+}
+
+.tui-cmt-all {
+  color: #ff201f;
+  padding-right: 8rpx;
+}
+
+.tui-cmt-content {
+  font-size: 26rpx;
+}
+
+.tui-cmt-user {
+  display: flex;
+  align-items: center;
+}
+
+.tui-acatar {
+  width: 60rpx;
+  height: 60rpx;
+  border-radius: 30rpx;
+  display: block;
+  margin-right: 16rpx;
+}
+
+.tui-cmt {
+  padding: 14rpx 0;
+}
+
+.tui-attr {
+  font-size: 24rpx;
+  color: #999;
+  padding: 6rpx 0;
+}
+
+.tui-cmt-btn {
+  padding: 50rpx 0 30rpx 0;
+  box-sizing: border-box;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tui-nomore-box {
+  padding-top: 10rpx;
+}
+
+.tui-product-img {
+  display: flex;
+  flex-direction: column;
+  transform: translateZ(0);
+}
+
+.tui-product-img image {
+  width: 100%;
+  display: block;
+}
+
+/*底部操作栏*/
+
+.tui-col-7 {
+  width: 58.33333333%;
+}
+
+.tui-col-5 {
+  width: 41.66666667%;
+}
+
+.tui-operation {
+  width: 100%;
+  height: 100rpx;
+  background: rgba(255, 255, 255, 0.98);
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 100;
+  bottom: 0;
+  left: 0;
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.tui-safearea-bottom {
+  width: 100%;
+  height: env(safe-area-inset-bottom);
+}
+
+.tui-operation::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  border-top: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.tui-operation-left {
+  display: flex;
+  align-items: center;
+}
+
+.tui-operation-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: relative;
+}
+
+.tui-operation-text {
+  font-size: 22rpx;
+  color: #333;
+}
+
+.tui-opacity {
+  opacity: 0.5;
+}
+
+.tui-scale-small {
+  transform: scale(0.9);
+  transform-origin: center center;
+}
+
+.tui-operation-right {
+  height: 100rpx;
+  padding-top: 0;
+}
+
+.tui-right-flex {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.tui-flex-1 {
+  flex: 1;
+}
+
+.tui-img__clock {
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 8rpx;
+}
+
+/*底部操作栏*/
+
+/*底部选择弹层*/
+
+.tui-popup-class {
+  border-top-left-radius: 24rpx;
+  border-top-right-radius: 24rpx;
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.tui-popup-box {
+  position: relative;
+  padding: 30rpx 0 100rpx 0;
+}
+
+.tui-popup-btn {
+  width: 100%;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+}
+
+/* .tui-popup-btn .tui-btn-class {
+		width: 90% !important;
+		display: block !important;
+		font-size: 28rpx !important;
+	} */
+
+/* .tui-icon-close {
+		position: absolute;
+		top: 30rpx;
+		right: 30rpx;
+	} */
+
+.tui-product-box {
+  display: flex;
+  align-items: flex-end;
+  font-size: 24rpx;
+  padding-bottom: 30rpx;
+}
+
+.tui-popup-img {
+  height: 200rpx;
+  width: 200rpx;
+  border-radius: 24rpx;
+  display: block;
+}
+
+.tui-popup-price {
+  padding-left: 20rpx;
+  padding-bottom: 8rpx;
+}
+
+.tui-amount {
+  color: #ff201f;
+  font-size: 36rpx;
+}
+
+.tui-number {
+  font-size: 24rpx;
+  line-height: 24rpx;
+  padding-top: 12rpx;
+  color: #999;
+}
+
+.tui-popup-scroll {
+  height: 600rpx;
+  font-size: 26rpx;
+}
+
+.tui-scrollview-box {
+  padding: 0 30rpx 60rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-attr-title {
+  padding: 10rpx 0;
+  color: #333;
+}
+
+.tui-attr-box {
+  font-size: 0;
+  padding: 20rpx 0;
+}
+
+.tui-attr-item {
+  max-width: 100%;
+  min-width: 200rpx;
+  height: 64rpx;
+  display: -webkit-inline-flex;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #f7f7f7;
+  padding: 0 26rpx;
+  box-sizing: border-box;
+  border-radius: 32rpx;
+  margin-right: 20rpx;
+  margin-bottom: 20rpx;
+  font-size: 26rpx;
+}
+
+.tui-attr-active {
+  background: #fcedea !important;
+  color: #e41f19;
+  font-weight: bold;
+  position: relative;
+}
+
+.tui-attr-active::after {
+  content: '';
+  position: absolute;
+  border: 1rpx solid #e41f19;
+  width: 100%;
+  height: 100%;
+  border-radius: 40rpx;
+  left: 0;
+  top: 0;
+}
+
+.tui-number-box {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20rpx 0 30rpx 0;
+  box-sizing: border-box;
+}
+
+/*底部选择弹层*/
+
+/*拼团玩法介绍 modal*/
+.tui-modal__title {
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 8rpx;
+}
+.tui-modal__p {
+  font-size: 26rpx;
+  color: #888;
+  padding-top: 20rpx;
+}
+.tui-modal__btn {
+  width: 100%;
+  padding: 60rpx 0 20rpx;
+  display: flex;
+  justify-content: center;
+}
+
+/*正在拼团*/
+.tui-group-swiper {
+  width: 100%;
+  background-color: #fff;
+}
+.tui-group-user {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 35rpx 40rpx;
+  box-sizing: border-box;
+}
+
+.tui-user-left {
+  font-size: 30rpx;
+  display: flex;
+  align-items: center;
+}
+
+.tui-user-left image {
+  height: 80rpx;
+  width: 80rpx;
+  flex-shrink: 0;
+  border-radius: 50%;
+  margin-right: 16rpx;
+}
+
+.tui-user-right {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.tui-user-anme {
+  max-width: 160rpx;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.tui-group-num {
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding-bottom: 12rpx;
+}
+
+.tui-user-countdown {
+  padding-right: 18rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+.tui-sub-title {
+  font-size: 28rpx;
+  padding-right: 30rpx;
+}
+.tui-group-countdown {
+  display: flex;
+  align-items: center;
+  font-size: 24rpx;
+  color: #666666;
+  white-space: nowrap;
+}
+
+.tui-countdown-right {
+  padding-right: 6rpx;
+}
+
+.tui-countdown-left {
+  padding-left: 6rpx;
+}
+
+.tui-btn__box {
+  height: 98rpx;
+  font-size: 26rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  flex-direction: column;
+  line-height: 28rpx;
+  padding: 18rpx 0 14rpx 0;
+  box-sizing: border-box;
+}
+
+.tui-size-26 {
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding-top: 4rpx;
+}
+
+.tui-size-36 {
+  font-size: 36rpx;
+  line-height: 34rpx;
+  font-weight: 500;
+}
+.tui-flex-end {
+  display: flex;
+  align-items: flex-end;
+}
 </style>
diff --git a/pages/activity/GroupRule/index.vue b/pages/activity/GroupRule/index.vue
index 9593a3f..27fac57 100644
--- a/pages/activity/GroupRule/index.vue
+++ b/pages/activity/GroupRule/index.vue
@@ -1,237 +1,678 @@
 <template>
   <view class="group-con">
-    <view class="header acea-row row-between-wrapper" v-if="storeCombination">
-      <view class="pictrue">
-        <image :src="storeCombination.image" />
-      </view>
-      <view class="text">
-        <view class="line1" v-text="storeCombination.title"></view>
-        <view class="money">
-          <text>￥</text>
-          <text class="num" v-text="storeCombination.price"></text>
-          <text class="team cart-color" v-text="storeCombination.people + '人拼'"></text>
+    <view class="tui-goods-item">
+      <image :src="storeCombination.image" class="tui-goods-img"></image>
+      <view class="tui-goods-center">
+        <view class="tui-goods-name">{{ storeCombination.title }}</view>
+        <view class="tui-price__box">
+          <view class="tui-goods-price">
+            <view class="tui-size-24">￥</view>
+            <view class="tui-price-large">{{ storeCombination.price.split('.')[0] }}</view>
+            <view class="tui-size-24">.{{ storeCombination.price.split('.')[1] }}</view>
+            <!-- <text>已拼2020件</text> -->
+          </view>
+          <view class="tui-price-tag">{{ storeCombination.people }}人团</view>
         </view>
       </view>
-      <view v-if="pinkBool === -1" class="iconfont icon-pintuanshibai"></view>
-      <view v-else-if="pinkBool === 1" class="iconfont icon-pintuanchenggong font-color-red"></view>
     </view>
-    <view class="wrapper" v-if="pinkT">
-      <view class="title acea-row row-center-wrapper">
-        <view class="line"></view>
-        <view class="name acea-row row-center-wrapper">
-          <text>剩余</text>
-          <count-down :isDay="true" :tipText="'倒计时 '" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '"
-            :secondText="' 秒'" :datatime="pinkT.stopTime/1000"></count-down>
-          <text>结束</text>
+
+    <view class="tui-group__box tui-mtop__20">
+      <tui-divider backgroundColor="#fff" width="70%" gradual >
+        <view class="tui-divider__content">
+          <text v-if="pinkBool == 0">拼团失败</text>
+          <text v-if="pinkBool == 1">拼团成功</text>
         </view>
-        <view class="line"></view>
+      </tui-divider>
+      <view class="tui-group__title" v-if="pinkBool == 0">
+        <text>还差</text>
+        <text class="tui-color__red">{{ count }}</text>
+        <text>人，赶快邀请好友来拼团吧</text>
       </view>
-      <view class="tips-warp">
-        <text class="tips font-color-red" v-if="pinkBool === 1">恭喜您拼团成功</text>
-        <text class="tips" v-else-if="pinkBool === -1">还差{{ count }}人，拼团失败</text>
-        <text class="tips font-color-red" v-else-if="pinkBool === 0">拼团中，还差{{ count }}人拼团成功</text>
+      <view class="tui-group-countdown" v-if="pinkBool == 0">
+        <view class="tui-countdown-right">剩余</view>
+        <count-down :isDay="true" :tipText="'倒计时 '" :dayText="' 天 '" :hourText="' 时 '" :minuteText="' 分 '" :secondText="' 秒'" :datatime="pinkT.stopTime / 1000"></count-down>
+        <view class="tui-countdown-left">结束</view>
       </view>
-
-      <view class="list acea-row row-middle"
-        :class="[pinkBool === 1 || pinkBool === -1 ? 'result' : '',iShidden ? 'on' : '']">
-        <view class="pictrue" v-if="pinkT">
-          <image :src="pinkT.avatar" />
-        </view>
-        <view class="acea-row row-middle" v-if="pinkAll.length > 0">
-          <view class="pictrue" v-for="(item, pinkAllIndex) in pinkAll" :key="pinkAllIndex">
-            <image :src="item.avatar" />
+      <view class="tui-user__box">
+        <view class="tui-user__item">
+          <view class="tui-avatar__box tui-size">
+            <image class="tui-size" :src="userInfo.avatar"></image>
+            <view class="tui-team__leader">团长</view>
           </view>
+          <!-- <view class="tui-nickname">不许人间见白头</view> -->
         </view>
-        <view class="pictrue" v-for="countIndex in count" :key="countIndex">
-          <image class="img-none" src="@/static/images/vacancy.png" />
+        <view class="tui-user__item" v-if="pinkAll.length == 0">
+          <view class="tui-avatar__box tui-user__none"><image class="tui-size" src="@/static/images/vacancy.png"></image></view>
+          <!-- <view class="tui-nickname">暂无</view> -->
+        </view>
+        <view class="tui-user__item" v-for="(item, pinkAllIndex) in pinkAll" :key="pinkAllIndex">
+          <view class="tui-avatar__box tui-size"><image class="tui-size" :src="item.avatar"></image></view>
+          <!-- <view class="tui-nickname">小可爱本人</view> -->
         </view>
       </view>
-      <view v-if="(pinkBool === 1 || pinkBool === -1) && count > 9" class="lookAll acea-row row-center-wrapper"
-        @click="lookAll">
-        {{ iShidden ? "收起" : "查看全部" }}
-        <text class="iconfont" :class="iShidden ? 'icon-xiangshang' : 'icon-xiangxia'"></text>
-      </view>
-      <view class="teamBnt bg-color-red" v-if="userBool === 1 && isOk == 0 && pinkBool === 0" @click="goPoster">邀请好友参团
-      </view>
-      <view class="teamBnt bg-color-red" v-else-if="userBool === 0 && pinkBool === 0 && count > 0" @click="pay">我要参团
-      </view>
-      <view class="teamBnt bg-color-red" v-if="pinkBool === 1 || pinkBool === -1"
-        @click="goDetail(storeCombination.id)">再次开团</view>
-      <view class="cancel" @click="getCombinationRemove" v-if="pinkBool === 0 && userBool === 1">
-        <text class="iconfont icon-guanbi3"></text>
-        <text>取消开团</text>
-      </view>
-      <view class="lookOrder" v-if="pinkBool === 1" @click="goOrder">
-        <text>查看订单信息</text>
-        <text class="iconfont icon-xiangyou"></text>
+      <view class="tui-btn__box">
+        <tui-button type="danger" height="88rpx" shadow shape="circle" v-if="userBool === 1 && isOk == 0 && pinkBool === 0" @click="goPoster">邀请好友参团</tui-button>
+        <tui-button type="warning" height="88rpx" shadow shape="circle" v-else-if="userBool === 0 && pinkBool === 0 && count > 0" @click="pay">我要参团</tui-button>
+        <tui-button type="danger" height="88rpx" shadow shape="circle" v-if="pinkBool === 1 || pinkBool === -1" @click="goDetail(storeCombination.id)">再次开团</tui-button>
+        <tui-button type="warning" height="88rpx" shadow shape="circle"  @click="getCombinationRemove" v-if="pinkBool === 0 && userBool === 1">取消开团</tui-button>
+        <tui-button type="danger" height="88rpx" shadow shape="circle"  v-if="pinkBool === 1" @click="goOrder">查看订单信息</tui-button>
       </view>
     </view>
   </view>
 </template>
 <script>
-  import CountDown from "@/components/CountDown";
-  import {
-    getCombinationPink,
-    getCombinationRemove
-  } from "@/api/activity";
-  import {
-    postCartAdd
-  } from "@/api/store";
-  import {
-    isWeixin,
-    parseQuery,
-    handleQrCode
-  } from "@/utils/index";
-
-  const NAME = "GroupRule";
-  export default {
-    name: NAME,
-    components: {
-      CountDown
+import CountDown from '@/components/CountDown'
+import { getCombinationPink, getCombinationRemove } from '@/api/activity'
+import { postCartAdd } from '@/api/store'
+import { isWeixin, parseQuery, handleQrCode } from '@/utils/index'
+
+const NAME = 'GroupRule'
+export default {
+  name: NAME,
+  components: {
+    CountDown,
+  },
+  props: {},
+  data: function () {
+    return {
+      currentPinkOrder: '', //当前拼团订单
+      isOk: 0, //判断拼团是否完成
+      pinkBool: 0, //判断拼团是否成功|0=失败,1=成功
+      userBool: 0, //判断当前用户是否在团内|0=未在,1=在
+      pinkAll: [], //团员
+      pinkT: {}, //团长信息
+      storeCombination: {}, //拼团产品
+      pinkId: 0,
+      uniqueId: '',
+      count: 0, //拼团剩余人数
+      iShidden: false,
+      userInfo: {},
+    }
+  },
+  watch: {
+    $yroute(n) {
+      var that = this
+      if (n.name === NAME) {
+        that.pinkId = that.$yroute.query.id
+        that.getCombinationPink()
+      }
     },
-    props: {},
-    data: function () {
-      return {
-        currentPinkOrder: "", //当前拼团订单
-        isOk: 0, //判断拼团是否完成
-        pinkBool: 0, //判断拼团是否成功|0=失败,1=成功
-        userBool: 0, //判断当前用户是否在团内|0=未在,1=在
-        pinkAll: [], //团员
-        pinkT: {}, //团长信息
-        storeCombination: {}, //拼团产品
-        pinkId: 0,
-        uniqueId: "",
-        count: 0, //拼团剩余人数
-        iShidden: false
-      };
+  },
+  mounted: function () {
+    var that = this
+    let url = handleQrCode()
+    if (url) {
+      that.pinkId = url.pinkId
+    } else {
+      that.pinkId = that.$yroute.query.id
+    }
+    that.getCombinationPink()
+  },
+  methods: {
+    pay: function () {
+      var that = this
+      var data = {}
+      data.productId = that.storeCombination.productId
+      data.cartNum = that.pinkT.totalNum
+      data.uniqueId = that.uniqueId
+      data.combinationId = that.storeCombination.id
+      data.new = 1
+      postCartAdd(data)
+        .then(res => {
+          that.$yrouter.push({
+            path: '/pages/order/OrderSubmission/index',
+            query: {
+              id: res.data.cartId,
+              pinkid: that.pinkId,
+            },
+          })
+        })
+        .catch(err => {
+          uni.showToast({
+            title: err.msg || err.response.data.msg || err.response.data.message,
+            icon: 'none',
+            duration: 2000,
+          })
+        })
     },
-    watch: {
-      $yroute(n) {
-        var that = this;
-        if (n.name === NAME) {
-          that.pinkId = that.$yroute.query.id;
-          that.getCombinationPink();
-        }
-      }
+    goPoster: function () {
+      var that = this
+      this.$yrouter.push({
+        path: '/pages/activity/Poster/index',
+        query: {
+          id: that.pinkId,
+          type: 1,
+        },
+      })
     },
-    mounted: function () {
-      var that = this;
-      let url = handleQrCode();
-      if (url) {
-        that.pinkId = url.pinkId;
-      } else {
-        that.pinkId = that.$yroute.query.id;
-      }
-      that.getCombinationPink();
+    goOrder: function () {
+      var that = this
+      this.$yrouter.push({
+        path: '/pages/order/OrderDetails/index',
+        query: {
+          id: that.currentPinkOrder,
+        },
+      })
     },
-    methods: {
-      pay: function () {
-        var that = this;
-        var data = {};
-        data.productId = that.storeCombination.productId;
-        data.cartNum = that.pinkT.totalNum;
-        data.uniqueId = that.uniqueId;
-        data.combinationId = that.storeCombination.id;
-        data.new = 1;
-        postCartAdd(data)
-          .then(res => {
-            that.$yrouter.push({
-              path: "/pages/order/OrderSubmission/index",
-              query: {
-                id: res.data.cartId,
-                pinkid: that.pinkId
-              }
-            });
-          })
-          .catch(err => {
-            uni.showToast({
-              title: err.msg || err.response.data.msg || err.response.data.message,
-              icon: "none",
-              duration: 2000
-            });
-          });
-      },
-      goPoster: function () {
-        var that = this;
-        this.$yrouter.push({
-          path: "/pages/activity/Poster/index",
-          query: {
-            id: that.pinkId,
-            type: 1
-          }
-        });
-      },
-      goOrder: function () {
-        var that = this;
-        this.$yrouter.push({
-          path: "/pages/order/OrderDetails/index",
-          query: {
-            id: that.currentPinkOrder
-          }
-        });
-      },
-      //拼团列表
-      goList: function () {
-        this.$yrouter.push({
-          path: "/pages/activity/GoodsGroup/index"
-        });
-      },
-      //拼团详情
-      goDetail: function (id) {
-        this.$yrouter.push({
-          path: "/pages/activity/GroupDetails/index",
-          query: {
-            id
-          }
-        });
-      },
-      //拼团信息
-      getCombinationPink: function () {
-        var that = this;
-        getCombinationPink(that.pinkId).then(res => {
-          that.$set(that, "storeCombination", res.data.storeCombination);
-          that.$set(that, "pinkT", res.data.pinkT);
-          that.$set(that, "pinkAll", res.data.pinkAll);
-          that.$set(that, "count", res.data.count);
-          that.$set(that, "userBool", res.data.userBool);
-          that.$set(that, "pinkBool", res.data.pinkBool);
-          that.$set(that, "isOk", res.data.isOk);
-          that.$set(that, "currentPinkOrder", res.data.currentPinkOrder);
-          that.$set(that, "uniqueId", res.data.uniqueId);
-        });
-      },
-      //拼团取消
-      getCombinationRemove: function () {
-        var that = this;
-        getCombinationRemove({
-            id: that.pinkId,
-            cid: that.storeCombination.id
+    //拼团列表
+    goList: function () {
+      this.$yrouter.push({
+        path: '/pages/activity/GoodsGroup/index',
+      })
+    },
+    //拼团详情
+    goDetail: function (id) {
+      this.$yrouter.push({
+        path: '/pages/activity/GroupDetails/index',
+        query: {
+          id,
+        },
+      })
+    },
+    //拼团信息
+    getCombinationPink: function () {
+      var that = this
+      getCombinationPink(that.pinkId).then(res => {
+        that.$set(that, 'storeCombination', res.data.storeCombination)
+        that.$set(that, 'pinkT', res.data.pinkT)
+        that.$set(that, 'pinkAll', res.data.pinkAll)
+        that.$set(that, 'count', res.data.count)
+        that.$set(that, 'userBool', res.data.userBool)
+        that.$set(that, 'pinkBool', res.data.pinkBool)
+        that.$set(that, 'isOk', res.data.isOk)
+        that.$set(that, 'currentPinkOrder', res.data.currentPinkOrder)
+        that.$set(that, 'uniqueId', res.data.uniqueId)
+        that.$set(that, 'userInfo', res.data.userInfo)
+      })
+    },
+    //拼团取消
+    getCombinationRemove: function () {
+      var that = this
+      getCombinationRemove({
+        id: that.pinkId,
+        cid: that.storeCombination.id,
+      })
+        .then(res => {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none',
+            duration: 2000,
           })
-          .then(res => {
-            uni.showToast({
-              title: res.msg,
-              icon: "none",
-              duration: 2000
-            });
+        })
+        .catch(res => {
+          uni.showToast({
+            title: res.msg,
+            icon: 'none',
+            duration: 2000,
           })
-          .catch(res => {
-            uni.showToast({
-              title: res.msg,
-              icon: "none",
-              duration: 2000
-            });
-          });
-      },
-      lookAll: function () {
-        this.iShidden = !this.iShidden;
-      }
-    }
-  };
+        })
+    },
+    lookAll: function () {
+      this.iShidden = !this.iShidden
+    },
+  },
+}
 </script>
 
 <style lang="less">
-  .tips-warp {
-    text-align: center;
-    margin-top: 20rpx;
-  }
+.tips-warp {
+  text-align: center;
+  margin-top: 20rpx;
+}
+
+.tui-goods-item {
+  width: 100%;
+  padding: 20rpx 25rpx;
+  box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
+  background-color: #fff;
+}
+
+.tui-goods-img {
+  width: 180rpx;
+  height: 180rpx;
+  display: block;
+  flex-shrink: 0;
+}
+
+.tui-goods-center {
+  flex: 1;
+  padding: 12rpx 12rpx;
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+
+.tui-goods-name {
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  font-size: 26rpx;
+  line-height: 32rpx;
+}
+
+.tui-price__box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.tui-goods-price {
+  width: 100%;
+  display: flex;
+  align-items: flex-end;
+  font-size: 24rpx;
+  color: #eb0909;
+}
+.tui-goods-price text {
+  font-size: 24rpx;
+  line-height: 24rpx;
+  color: #999;
+  padding-left: 20rpx;
+}
+
+.tui-size-24 {
+  font-size: 24rpx;
+  line-height: 24rpx;
+}
+
+.tui-price-large {
+  font-size: 32rpx;
+  line-height: 30rpx;
+  font-weight: 500;
+}
+
+.tui-price-tag {
+  height: 38rpx;
+  border: 1rpx solid #eb0909;
+  border-radius: 6rpx;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  line-height: 24rpx;
+  transform: scale(0.8);
+  transform-origin: 100% center;
+  border-radius: 6rpx;
+  padding: 0 8rpx;
+  color: #eb0909;
+  flex-shrink: 0;
+}
+.tui-mtop__20 {
+  margin-top: 20rpx;
+}
+.tui-divider__content {
+  display: flex;
+  align-items: center;
+}
+.tui-divider__content image {
+  width: 36rpx;
+  height: 36rpx;
+  margin-right: 20rpx;
+}
+.tui-divider__content text {
+  font-size: 34rpx;
+  line-height: 34rpx;
+  color: #000000;
+  font-weight: bold;
+}
+.tui-group__time {
+  font-size: 24rpx;
+  font-weight: 400;
+  color: #999;
+  text-align: center;
+}
+.tui-group__box {
+  width: 100%;
+  padding: 50rpx 25rpx;
+  box-sizing: border-box;
+  background-color: #fff;
+}
+.tui-group__title {
+  width: 100%;
+  font-size: 34rpx;
+  line-height: 34rpx;
+  font-weight: 500;
+  text-align: center;
+}
+.tui-color__red {
+  color: #eb0909;
+}
+.tui-group-countdown {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  font-size: 24rpx;
+  color: #666666;
+  padding-top: 20rpx;
+}
+
+.tui-countdown-right {
+  padding-right: 6rpx;
+}
+
+.tui-countdown-left {
+  padding-left: 6rpx;
+}
+.tui-user__box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding-top: 60rpx;
+}
+.tui-user__item {
+  max-width: 128rpx;
+  margin: 0 40rpx;
+}
+.tui-size {
+  width: 100rpx;
+  height: 100rpx;
+  border-radius: 50%;
+}
+.tui-avatar__box {
+  position: relative;
+  border: 4rpx solid #eb0909;
+}
+.tui-user__none {
+  width: 108rpx;
+  height: 108rpx;
+  border: 0;
+}
+.tui-avatar__box image {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.tui-team__leader {
+  position: absolute;
+  width: 64rpx;
+  height: 28rpx;
+  font-size: 24rpx;
+  background-color: #eb0909;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 30px;
+  left: 50%;
+  top: -14rpx;
+  transform: translateX(-50%);
+  z-index: 10;
+}
+.tui-nickname {
+  font-size: 24rpx;
+  color: #999;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  text-align: center;
+  padding-top: 12rpx;
+}
+.tui-btn__box {
+  padding-top: 60rpx;
+  
+}
+
+.tni-cell{
+  height: 20rpx;
+}
+
+.tui-group__text {
+  width: 100%;
+  display: flex;
+  align-items: center;
+}
+
+.tui-group-title {
+  font-size: 30rpx;
+  line-height: 30rpx;
+  padding-left: 16rpx;
+  border-left: 2px solid #eb0909;
+  box-sizing: border-box;
+}
+
+.tui-sub__info {
+  font-size: 26rpx;
+  padding-right: 30rpx;
+}
+
+.tui-group__start .tui-group-title {
+  border-left: 0;
+  padding-left: 0;
+}
+.tui-group__start .tui-sub__info {
+  padding-right: 0;
+}
+.tui-step__box {
+  width: 100%;
+  height: 210rpx;
+  background: #fff;
+  padding: 0 60rpx;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-sizing: border-box;
+}
+
+.tui-step-item {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  font-size: 26rpx;
+  color: #666666;
+}
+
+.tui-step-item image {
+  width: 64rpx;
+  height: 55rpx;
+  flex-shrink: 0;
+}
+
+.tui-step-item image:first-child {
+  width: 60rpx !important;
+}
+
+.tui-step-arrow {
+  height: 90rpx;
+}
+
+.tui-step-arrow image {
+  width: 11rpx;
+  height: 20rpx;
+  flex-shrink: 0;
+}
+
+.tui-step-text {
+  line-height: 26rpx;
+  padding-top: 24rpx;
+}
+.tui-between {
+  justify-content: space-between;
+}
+.tui-btn__box .tui-btn{
+  margin-bottom:30rpx !important
+  
+}
+/*拼团玩法介绍 modal*/
+.tui-modal__title {
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 8rpx;
+}
+.tui-modal__p {
+  font-size: 26rpx;
+  color: #888;
+  padding-top: 20rpx;
+}
+.tui-modal__btn {
+  width: 100%;
+  padding: 60rpx 0 20rpx;
+  display: flex;
+  justify-content: center;
+}
+.tui-hot__title {
+  font-size: 30rpx;
+  line-height: 30rpx;
+  color: #333;
+  font-weight: bold;
+}
+
+/*========商品 start======*/
+
+.tui-product__box {
+  width: 100%;
+  padding: 0 25rpx 60rpx 25rpx;
+  box-sizing: border-box;
+}
+
+.tui-product-list {
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row;
+  flex-wrap: wrap;
+  box-sizing: border-box;
+}
+
+.tui-product-container {
+  flex: 1;
+  margin-right: 10rpx;
+}
+
+.tui-product-container:last-child {
+  margin-right: 0;
+}
+
+.tui-pro-item {
+  width: 100%;
+  margin-bottom: 10rpx;
+  background: #fff;
+  box-sizing: border-box;
+  border-radius: 12rpx;
+  overflow: hidden;
+  transition: all 0.15s ease-in-out;
+}
+
+.tui-flex-list {
+  display: flex;
+  margin-bottom: 1rpx !important;
+}
+
+.tui-pro-img {
+  width: 100%;
+  display: block;
+  flex-shrink: 0;
+  background-color: #f5f5f5;
+}
+
+.tui-proimg-list {
+  width: 280rpx;
+  height: 280rpx !important;
+  flex-shrink: 0;
+  border-radius: 12rpx;
+}
+
+.tui-pro-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  box-sizing: border-box;
+  padding: 20rpx;
+}
+
+.tui-pro-tit {
+  color: #2e2e2e;
+  font-size: 26rpx;
+  word-break: break-all;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.tui-price__box {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding-top: 12rpx;
+}
+
+.tui-price {
+  display: flex;
+  align-items: flex-end;
+  color: #eb0909;
+}
+
+.tui-price__small {
+  font-size: 24rpx;
+  line-height: 24rpx;
+}
+
+.tui-price__large {
+  font-size: 34rpx;
+  line-height: 32rpx;
+  font-weight: 600;
+}
+
+.tui-price__original {
+  font-size: 24rpx;
+  line-height: 24rpx;
+  text-decoration: line-through;
+  color: #999;
+  padding-top: 10rpx;
+  padding-left: 12rpx;
+}
+
+.tui-group-btn {
+  max-width: 312rpx;
+  height: 48rpx;
+  border-radius: 6rpx;
+  background: #eb0909;
+  display: flex;
+  align-items: center;
+  padding: 4rpx;
+  margin-top: 10rpx;
+  box-sizing: border-box;
+}
+
+.tui-flex-btn {
+  height: 100%;
+  flex: 1;
+  text-align: center;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  font-weight: 400;
+  color: #fff;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tui-flex-btn:first-child {
+  background: #fff;
+}
+
+.tui-group-text {
+  font-size: 25rpx;
+  line-height: 25rpx;
+  transform: scale(0.8);
+  transform-origin: 0 center;
+  padding-top: 30rpx;
+  color: #999;
+}
+
+.tui-color-red {
+  color: #eb0909;
+}
+
+/*======商品======= end*/
 </style>
diff --git a/pages/activity/SeckillDetails/index.vue b/pages/activity/SeckillDetails/index.vue
index ac7f811..c69e68c 100644
--- a/pages/activity/SeckillDetails/index.vue
+++ b/pages/activity/SeckillDetails/index.vue
@@ -1,41 +1,52 @@
 <template>
-  <view
-    :class="[posterImageStatus ? 'noscroll product-con' : 'product-con']"
-    v-show="domStatus"
-  >
+  <view :class="[posterImageStatus ? 'noscroll product-con' : 'product-con']" v-show="domStatus">
     <product-con-swiper :imgUrls="imgUrls"></product-con-swiper>
-    <view class="nav acea-row row-between-wrapper">
-      <view class="money">
-        ￥
-        <text class="num" v-text="storeInfo.price"></text>
-        <text class="y-money" v-text="'￥' + storeInfo.price"></text>
-      </view>
-      <view class="acea-row row-middle">
-        <view class="times">
-          <view>距秒杀结束仅剩</view>
-          <count-down
-            :isDay="false"
-            :tipText="' '"
-            :dayText="' '"
-            :hourText="' : '"
-            :minuteText="' : '"
-            :secondText="' '"
-            :datatime="datatime"
-          ></count-down>
+
+    <view class="tui-pro-detail">
+      <view class="tui-product-title tui-border-radius">
+        <view class="tui-price__box">
+          <view class="tui-pro-pricebox tui-padding">
+            <view class="tui-pro-price">
+              <view>
+                <text>￥</text>
+                <text class="tui-price">{{ storeInfo.price.split('.')[0] }}</text>
+                <text>.{{ storeInfo.price.split('.')[1] }}</text>
+              </view>
+              <view class="tui-original-price tui-white__gray" v-text="'￥' + storeInfo.price"></view>
+            </view>
+            <view class="tui-sold tui-white__gray">
+              <text>已抢{{ storeInfo.sales }}件</text>
+              <tui-tag v-if="seckillStatus != 2" type="white" plain size="24rpx" padding="8rpx" :scaleMultiple="0.94">限时秒杀</tui-tag>
+            </view>
+          </view>
+          <view class="tui-right__box">
+            <image v-if="seckillStatus == 2" src="https://www.thorui.cn/images/mall/img_seckillgood_seckill.png" class="tui-seckill__img" mode="widthFix"></image>
+            <tui-button v-if="seckillStatus == 2" type="danger" disabled shape="circle" width="140rpx" height="42rpx" :size="24">{{ seckillStatus == 1 ? '活动已结束' : '即将开抢' }}</tui-button>
+            <text v-if="seckillStatus != 2" class="tui-color-red">距结束还剩:</text>
+            <count-down :isDay="false" :tipText="' '" :dayText="' '" :hourText="' : '" :minuteText="' : '" :secondText="' '" :datatime="datatime"></count-down>
+          </view>
+        </view>
+        <view class="tui-pro-titbox">
+          <view class="tui-pro-title">{{ storeInfo.title }}</view>
+          <!-- <button open-type="share" class="tui-share-btn tui-share-position" @tap="onShare">
+            <tui-tag type="gray" shape="circleLeft" padding="12rpx 16rpx">
+              <view class="tui-share-box">
+                <tui-icon name="partake" color="#999" :size="15"></tui-icon>
+                <text class="tui-share-text tui-gray tui-size">分享</text>
+              </view>
+            </tui-tag>
+          </button> -->
+        </view>
+        <view class="tui-padding">
+          <!-- <view class="tui-sub-title tui-size tui-gray">此商品将于2019-06-28,10点结束闪购特卖，时尚美饰联合专场</view> -->
+          <view class="tui-sale-info tui-size tui-gray">
+            <view>库存：{{ storeInfo.stock }}</view>
+            <view>月销{{ storeInfo.sales }}</view>
+          </view>
         </view>
-        <view class="iconfont icon-jiantou"></view>
-      </view>
-    </view>
-    <view class="wrapperRush">
-      <view class="introduce acea-row row-between">
-        <view class="infor" v-text="storeInfo.title"></view>
-        <!-- <view class="iconfont icon-fenxiang" @click="setPosterImageStatus"></view> -->
-      </view>
-      <view class="label acea-row row-middle">
-        <view class="stock" v-text="'库存:' + storeInfo.stock + '件'"></view>
-        <view v-text="'销量:' + storeInfo.sales + '件'"></view>
       </view>
     </view>
+
     <!-- 规格 -->
     <view class="attribute acea-row row-between-wrapper" @click="selecAttrTap">
       <view>
@@ -51,64 +62,64 @@
 
     <!-- 操作栏 -->
     <view style="height: 100rpx"></view>
-    <view class="footer acea-row row-between-wrapper">
-      <!-- #ifdef MP-WEIXIN -->
-      <view class="item">
-        <button open-type="contact" class="contacButton">
-          <view style="padding-bottom: 8rpx" class="item">
-            <view class="iconfont icon-kefu"></view>
-            <text>客服</text>
-          </view>
+   
+
+    <!--底部操作栏-->
+    <view class="tui-operation">
+      <view class="tui-operation-left tui-col-5">
+        <!-- #ifdef MP-WEIXIN -->
+        <button class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150">
+          <tui-icon name="kefu" :size="22" color="#333"></tui-icon>
+          <view class="tui-operation-text tui-scale-small">客服</view>
         </button>
+        <!-- #endif -->
+
+        <view class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150" @click="setCollect" v-if="userCollect">
+          <view class="iconfont icon-shoucang1"></view>
+          <view class="tui-operation-text tui-scale-small">收藏</view>
+        </view>
+        <view class="tui-operation-item" hover-class="tui-opcity" :hover-stay-time="150" @click="setCollect" v-if="!userCollect">
+          <view class="iconfont icon-shoucang"></view>
+          <view class="tui-operation-text tui-scale-small">收藏</view>
+        </view>
       </view>
-      <!-- #endif -->
-      <view class="item" @click="setCollect" v-if="userCollect">
-        <view class="iconfont icon-shoucang1"></view>
-        <text>收藏</text>
+      
+      <view class="tui-operation-right tui-right-flex tui-col-7 tui-btnbox-4" v-if="seckillStatus == 1 && storeInfo.num > 0 && storeInfo.stock > 0">
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="warning" shape="circle" @click="openAlone">单独购买</tui-button>
+        </view>
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="danger" shape="circle" @click="tapBuy">立即购买</tui-button>
+        </view>
       </view>
-      <view class="item" @click="setCollect" v-if="!userCollect">
-        <view class="iconfont icon-shoucang"></view>
-        <text>收藏</text>
+      <view class="tui-operation-right tui-right-flex tui-col-7 tui-btnbox-4" v-if="seckillStatus == 1 && storeInfo.num <= 0 && storeInfo.stock <= 0">
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="warning" shape="circle" disabled>已售罄</tui-button>
+        </view>
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="danger" shape="circle" @click="openAlone">原价购买</tui-button>
+        </view>
       </view>
-      <view
-        class="bnt acea-row"
-        v-if="seckillStatus == 1 && storeInfo.num > 0 && storeInfo.stock > 0"
-      >
-        <view class="joinCart" @click="openAlone">
-          <text>单独购买</text>
+      <view class="tui-operation-right tui-right-flex tui-col-7 tui-btnbox-4" v-if="seckillStatus == 2">
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="warning" shape="circle" disabled>即将开始</tui-button>
         </view>
-        <view class="buy" @click="tapBuy">
-          <text>立即购买</text>
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="danger" shape="circle" @click="openAlone">原价购买</tui-button>
+        </view>
+      </view>
+      <view class="tui-operation-right tui-right-flex tui-col-7 tui-btnbox-4" v-if="seckillStatus == 0">
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="warning" shape="circle" disabled>活动已结束</tui-button>
+        </view>
+        <view class="tui-flex-1">
+          <tui-button height="68rpx" :size="26" type="danger" shape="circle" @click="openAlone">原价购买</tui-button>
         </view>
       </view>
-
-      <div
-        class="bnt acea-row"
-        v-if="seckillStatus == 1 && storeInfo.num <= 0 && storeInfo.stock <= 0"
-      >
-        <div class="joinCart" @click="openAlone">原价购买</div>
-        <div class="buy bg-color-hui">已售罄</div>
-      </div>
-      <div class="bnt acea-row" v-if="seckillStatus == 2">
-        <div class="joinCart" @click="openAlone">原价购买</div>
-        <div class="buy bg-color-hui">即将开始</div>
-      </div>
-      <div class="bnt acea-row" v-if="seckillStatus == 0">
-        <div class="joinCart" @click="openAlone">原价购买</div>
-        <div class="buy bg-color-hui">已结束</div>
-      </div>
     </view>
-
-    <ProductWindow
-      v-on:changeFun="changeFun"
-      :attr="attr"
-      :cartNum="cartNum"
-    ></ProductWindow>
-    <StorePoster
-      v-on:setPosterImageStatus="setPosterImageStatus"
-      :posterImageStatus="posterImageStatus"
-      :posterData="posterData"
-    ></StorePoster>
+    
+    <ProductWindow v-on:changeFun="changeFun" :attr="attr" :cartNum="cartNum"></ProductWindow>
+    <StorePoster v-on:setPosterImageStatus="setPosterImageStatus" :posterImageStatus="posterImageStatus" :posterData="posterData"></StorePoster>
   </view>
 </template>
 <style scoped lang="less">
@@ -118,23 +129,18 @@
 }
 </style>
 <script>
-import ProductConSwiper from "@/components/ProductConSwiper";
-import CountDown from "@/components/CountDown";
-import ProductWindow from "@/components/ProductWindow";
-import StorePoster from "@/components/StorePoster";
-import { getSeckillDetail } from "@/api/activity";
-import { postCartAdd } from "@/api/store";
-import { imageBase64 } from "@/api/public";
-import {
-  getCoupon,
-  getCollectAdd,
-  getCollectDel,
-  getUserInfo,
-} from "@/api/user";
-const NAME = "SeckillDetails";
+import ProductConSwiper from '@/components/ProductConSwiper'
+import CountDown from '@/components/CountDown'
+import ProductWindow from '@/components/ProductWindow'
+import StorePoster from '@/components/StorePoster'
+import { getSeckillDetail } from '@/api/activity'
+import { postCartAdd } from '@/api/store'
+import { imageBase64 } from '@/api/public'
+import { getCoupon, getCollectAdd, getCollectDel, getUserInfo } from '@/api/user'
+const NAME = 'SeckillDetails'
 
 export default {
-  name: "SeckillDetails",
+  name: 'SeckillDetails',
   components: {
     ProductConSwiper,
     CountDown,
@@ -144,24 +150,24 @@ export default {
   props: {},
   data: function () {
     return {
-      seckillStatus: "",
+      seckillStatus: '',
       domStatus: false,
       posterData: {
-        image: "",
-        title: "",
-        price: "",
-        code: "",
+        image: '',
+        title: '',
+        price: '',
+        code: '',
       },
       posterImageStatus: false,
-      action: "",
+      action: '',
       imgUrls: [],
       storeInfo: [],
       replyCount: 0,
       reply: [],
       cartNum: 1,
-      attrTxt: "请选择",
+      attrTxt: '请选择',
       productValue: [],
-      attrValue: "",
+      attrValue: '',
       attr: {
         cartAttr: false,
         productAttr: [],
@@ -169,95 +175,87 @@ export default {
       },
       datatime: 0,
       userCollect: false,
-    };
+    }
   },
   onShow: function () {
-    this.mountedStart();
+    this.mountedStart()
   },
   methods: {
     onShareAppMessage: function () {
       return {
         title: this.storeInfo.title,
         imageUrl: this.storeInfo.image,
-        path:
-          "pages/activity/GoodsSeckill/index?id=" +
-          this.storeInfo.id +
-          "&spread=" +
-          uni.getStorageSync("uid") +
-          "&pageType=good&codeType=routine",
+        path: 'pages/activity/GoodsSeckill/index?id=' + this.storeInfo.id + '&spread=' + uni.getStorageSync('uid') + '&pageType=good&codeType=routine',
         success(res) {
           uni.showToast({
-            title: "分享成功",
-          });
+            title: '分享成功',
+          })
         },
         fail(res) {
           uni.showToast({
-            title: "分享失败",
-            icon: "none",
-          });
+            title: '分享失败',
+            icon: 'none',
+          })
         },
-      };
+      }
     },
     openAlone: function () {
       this.$yrouter.push({
-        path: "/pages/shop/GoodsCon/index",
+        path: '/pages/shop/GoodsCon/index',
         query: {
           id: this.storeInfo.productId,
         },
-      });
+      })
       // this.$yrouter.replace({ path: "/detail/" + this.storeInfo.productId });
     },
     routerGo(item) {
       this.$yrouter.push({
-        path: "/pages/user/CustomerList/index",
-      });
+        path: '/pages/user/CustomerList/index',
+      })
     },
     //收藏商品
     setCollect: function () {
       let that = this,
         id = that.storeInfo.id,
-        category = "product";
+        category = 'product'
       if (that.userCollect) {
         getCollectDel(id, category).then(function () {
-          that.userCollect = !that.userCollect;
-        });
+          that.userCollect = !that.userCollect
+        })
       } else {
         getCollectAdd(id, category).then(function () {
-          that.userCollect = !that.userCollect;
-        });
+          that.userCollect = !that.userCollect
+        })
       }
     },
     mountedStart: function () {
-      var that = this;
-      console.log(this);
-      let id = that.$yroute.query.id;
-      this.seckillStatus = that.$yroute.query.status;
-      that.datatime = parseInt(that.$yroute.query.time);
-      getSeckillDetail(id).then((res) => {
-        that.userCollect = res.data.userCollect;
-        res.data.storeInfo.description = res.data.storeInfo.description.replace(
-          /\<img/gi,
-          '<img style="max-width:100%;height:auto;"'
-        );
-        that.$set(that.attr, "productAttr", res.data.productAttr);
-        that.$set(that, "productValue", res.data.productValue);
-        that.$set(that, "storeInfo", res.data.storeInfo);
-        that.$set(that, "imgUrls", res.data.storeInfo.sliderImageArr);
-        that.$set(that, "replyCount", res.data.replyCount);
-        that.$set(that, "reply", res.data.reply);
-        that.posterData.image = that.storeInfo.image_base;
-        that.updateTitle();
+      var that = this
+      console.log(this)
+      let id = that.$yroute.query.id
+      this.seckillStatus = that.$yroute.query.status
+      that.datatime = parseInt(that.$yroute.query.time)
+      getSeckillDetail(id).then(res => {
+        that.userCollect = res.data.userCollect
+        res.data.storeInfo.description = res.data.storeInfo.description.replace(/\<img/gi, '<img style="max-width:100%;height:auto;"')
+        that.$set(that.attr, 'productAttr', res.data.productAttr)
+        that.$set(that, 'productValue', res.data.productValue)
+        that.$set(that, 'storeInfo', res.data.storeInfo)
+        that.$set(that, 'imgUrls', res.data.storeInfo.sliderImageArr)
+        that.$set(that, 'replyCount', res.data.replyCount)
+        that.$set(that, 'reply', res.data.reply)
+        that.posterData.image = that.storeInfo.image_base
+        that.updateTitle()
         if (that.storeInfo.title.length > 30) {
-          that.posterData.title = that.storeInfo.title.substring(0, 30) + "...";
+          that.posterData.title = that.storeInfo.title.substring(0, 30) + '...'
         } else {
-          that.posterData.title = that.storeInfo.title;
+          that.posterData.title = that.storeInfo.title
         }
-        that.posterData.price = that.storeInfo.price;
-        that.posterData.code = that.storeInfo.code_base;
+        that.posterData.price = that.storeInfo.price
+        that.posterData.code = that.storeInfo.code_base
         // that.setProductSelect();
-        that.domStatus = true;
-        that.DefaultSelect();
-      });
+        that.domStatus = true
+        that.DefaultSelect()
+      })
     },
     updateTitle() {
       // document.title = this.storeInfo.title || this.$yroute.meta.title;
@@ -265,73 +263,57 @@ export default {
     setPosterImageStatus: function () {
       // var sTop = document.body || document.documentElement;
       // sTop.scrollTop = 0;
-      this.posterImageStatus = !this.posterImageStatus;
+      this.posterImageStatus = !this.posterImageStatus
     },
     DefaultSelect: function () {
-      let productAttr = this.attr.productAttr;
-      let value = [];
+      let productAttr = this.attr.productAttr
+      let value = []
       for (let i = 0; i < productAttr.length; i++) {
-        this.$set(productAttr[i], "index", 0);
-        value.push(productAttr[i].attrValueArr[0]);
+        this.$set(productAttr[i], 'index', 0)
+        value.push(productAttr[i].attrValueArr[0])
       }
       //sort();排序函数:数字-英文-汉字；
-      let productSelect = this.productValue[value.sort().join(",")];
-      console.log(productSelect);
+      let productSelect = this.productValue[value.sort().join(',')]
+      console.log(productSelect)
       if (productSelect && productAttr.length) {
-        this.$set(this.attr.productSelect, "store_name", this.storeInfo.title);
-        this.$set(this.attr.productSelect, "image", productSelect.image);
-        this.$set(this.attr.productSelect, "price", productSelect.seckillPrice);
-        this.$set(this.attr.productSelect, "stock", productSelect.seckillStock);
-        this.$set(this.attr.productSelect, "unique", productSelect.unique);
-        this.$set(this.attr.productSelect, "cart_num", 1);
-        this.$set(this, "attrValue", value.sort().join(","));
-        this.$set(this, "attrTxt", "已选择");
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', productSelect.image)
+        this.$set(this.attr.productSelect, 'price', productSelect.seckillPrice)
+        this.$set(this.attr.productSelect, 'stock', productSelect.seckillStock)
+        this.$set(this.attr.productSelect, 'unique', productSelect.unique)
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', value.sort().join(','))
+        this.$set(this, 'attrTxt', '已选择')
       } else if (!productSelect && productAttr.length) {
-        this.$set(this.attr.productSelect, "store_name", this.storeInfo.title);
-        this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-        this.$set(
-          this.attr.productSelect,
-          "price",
-          this.storeInfo.seckillPrice
-        );
-        this.$set(this.attr.productSelect, "stock", 0);
-        this.$set(this.attr.productSelect, "unique", "");
-        this.$set(this.attr.productSelect, "cart_num", 0);
-        this.$set(this, "attrValue", "");
-        this.$set(this, "attrTxt", "请选择");
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.seckillPrice)
+        this.$set(this.attr.productSelect, 'stock', 0)
+        this.$set(this.attr.productSelect, 'unique', '')
+        this.$set(this.attr.productSelect, 'cart_num', 0)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
       } else if (!productSelect && !productAttr.length) {
-        this.$set(this.attr.productSelect, "store_name", this.storeInfo.title);
-        this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-        this.$set(
-          this.attr.productSelect,
-          "price",
-          this.storeInfo.seckillPrice
-        );
-        this.$set(
-          this.attr.productSelect,
-          "stock",
-          this.storeInfo.seckillStock
-        );
-        this.$set(
-          this.attr.productSelect,
-          "unique",
-          this.storeInfo.unique || ""
-        );
-        this.$set(this.attr.productSelect, "cart_num", 1);
-        this.$set(this, "attrValue", "");
-        this.$set(this, "attrTxt", "请选择");
+        this.$set(this.attr.productSelect, 'store_name', this.storeInfo.title)
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.seckillPrice)
+        this.$set(this.attr.productSelect, 'stock', this.storeInfo.seckillStock)
+        this.$set(this.attr.productSelect, 'unique', this.storeInfo.unique || '')
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
       }
     },
     //将父级向子集多次传送的函数合二为一；
     changeFun: function (opt) {
-      if (typeof opt !== "object") opt = {};
-      let action = opt.action || "";
-      let value = opt.value === undefined ? "" : opt.value;
-      this[action] && this[action](value);
+      if (typeof opt !== 'object') opt = {}
+      let action = opt.action || ''
+      let value = opt.value === undefined ? '' : opt.value
+      this[action] && this[action](value)
     },
     changeattr: function (res) {
-      var that = this;
-      that.attr.cartAttr = res;
+      var that = this
+      that.attr.cartAttr = res
     },
     // ChangeCartNum: function (res) {
     //   var that = this;
@@ -349,100 +331,95 @@ export default {
     //   }
     // },
     ChangeCartNum: function (changeValue) {
-        //changeValue:是否 加|减
-        //获取当前变动属性
-        let productSelect = this.productValue[this.attrValue];
-        //如果没有属性,赋值给商品默认库存
-        if (productSelect === undefined && !this.attr.productAttr.length) {
-          productSelect = this.attr.productSelect;
+      //changeValue:是否 加|减
+      //获取当前变动属性
+      let productSelect = this.productValue[this.attrValue]
+      //如果没有属性,赋值给商品默认库存
+      if (productSelect === undefined && !this.attr.productAttr.length) {
+        productSelect = this.attr.productSelect
+      }
+      //无属性值即库存为0；不存在加减；
+      if (productSelect === undefined) return
+      let stock = productSelect.stock || 0
+      let num = this.attr.productSelect
+      if (changeValue) {
+        num.cart_num++
+        if (num.cart_num > stock) {
+          this.$set(this.attr.productSelect, 'cart_num', stock)
+          this.$set(this, 'cartNum', stock)
+        } else {
+          this.$set(this.attr.productSelect, 'cart_num', num.cart_num)
+          this.$set(this, 'cartNum', num.cart_num)
         }
-        //无属性值即库存为0；不存在加减；
-        if (productSelect === undefined) return;
-        let stock = productSelect.stock || 0;
-        let num = this.attr.productSelect;
-        if (changeValue) {
-          num.cart_num++;
-          if (num.cart_num > stock) {
-            this.$set(this.attr.productSelect, "cart_num", stock);
-            this.$set(this, "cartNum", stock);
-          } else {
-            this.$set(this.attr.productSelect, "cart_num", num.cart_num);
-            this.$set(this, "cartNum", num.cart_num);
-          }
+      } else {
+        num.cart_num--
+        if (num.cart_num < 1) {
+          this.$set(this.attr.productSelect, 'cart_num', 1)
+          this.$set(this, 'cartNum', 1)
         } else {
-          num.cart_num--;
-          if (num.cart_num < 1) {
-            this.$set(this.attr.productSelect, "cart_num", 1);
-            this.$set(this, "cartNum", 1);
-          } else {
-            this.$set(this.attr.productSelect, "cart_num", num.cart_num);
-            this.$set(this, "cartNum", num.cart_num);
-          }
+          this.$set(this.attr.productSelect, 'cart_num', num.cart_num)
+          this.$set(this, 'cartNum', num.cart_num)
         }
-      },
+      }
+    },
     //选择属性；
     ChangeAttr: function (res) {
       // 修改了规格
-      let productSelect = this.productValue[res.value];
+      let productSelect = this.productValue[res.value]
       if (productSelect) {
-        this.attr.productAttr[res.indexw].index = res.indexn;
-        this.$set(this.attr.productSelect, "image", productSelect.image);
-        this.$set(this.attr.productSelect, "price", productSelect.seckillPrice);
-        this.$set(this.attr.productSelect, "stock", productSelect.seckillStock);
-        this.$set(this.attr.productSelect, "unique", productSelect.unique);
-        this.$set(this.attr.productSelect, "cart_num", 1);
-        this.$set(this, "attrValue", res.value);
-        this.$set(this, "attrTxt", "已选择");
+        this.attr.productAttr[res.indexw].index = res.indexn
+        this.$set(this.attr.productSelect, 'image', productSelect.image)
+        this.$set(this.attr.productSelect, 'price', productSelect.seckillPrice)
+        this.$set(this.attr.productSelect, 'stock', productSelect.seckillStock)
+        this.$set(this.attr.productSelect, 'unique', productSelect.unique)
+        this.$set(this.attr.productSelect, 'cart_num', 1)
+        this.$set(this, 'attrValue', res.value)
+        this.$set(this, 'attrTxt', '已选择')
       } else {
-        this.$set(this.attr.productSelect, "image", this.storeInfo.image);
-        this.$set(
-          this.attr.productSelect,
-          "price",
-          this.storeInfo.seckillPrice
-        );
-        this.$set(this.attr.productSelect, "stock", 0);
-        this.$set(this.attr.productSelect, "unique", "");
-        this.$set(this.attr.productSelect, "cart_num", 0);
-        this.$set(this, "attrValue", "");
-        this.$set(this, "attrTxt", "请选择");
+        this.$set(this.attr.productSelect, 'image', this.storeInfo.image)
+        this.$set(this.attr.productSelect, 'price', this.storeInfo.seckillPrice)
+        this.$set(this.attr.productSelect, 'stock', 0)
+        this.$set(this.attr.productSelect, 'unique', '')
+        this.$set(this.attr.productSelect, 'cart_num', 0)
+        this.$set(this, 'attrValue', '')
+        this.$set(this, 'attrTxt', '请选择')
       }
     },
     selecAttrTap: function () {
-      this.attr.cartAttr = true;
-      this.isOpen = true;
+      this.attr.cartAttr = true
+      this.isOpen = true
     },
     tapBuy: function () {
-      var that = this;
+      var that = this
       if (that.attr.cartAttr == false) {
-        that.attr.cartAttr = !this.attr.attrcartAttr;
+        that.attr.cartAttr = !this.attr.attrcartAttr
       } else {
-        var data = {};
-        data.productId = that.storeInfo.productId;
-        data.cartNum = that.attr.productSelect.cart_num;
-        data.uniqueId = that.attr.productSelect.unique;
-        data.secKillId = that.storeInfo.id;
-        data.new = 1;
+        var data = {}
+        data.productId = that.storeInfo.productId
+        data.cartNum = that.attr.productSelect.cart_num
+        data.uniqueId = that.attr.productSelect.unique
+        data.secKillId = that.storeInfo.id
+        data.new = 1
         postCartAdd(data)
-          .then((res) => {
+          .then(res => {
             that.$yrouter.push({
-              path: "/pages/order/OrderSubmission/index",
+              path: '/pages/order/OrderSubmission/index',
               query: {
                 id: res.data.cartId,
               },
-            });
+            })
           })
-          .catch((err) => {
+          .catch(err => {
             uni.showToast({
-              title:
-                err.msg || err.response.data.msg || err.response.data.message,
-              icon: "none",
+              title: err.msg || err.response.data.msg || err.response.data.message,
+              icon: 'none',
               duration: 2000,
-            });
-          });
+            })
+          })
       }
     },
   },
-};
+}
 </script>
 <style scoped lang="less">
 .product-con .nav {
@@ -452,4 +429,375 @@ export default {
 .product-con .footer .bnt .buy.bg-color-hui {
   background: #ccc;
 }
+
+/*内容 部分*/
+
+.tui-padding {
+  padding: 0 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-ml-auto {
+  margin-left: auto;
+}
+
+/* #ifdef H5 */
+.tui-ptop {
+  padding-top: 44px;
+}
+
+/* #endif */
+
+.tui-size {
+  font-size: 24rpx;
+  line-height: 24rpx;
+}
+
+.tui-gray {
+  color: #999;
+}
+
+.tui-white__gray {
+  color: rgba(255, 255, 255, 0.8);
+  font-weight: normal;
+  font-size: 26rpx;
+}
+
+.tui-color-red {
+  color: #eb0909;
+}
+
+.tui-border-radius {
+  border-bottom-left-radius: 24rpx;
+  border-bottom-right-radius: 24rpx;
+  overflow: hidden;
+}
+
+.tui-radius-all {
+  border-radius: 24rpx;
+  overflow: hidden;
+}
+
+.tui-mtop {
+  margin-top: 26rpx;
+}
+
+.tui-pro-detail {
+  box-sizing: border-box;
+  color: #333;
+}
+
+.tui-product-title {
+  background: #fff;
+  padding-bottom: 30rpx;
+}
+
+.tui-price__box {
+  width: 100%;
+  height: 130rpx;
+  display: flex;
+}
+
+.tui-pro-pricebox {
+  width: 540rpx;
+  height: 130rpx;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #ffffff;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  background: linear-gradient(-30deg, #ff1f2e, #f52c6c);
+  flex-shrink: 0;
+}
+
+.tui-pro-price {
+  display: flex;
+  align-items: flex-end;
+}
+
+.tui-price {
+  font-size: 44rpx;
+  line-height: 42rpx;
+}
+
+.tui-sold {
+  width: 100%;
+  height: 44rpx;
+  padding-left: 4rpx;
+  display: flex;
+  align-items: flex-end;
+  justify-content: space-between;
+}
+
+.tui-original-price {
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding: 0 20rpx;
+  box-sizing: border-box;
+  text-decoration: line-through;
+}
+
+.tui-right__box {
+  flex: 1;
+  background-color: #ffe5e5;
+  font-size: 24rpx;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+.tui-right__box text {
+  text-align: center;
+  padding-bottom: 12rpx;
+}
+
+.tui-seckill__img {
+  width: 146rpx;
+  height: 26rpx;
+  margin-bottom: 16rpx;
+}
+
+.tui-pro-titbox {
+  font-size: 32rpx;
+  font-weight: 500;
+  position: relative;
+  padding: 0 150rpx 0 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-pro-title {
+  padding-top: 20rpx;
+}
+
+.tui-share-btn {
+  display: block;
+  background: transparent;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  border: 0;
+}
+
+.tui-share-btn::after {
+  border: 0;
+}
+
+.tui-share-box {
+  display: flex;
+  align-items: center;
+}
+
+.tui-share-position {
+  position: absolute;
+  right: 0;
+  top: 30rpx;
+}
+
+.tui-share-text {
+  padding-left: 8rpx;
+}
+
+.tui-sub-title {
+  padding: 20rpx 0;
+  line-height: 32rpx;
+}
+
+.tui-sale-info {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-top: 30rpx;
+}
+
+.tui-discount-box {
+  background: #fff;
+}
+
+.tui-list-cell {
+  width: 100%;
+  position: relative;
+  display: flex;
+  align-items: center;
+  font-size: 26rpx;
+  line-height: 26rpx;
+  padding: 36rpx 30rpx;
+  box-sizing: border-box;
+}
+
+.tui-right {
+  position: absolute;
+  right: 30rpx;
+  top: 30rpx;
+}
+
+.tui-top40 {
+  top: 40rpx !important;
+}
+
+.tui-bold {
+  font-weight: bold;
+}
+
+.tui-list-cell::after {
+  content: '';
+  position: absolute;
+  border-bottom: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+  bottom: 0;
+  right: 0;
+  left: 126rpx;
+}
+
+.tui-last::after {
+  border-bottom: 0 !important;
+}
+
+.tui-flex-center {
+  display: flex;
+  align-items: center;
+}
+
+.tui-cell-title {
+  width: 66rpx;
+  padding-right: 30rpx;
+  flex-shrink: 0;
+}
+
+.tui-promotion-box {
+  display: flex;
+  align-items: center;
+  padding: 10rpx 0;
+  width: 80%;
+}
+
+.tui-promotion-box text {
+  width: 70%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.tui-basic-info {
+  background: #fff;
+}
+
+.tui-addr-box {
+  width: 76%;
+}
+
+.tui-addr-item {
+  padding: 10rpx;
+  line-height: 34rpx;
+}
+
+.tui-guarantee {
+  background: #fdfdfd;
+  display: flex;
+  flex-wrap: wrap;
+  padding: 20rpx 30rpx 30rpx 30rpx;
+  font-size: 24rpx;
+}
+
+.tui-guarantee-item {
+  color: #999;
+  padding-right: 30rpx;
+  padding-top: 10rpx;
+}
+
+.tui-pl {
+  padding-left: 4rpx;
+}
+
+.tui-col-7 {
+  width: 58.33333333%;
+}
+
+.tui-col-5 {
+  width: 41.66666667%;
+}
+
+.tui-operation {
+  width: 100%;
+  height: 100rpx;
+  background: rgba(255, 255, 255, 0.98);
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  z-index: 100;
+  bottom: 0;
+  left: 0;
+  padding-bottom: env(safe-area-inset-bottom);
+}
+
+.tui-safearea-bottom {
+  width: 100%;
+  height: env(safe-area-inset-bottom);
+}
+
+.tui-operation::before {
+  content: '';
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  border-top: 1rpx solid #eaeef1;
+  -webkit-transform: scaleY(0.5);
+  transform: scaleY(0.5);
+}
+
+.tui-operation-left {
+  display: flex;
+  align-items: center;
+}
+
+.tui-operation-item {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  position: relative;
+}
+
+.tui-operation-text {
+  font-size: 22rpx;
+  color: #333;
+}
+
+.tui-opacity {
+  opacity: 0.5;
+}
+
+.tui-scale-small {
+  transform: scale(0.9);
+  transform-origin: center center;
+}
+
+.tui-operation-right {
+  height: 100rpx;
+  padding-top: 0;
+  padding: 0 12rpx;
+  box-sizing: border-box;
+}
+
+.tui-right-flex {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.tui-flex-1 {
+  flex: 1;
+  padding: 6rpx;
+}
+
+.tui-img__clock {
+  width: 30rpx;
+  height: 30rpx;
+  margin-right: 8rpx;
+}
 </style>