CommunityApp/pagesM/pages/my_integral.vue

<template>
	<view class="content">
		<view class="my bg-linear-gradient">
			<view class="number">39902</view>
			<view class="number_bottom">用户获得的积分可以用来购买商品噢</view>
		</view>
		<view class="text01">
			如何获取积分
		</view>
		<view class="text02">
			<view>			每天一次分享获得20积分</view>
			<view>			每天登陆小程序获得10积分</view>
			<view>			购买商品可以获得等同商品金额（剔除小数取整）的积分</view>
		</view>
		<view class="text01">
			积分的使用
		</view>
		<view class="text02">
			<view>			用户可以通过积分来抵扣商品金额，但不能兑现；</view>
			<view>			积分仅能抵扣商品的售价，不能抵扣可能产生的运费；</view>
			<view>			不同商品可使用的积分存在上限，以支付页面提示为准；</view>
			<view>			每100积分可以抵扣1元的商品金额；</view>
			<view>			积分的使用为每100积分一个单位，少于100积分则不能使用。</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
	.content{
		background:rgba(255,255,255,1);
		display: flex;
		flex-direction: column;
		align-items: center;
		.my{
			width:705upx;
			height:234upx;
			box-shadow:0upx -2upx 47upx 4upx rgba(1,0,32,0.1);
			border-radius:30upx;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;
			margin-top: 40upx;
			.number{
				height:100upx;
				font-size:108upx;
				font-family:PingFang SC;
				font-weight:bold;
				color:rgba(249,249,251,1);
			}
			.number_bottom{
				height:23upx;
				font-size:24upx;
				font-family:PingFang SC;
				font-weight:400;
				color:rgba(248,248,249,1);
				margin:40upx 0;
			}
		}
		.text01{
			height:34upx;
			font-size:36upx;
			font-family:PingFang SC;
			font-weight:bold;
			color:$dt-color-primary;
			margin-top: 87upx;
			margin-bottom: 30upx;
		}
		.text02{
			height:122upx;
			font-size:24upx;
			font-family:PingFang SC;
			font-weight:400;
			color:rgba(51,51,51,1);
			line-height:49upx;
			text-align: center;
		}
	}
</style>