<template>
<view>
	<u-popup v-model="afterSale" width="80%" border-radius="10" :closeable="true" mode="center">
		<view class="afterSales">
			<view class="filterTitle">
				请设置价格区间
			</view>
			<view class="priceContainer">
				<u-input placeholder="最低" v-model="min"></u-input>
				<text style="margin:0 30upx;">-</text>
				<u-input placeholder="最高" v-model="max"></u-input>
			</view>
			<view class="btnGroup">
				<view class="reset">
					重置
				</view>
				<view class="submit" style="margin-left:24upx;">
					确定
				</view>
			</view>
			<view class="setRule">
				<view class="ruleTitle">
					设置规则：
				</view>
				<view class="ruleText">
					A.当加价率生效后，会员价高于市场价，会员价统一自动按以下标准执行： （市场价-成本价）x_____% +成本价=会员价 _____%为此时的加价率。 利润低于_____元的商品不展示在商城里。
				</view>
			</view>
		</view>
	</u-popup>
</view>
</template>

<script>
export default{
	data(){
		return{
			afterSale:false,
			min:null,
			max:null,
		}
	},
	methods:{
		
	}
}
</script>

<style lang="scss" scoped>

.afterSales{
	padding:32upx;
	.filterTitle{
		font-size: 32upx;
		font-family: PingFang SC, PingFang SC;
		font-weight: 500;
		color: #303030;
		text-align: center;
	}
	.priceContainer{
		display: flex;
		align-items: center;
		justify-content: center;
		padding-top:56upx;
		margin-top:34upx;
		border-top:1px solid #EAEAEA;
		::v-deep .u-input{
			height: 70upx;
			background: #F3F3F3;
			border-radius: 22px 22px 22px 22px;
			opacity: 1;
			text-align: center;
		}
		::v-deep .u-input__input{
			text-align: center;
		}
	}
	.btnGroup{
		margin:60upx 0;
		display: flex;
		justify-content: center;
		align-items: center;
		.reset{
			width:216upx;
			height: 70upx;
			background: #E9E9E9;
			border-radius: 22px 22px 22px 22px;
			opacity: 1;
			
			font-size: 28upx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #585858;
			line-height: 70upx;
			text-align: center;
		}
		.submit{
			width:216upx;
			height: 70upx;
			background: linear-gradient(180deg, #FD5D06 0%, #F3211A 100%);
			border-radius: 50px 50px 50px 50px;
			opacity: 1;
			
			font-size: 28upx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #FFFFFF;
			line-height: 70upx;
			text-align: center;
			
		}
	}
	.setRule{
		.ruleTitle{
			
			font-size: 28upx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 500;
			color: #303030;
			
		}
		.ruleText{
			margin-top:24upx;
			font-size: 28upx;
			font-family: PingFang SC, PingFang SC;
			font-weight: 400;
			color: #8B8B8B;
			line-height: 32px;
			
		}
	}
	
}
</style>