CommunityApp/pagesM/pages/share_team.vue

<template>
	<view class="content">
		<view class="wrapper">
			<view class="title">成为新邻社区心选商城店主的达成提示</view>
			<view class="price_item">消费金额达到<view class="price">198</view>元</view>
			<view class="btn bg-linear-gradient" @tap="handleClick">可通过点击按钮成为新邻社区店主</view>
			<view class="explain">用户累计消费满198.00元，可以成为新邻社区心选购物商城的店主，您已确认收货消费 ？元，请加油！</view>
			<view class="explain">
                ①累计自购达到198元且确认收货</br>
				②确认收货后，在我的分享团队进行店主身份升级
             </view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods:{
			handleClick(){
				uni.navigateTo({
					url: '/pages/my_earnings'
				})
			}
		}
	}
</script>

<style lang="scss">
	.content{
		background:rgba(255,255,255,1);
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		.wrapper{
			margin: 40upx 0;
			width:705upx;
			height:1222upx;
			background:rgba(255,255,255,1);
			box-shadow:0upx -2upx 47upx 4upx rgba(1,0,32,0.1);
			border-radius:30upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			.title{
				height:35upx;
				font-size:36upx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(51,51,51,1);
				line-height:6upx;
				margin-top: 98upx;
			}
			.price_item{
				height:55upx;
				font-size:24upx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(51,51,51,1);
				margin-top: 78upx;
				.price{
					display: inline-block;
					color:$dt-color-primary;
					font-size: 70upx;
					font-weight: bold;
				}
			}
			.btn{
				width:651upx;
				height:82upx;
				border-radius:30upx;
				text-align: center;
				line-height:82upx;
				font-size:30upx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(255,255,255,1);
				margin-top: 67upx;
			}
			.explain{
				width:629upx;
				line-height:40upx;
				font-size:24upx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(153,153,153,1);
				margin-top:50upx
			}
			
		}
	}
</style>