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

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

@ -4,42 +4,37 @@
* @Description: content * @Description: content
--> -->
<template> <template>
<view <view class="content">
class="content"> <view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)">
<view class="navLeft align-center" :style="{top:$sys().statusBarHeight+'px'}" @tap="$c.back(1)"> <uni-icons type="left" color="#000000"></uni-icons>
<uni-icons type="left" color="#FFFFFF"></uni-icons> <!-- <view class="">权益说明</view> -->
<!-- <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>
<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> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
listData: [] listData: []
} }
}, },
onLoad(options) { onLoad(options) {
this.listData = uni.getStorageSync('_qy_rule') this.listData = uni.getStorageSync('_qy_rule')
} }
} }
</script> </script>
<style lang="scss"> <style lang="scss">
@ -50,75 +45,70 @@ export default {
height: 44px; height: 44px;
>view { >view {
font-family: YouSheBiaoTiHei;
font-weight: 400; font-weight: 400;
font-size: 50rpx; font-size: 50rpx;
color: #FFFFFF; color: #FFFFFF;
} }
} }
.header{
.header {
width: 750rpx; width: 750rpx;
height: 380rpx; height: 380rpx;
background: url($imgurl+'my/qysm.png'); background: url($imgurl+'my/qysm.png');
>text:nth-child(1){ background-size: cover;
background-position: center;
>text:nth-child(1) {
font-weight: 400; font-weight: 400;
font-size: 72rpx; font-size: 72rpx;
color: #FFFFFF; color: #FFFFFF;
} }
>text:nth-child(2){
>text:nth-child(2) {
font-weight: 400; font-weight: 400;
font-size: 24rpx; font-size: 24rpx;
color: #FFFFFF; color: #FFFFFF;
} }
} }
.content {
min-height: 100vh;
background: #030B18;
.rule-list { .content {
padding: 0 30rpx 30rpx; min-height: 100vh;
background: #FFFFFF;
.rule-item { .rule-list {
height: 460rpx; padding: 0 30rpx 30rpx;
margin-top: 30rpx;
background: linear-gradient( 135deg, #222423 0%, #222423 100%);
border-radius: 20rpx;
.rule-title { .rule-item {
padding: 50rpx 40rpx 30rpx; height: 460rpx;
// text-align: center; margin-top: 30rpx;
font-weight: 400; background: #FCF8DB;
font-size: 40rpx; border-radius: 20rpx;
color: #7CC9FF;
&::after{ .rule-title {
content: ''; padding: 50rpx 40rpx 30rpx;
position: absolute; // text-align: center;
left: 0; font-weight: 500;
top: 50rpx; font-size: 28rpx;
width: 8rpx; color: #EE871F;
height: 50rpx;
background: #7CC9FF;
}
.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 { .common_bg {}
// 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> </style>

3
pages/shouye/yaoqing_ranking.vue
View File

@ -23,7 +23,8 @@
@click="$refs.rulePop.getRule(25, '规则说明')" mode=""></image> @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" <view class="common_bg"