jiangchengfeiyi-xiaochengxu/pages/coupon/CouponTips/CouponTips.vue

<template>
	<view class="flex-col justify-start relative page" :style="{ backgroundImage: 'url(' + bkgPubilcPath + ')' }">
	  <view class="section" :style="{ backgroundImage: 'url(' + bkgPubilcPath + ')' }"></view>
	  <view class="flex-col justify-start items-center text-wrapper pos"><text class="font text">积分规则</text></view>
	  <view class="flex-col section_2 pos_2">
	    <text class="self-start font_2">积分怎么花？</text>
	    <view class="flex-col items-start self-stretch group">
	      <text class="font text_2">·使用积分兑换优惠券：可兑换优惠券，</text>
	      <text class="font">兑换成功后可到个人中心查看。</text>
	    </view>
	    <text class="self-start font_2 text_3">怎么赚积分？</text>
	    <view class="flex-col items-start self-stretch group_2">
	      <text class="font text_4">·积分状态分为收入、支出状态。收入指获</text>
	      <text class="font">得积分;支出指消耗积分。</text>
	    </view>
	    <text class="self-start font_3 text_5">·积分获取上限: 每天获取积分无上限</text>
	    <text class="self-stretch font_3 text_6">·积分有效期:当前获得的积分为 永久有效</text>
	    <text class="self-stretch font text_7">·积分扣减规则:通过交易成功后获得的积分，在订单退款时，会相应扣减积分</text>
	  </view>
	</view>
</template>

<script setup lang="ts">
	import { onLoad } from "@dcloudio/uni-app";
	import { getFonts } from '../../../common/globalFont';
	import { couponUrl,bkgPubilcPath } from "../../../common/globalImagesUrl";
	import {ref} from 'vue';
	onLoad(() => {
		getFonts()
	})
</script>

<style scoped lang="scss">
.page {
  background-color: #ffffff;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

::-webkit-scrollbar {
  display: none;
}

.section {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 750rpx;
  height: 1386.88rpx;
}
.text-wrapper {
  padding: 45rpx 0;
  background-color: #ffffff;
}
.pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.font {
  font-size: 30rpx;
  font-family: FangZhengFonts;
  line-height: 35.63rpx;
  color: #000000;
}
.text {
  line-height: 26.25rpx;
}
.section_2 {
  padding: 41.25rpx 45rpx 142.5rpx;
  background-color: #ffffff;
  border-radius: 18.75rpx;
}
.pos_2 {
  position: absolute;
  left: 43.13rpx;
  right: 41.27rpx;
  top: 161.25rpx;
}
.font_2 {
  font-size: 33.75rpx;
  font-family: FangZhengFonts;
  line-height: 32.44rpx;
  color: #000000;
}
.group {
  margin-top: 18.75rpx;
}
.text_2 {
  margin-left: 11.25rpx;
}
.text_3 {
  margin-top: 26.25rpx;
  line-height: 32.17rpx;
}
.group_2 {
  margin-top: 22.5rpx;
}
.text_4 {
  margin-left: 11.25rpx;
}
.font_3 {
  font-size: 30rpx;
  font-family: FangZhengFonts;
  line-height: 28.95rpx;
  color: #000000;
}
.text_5 {
  margin-left: 15rpx;
  margin-top: 37.5rpx;
}
.text_6 {
  margin-left: 11.25rpx;
  margin-top: 30rpx;
  line-height: 29.31rpx;
}
.text_7 {
  margin-top: 22.5rpx;
}
@import url(../../../common/css/global.css);
</style>