shang/yfs
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI

Browse Source
This commit is contained in:
18631081161 2025-04-08 21:23:45 +08:00
parent ad08144b06
commit 9ab6900940
2 changed files with 73 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

152
package/mine/qy-rule.vue
View File

@ -4,42 +4,37 @@
* @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 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>
<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: []
}
},
export default {
data() {
return {
listData: []
}
},
onLoad(options) {
this.listData = uni.getStorageSync('_qy_rule')
}
}
onLoad(options) {
this.listData = uni.getStorageSync('_qy_rule')
}
}
</script>
<style lang="scss">
@ -48,77 +43,72 @@ export default {
left: 30rpx;
z-index: 100;
height: 44px;
>view {
font-family: YouSheBiaoTiHei;
font-weight: 400;
font-size: 50rpx;
color: #FFFFFF;
}
}
.header{
.header {
width: 750rpx;
height: 380rpx;
background: url($imgurl+'my/qysm.png');
>text:nth-child(1){
background-size: cover;
background-position: center;
>text:nth-child(1) {
font-weight: 400;
font-size: 72rpx;
color: #FFFFFF;
}
>text:nth-child(2){
>text:nth-child(2) {
font-weight: 400;
font-size: 24rpx;
color: #FFFFFF;
}
}
.content {
min-height: 100vh;
background: #030B18;
.rule-list {
padding: 0 30rpx 30rpx;
.content {
min-height: 100vh;
background: #FFFFFF;
.rule-item {
height: 460rpx;
margin-top: 30rpx;
background: linear-gradient( 135deg, #222423 0%, #222423 100%);
border-radius: 20rpx;
.rule-list {
padding: 0 30rpx 30rpx;
.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-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;
}
}
}
}
.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 {
}
}
.common_bg {
}
</style>
.common_bg {}
</style>

3
pages/shouye/yaoqing_ranking.vue
View File

@ -23,7 +23,8 @@
@click="$refs.rulePop.getRule(25, '规则说明')" mode=""></image>
<view class="" style="width: 100%; height: 480rpx; margin-top: 20rpx; display: flex; flex-direction: row;">
<view class="" v-if="list.length>0"
style="width: 100%; height: 480rpx; margin-top: 20rpx; display: flex; flex-direction: row;">
<!-- 第二名 -->
<view class="common_bg"