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

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

@ -4,22 +4,17 @@
* @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="#FFFFFF"></uni-icons> <uni-icons type="left" color="#000000"></uni-icons>
<!-- <view class="">权益说明</view> --> <!-- <view class="">权益说明</view> -->
</view> </view>
<view class="column center header ziti"> <view class="column center header">
<text>等级权益说明</text>
<text>A statement of interests</text>
</view> </view>
<view class="rule-list"> <view class="rule-list">
<view <view class="rule-item common_bg" v-for="(item, i) in listData" :key="i">
class="rule-item common_bg" <view class="rule-title hang1 relative">{{ item.title }}</view>
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> <scroll-view class="rule-content" scroll-y>
<view v-html="item.content"></view> <view v-html="item.content"></view>
</scroll-view> </scroll-view>
@ -29,7 +24,7 @@
</template> </template>
<script> <script>
export default { export default {
data() { data() {
return { return {
listData: [] listData: []
@ -39,7 +34,7 @@ export default {
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,30 +45,35 @@ 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 {
.content {
min-height: 100vh; min-height: 100vh;
background: #030B18; background: #FFFFFF;
.rule-list { .rule-list {
padding: 0 30rpx 30rpx; padding: 0 30rpx 30rpx;
@ -81,25 +81,17 @@ export default {
.rule-item { .rule-item {
height: 460rpx; height: 460rpx;
margin-top: 30rpx; margin-top: 30rpx;
background: linear-gradient( 135deg, #222423 0%, #222423 100%); background: #FCF8DB;
border-radius: 20rpx; border-radius: 20rpx;
.rule-title { .rule-title {
padding: 50rpx 40rpx 30rpx; padding: 50rpx 40rpx 30rpx;
// text-align: center; // text-align: center;
font-weight: 400; font-weight: 500;
font-size: 40rpx; font-size: 28rpx;
color: #7CC9FF; color: #EE871F;
&::after{
content: '';
position: absolute;
left: 0;
top: 50rpx;
width: 8rpx;
height: 50rpx;
background: #7CC9FF;
}
} }
.rule-content { .rule-content {
@ -107,18 +99,16 @@ export default {
height: 300rpx; height: 300rpx;
padding: 0 40rpx; padding: 0 40rpx;
font-size: 24rpx; font-size: 24rpx;
font-family: Source Han Sans CN;
font-weight: 400; font-weight: 400;
color: #ffffff; color: #333333;
line-height: 48rpx; line-height: 48rpx;
box-sizing: border-box; box-sizing: border-box;
} }
} }
} }
.common_bg { .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"