125 lines
2.3 KiB
Vue
125 lines
2.3 KiB
Vue
<!--
|
|
* @Date: 2023-11-17 17:44:17
|
|
* @LastEditTime: 2023-11-30 13:48:41
|
|
* @Description: content
|
|
-->
|
|
<template>
|
|
<view
|
|
class="content">
|
|
<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
|
|
<uni-icons type="left" color="#FFFFFF"></uni-icons>
|
|
<!-- <view class="">权益说明</view> -->
|
|
</view>
|
|
<view class="column center header ziti">
|
|
<text>等级权益说明</text>
|
|
<text>A statement of interests</text>
|
|
</view>
|
|
<view class="rule-list">
|
|
<view
|
|
class="rule-item common_bg"
|
|
v-for="(item, i) in listData"
|
|
:key="i" >
|
|
<view class="rule-title hang1 ziti relative">{{ item.title }}</view>
|
|
<scroll-view class="rule-content" scroll-y>
|
|
<view v-html="item.content"></view>
|
|
</scroll-view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
listData: []
|
|
}
|
|
},
|
|
|
|
onLoad(options) {
|
|
this.listData = uni.getStorageSync('_qy_rule')
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
.navLeft {
|
|
position: fixed;
|
|
left: 30rpx;
|
|
z-index: 100;
|
|
height: 44px;
|
|
|
|
>view {
|
|
font-family: YouSheBiaoTiHei;
|
|
font-weight: 400;
|
|
font-size: 50rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
.header{
|
|
width: 750rpx;
|
|
height: 380rpx;
|
|
background: url($imgurl+'my/qysm.png');
|
|
>text:nth-child(1){
|
|
font-weight: 400;
|
|
font-size: 72rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
>text:nth-child(2){
|
|
font-weight: 400;
|
|
font-size: 24rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
.content {
|
|
min-height: 100vh;
|
|
background: #030B18;
|
|
|
|
.rule-list {
|
|
padding: 0 30rpx 30rpx;
|
|
|
|
.rule-item {
|
|
height: 460rpx;
|
|
margin-top: 30rpx;
|
|
background: linear-gradient( 135deg, #222423 0%, #222423 100%);
|
|
border-radius: 20rpx;
|
|
|
|
.rule-title {
|
|
padding: 50rpx 40rpx 30rpx;
|
|
// text-align: center;
|
|
font-weight: 400;
|
|
font-size: 40rpx;
|
|
color: #7CC9FF;
|
|
|
|
&::after{
|
|
content: '';
|
|
position: absolute;
|
|
left: 0;
|
|
top: 50rpx;
|
|
width: 8rpx;
|
|
height: 50rpx;
|
|
background: #7CC9FF;
|
|
}
|
|
}
|
|
|
|
.rule-content {
|
|
// background: #f00;
|
|
height: 300rpx;
|
|
padding: 0 40rpx;
|
|
font-size: 24rpx;
|
|
font-family: Source Han Sans CN;
|
|
font-weight: 400;
|
|
color: #ffffff;
|
|
line-height: 48rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
}
|
|
|
|
.common_bg {
|
|
}
|
|
}
|
|
.common_bg {
|
|
}
|
|
</style>
|