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

333

Browse Source
This commit is contained in:
zpc 2025-06-13 16:46:21 +08:00
parent 948e6452bb
commit 656fdc05c2
1 changed files with 26 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

49
components/rule-pop/rule-pop.vue
View File

@ -7,8 +7,9 @@
<view class="_rule_pop_title">{{ ruleData.title }}</view>
<scroll-view scroll-y class="_rule_pop_bd" :class="{ 'has-check': noticeCheck }">
<view v-if="is_image_optimizer&&images.length>0" class="image-optimizer">
<image show-menu-by-longpress v-for="(image, index) in images" :key="index" :src="image" mode="widthFix" style="width: 100%;"></image>
<view v-if="is_image_optimizer && images.length > 0" class="image-optimizer">
<image show-menu-by-longpress v-for="(image, index) in images" :key="index" :src="image"
mode="widthFix" style="width: 100%;"></image>
</view>
<view v-else v-html="ruleData.content"></view>
</scroll-view>
@ -16,7 +17,6 @@
<view v-if="noticeCheck" class="check-btn" @click="todayHide = !todayHide">
<view class="icon">
<image v-if="todayHide" :src="$img1('common/check_act.png')" lazy-load></image>
<image v-else :src="$img1('common/check.png')" lazy-load></image>
</view>
@ -31,6 +31,7 @@
</template>
<script>
import { getDanYe } from '../../common/server/config'
export default {
props: {
noticeCheck: {
@ -76,28 +77,30 @@ export default {
async getRule(id, title = '') {
this.is_image_optimizer = false;
this.images = [];
let { status, data, msg, is_image_optimizer } = await this.$c.getRule(id, true)
if (status) {
if (is_image_optimizer != null && is_image_optimizer == 1) {
console.log('开启图片优化');
this.is_image_optimizer = true;
// 正则表达式获取所有图片地址
const imgRegex = /<img[^>]+src="([^"]+)"[^>]*>/g;
let match;
while ((match = imgRegex.exec(data)) !== null) {
// images.push(match[1]);
this.images.push(match[1]);
}
console.log('提取的图片地址：', this.images);
// 这里可以添加图片优化的逻辑
let data = await getDanYe(id)
// console.log("datadatadatadatadata", data);
let { is_image_optimizer, content } = data;
if (is_image_optimizer != null && is_image_optimizer == 1) {
console.log('开启图片优化');
this.is_image_optimizer = true;
content = content.replace(
/\<img/gi,
'<img style="width: 100%;vertical-align: middle;"'
);
// 正则表达式获取所有图片地址
const imgRegex = /<img[^>]+src="([^"]+)"[^>]*>/g;
let match;
while ((match = imgRegex.exec(content)) !== null) {
// images.push(match[1]);
this.images.push(match[1]);
}
this.open({
title: title,
content: data
})
} else {
this.$c.toast(msg)
console.log('提取的图片地址：', this.images);
// 这里可以添加图片优化的逻辑
}
this.open({
title: title,
content: content
})
}
}
}