127 lines
3.1 KiB
Vue
127 lines
3.1 KiB
Vue
<template>
|
||
<view class="flex-col justify-start relative page" :style="{ backgroundImage: 'url(' + bkgUrl + ')' }">
|
||
<view class="section" :style="{ backgroundImage: 'url(' + bkgUrl + ')' }"></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 } from "../../../common/globalImagesUrl";
|
||
import {ref} from 'vue'
|
||
const bkgUrl = ref(couponUrl + '/CouponTips/bkg.png')
|
||
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: FZSongKeBenXiuKaiS-R-GB;
|
||
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: FZSongKeBenXiuKaiS-R-GB;
|
||
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: FZSongKeBenXiuKaiS-R-GB;
|
||
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>
|