114 lines
2.0 KiB
Vue
114 lines
2.0 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="#000000"></uni-icons>
|
|
<!-- <view class="">权益说明</view> -->
|
|
</view>
|
|
<view class="column center header">
|
|
|
|
</view>
|
|
<view class="rule-list">
|
|
<view class="rule-item common_bg" v-for="(item, i) in listData" :key="i">
|
|
<view class="rule-title hang1 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-weight: 400;
|
|
font-size: 50rpx;
|
|
color: #FFFFFF;
|
|
}
|
|
}
|
|
|
|
.header {
|
|
width: 750rpx;
|
|
height: 380rpx;
|
|
background: url($imgurl+'my/qysm.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
|
|
>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: #FFFFFF;
|
|
|
|
.rule-list {
|
|
padding: 0 30rpx 30rpx;
|
|
|
|
.rule-item {
|
|
height: 460rpx;
|
|
margin-top: 30rpx;
|
|
background: #FCF8DB;
|
|
border-radius: 20rpx;
|
|
|
|
.rule-title {
|
|
padding: 50rpx 40rpx 30rpx;
|
|
// text-align: center;
|
|
font-weight: 500;
|
|
font-size: 28rpx;
|
|
color: #EE871F;
|
|
|
|
|
|
}
|
|
|
|
.rule-content {
|
|
// background: #f00;
|
|
height: 300rpx;
|
|
padding: 0 40rpx;
|
|
font-size: 24rpx;
|
|
font-weight: 400;
|
|
color: #333333;
|
|
line-height: 48rpx;
|
|
box-sizing: border-box;
|
|
}
|
|
}
|
|
}
|
|
|
|
.common_bg {}
|
|
}
|
|
|
|
.common_bg {}
|
|
</style> |