公告H5优化

This commit is contained in:
GaoHao 2025-01-22 14:21:02 +08:00
parent b4a7890f8a
commit a1c95f7f1b
2 changed files with 9 additions and 4 deletions

View File

@ -49,7 +49,8 @@
:title-style="{ fontWeight: '700' }" confirm-color="rgb(255, 117, 129)"> :title-style="{ fontWeight: '700' }" confirm-color="rgb(255, 117, 129)">
<view class="" style="padding-top: 30rpx;text-align: left;"> <view class="" style="padding-top: 30rpx;text-align: left;">
<scroll-view scroll-y="true" style="max-height: 50vh;"> <scroll-view scroll-y="true" style="max-height: 50vh;">
<rich-text style="color:#666" :nodes="datas.version.content"></rich-text> <!-- <rich-text style="color:#666" :nodes="datas.version.content"></rich-text> -->
<view style="text-align: justify;font-size: 18px;color: #666;" v-html="datas.version.content"></view>
</scroll-view> </scroll-view>
</view> </view>
</up-modal> </up-modal>

View File

@ -76,7 +76,8 @@
<up-modal :show="data.ruleShow" confirm-text="知道了" title="规则说明" :title="data.rule_title" :title-style="{fontWeight:'700'}" @confirm="ruleConfirm" confirm-color="rgb(255, 117, 129)"> <up-modal :show="data.ruleShow" confirm-text="知道了" title="规则说明" :title="data.rule_title" :title-style="{fontWeight:'700'}" @confirm="ruleConfirm" confirm-color="rgb(255, 117, 129)">
<view class="u-p-30 u-text-left"> <view class="u-p-30 u-text-left">
<scroll-view scroll-y="true" style="max-height: 50vh;" > <scroll-view scroll-y="true" style="max-height: 50vh;" >
<rich-text style="text-align: justify;font-size: 18px;color: #666;" :nodes="data.rule_content"></rich-text> <!-- <rich-text style="text-align: justify;font-size: 18px;color: #666;" :nodes="data.rule_content"></rich-text> -->
<view style="text-align: justify;font-size: 18px;color: #666;" v-html="data.rule_content"></view>
</scroll-view> </scroll-view>
</view> </view>
</up-modal> </up-modal>
@ -100,7 +101,7 @@
import { commonType } from '@/api/init.js'; import { commonType } from '@/api/init.js';
import { linkTo } from '@/utils/app.js'; import { linkTo } from '@/utils/app.js';
let data = reactive({ const data = reactive({
ruleShow: false, ruleShow: false,
rule_title: "", rule_title: "",
rule_content: "", rule_content: "",
@ -135,6 +136,7 @@
getCanCash() getCanCash()
announcement({type: 1}).then(res=>{ announcement({type: 1}).then(res=>{
data.ruleList = res data.ruleList = res
ruleInit() ruleInit()
}) })
@ -163,6 +165,7 @@
getMoneyDetail(); getMoneyDetail();
}) })
function ruleInit(){ function ruleInit(){
data.rule_content = ""
data.rule_title = data.ruleList[data.ruleIndex].title data.rule_title = data.ruleList[data.ruleIndex].title
data.rule_content = data.ruleList[data.ruleIndex].content data.rule_content = data.ruleList[data.ruleIndex].content
} }
@ -175,7 +178,7 @@
title: "暂未配置规则", title: "暂未配置规则",
icon: 'none' icon: 'none'
}) })
return return false;
} }
ruleInit() ruleInit()
data.ruleShow = true data.ruleShow = true
@ -184,6 +187,7 @@
* 规则确认 * 规则确认
*/ */
function ruleConfirm() { function ruleConfirm() {
console.log(1)
data.ruleShow = false data.ruleShow = false
data.ruleIndex++ data.ruleIndex++
if( data.ruleIndex >= data.ruleList.length) { if( data.ruleIndex >= data.ruleList.length) {