caimei-applets-caimei/components/cm-module/productDetails/cm-activipopu.vue

<template name="cm-price">
	<!-- 商品促销活动弹窗提示判断 -->
	<view class="wrap-main">
	
	</view>
</template>

<script>
	import { mapState,mapMutations } from 'vuex'
	export default{
		name:'cm-price',
		props:{
			product:{
				type:Object,
			},
			userIdentity: {
				type: Number,
				default: 2
			},
			ladderPriceList:{
				type: Array,
			},
			retailPrice:{
				type:String,
			},
			minBuyNumber:{
				type: Number,
				default: 1
			}
		},
		data() {
			return{
				popupShow:false
			}
		},
		filters: {
			NumFormat:function(text) {//处理金额
				return Number(text).toFixed(2);
			},
		},
		created() {
			
		},
		computed: {
			...mapState(['hasLogin','isWxAuthorize'])
		},
		methods:{
			clickPopupShow(){
				this.popupShow = true
			},
			hidePopup(){
				this.popupShow = false
			},
			goUpgradeApply(){
				this.$api.navigateTo('/pages/login/apply')
			},
			loginClick(){
				this.$api.navigateTo('/pages/login/login')
			}
		},
		
	}
</script>

<style lang="scss">	
	.tui-flex-1 {
		flex: 1;
		padding: 16rpx;
	}
	.tui-popup-box {
		position: relative;
		padding: 30rpx 0 100rpx 0;
	}
	.tui-popup-title{
		line-height: 60rpx;
		text-align: center;
		color: #333;
		font-size: 28rpx;
		border-bottom: 1px solid #EBEBEB;
	}
	.tui-popup-attr{
		width: 100%;
		padding: 0 20rpx;
		.tui-popup-attr-cell{
			width: 100%;
			height: auto;
			border-bottom: 1px solid #EFEFEF;
			font-size: 24rpx;
			line-height: 24rpx;
			display: flex;
			flex-wrap: wrap;
			.attr-cell-td{
				width: 238rpx;
				float: left;
				color: #999999;
				padding:24rpx 20rpx;
				display: flex;
				flex: 3;
				flex-direction: column;
			}
			.attr-cell-tr{
				width: 462rpx;
				float: left;
				color: #333333;
				padding:20rpx;
				display: flex;
				flex: 7;
				flex-direction: column;
			}
			&:last-child{
				border-bottom: none;
			}
		}
	}
	.tui-popup-btn {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 9999;
	}
</style>