sileya-ai
/
vr-shopxo-uniapp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

轮播问题和头部加粗问题修复

master
于肖磊 2024-11-12 11:46:08 +08:00
parent 1e78cd8dad
commit 77bdc09125
3 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
common/css/page.css
View File

@ -275,6 +275,9 @@ button:before {
.fw-b {
font-weight: 500;
}
.fw-n {
font-weight: 400;
}
.auto {
margin: 0 auto;
}

10
components/diy/carousel.vue
View File

@ -1,6 +1,6 @@
<template>
<view class="pr" :style="style_container">
<view class="pr" :style="style_img_container">
<view class="pr re" :style="style_img_container">
<swiper circular="true" :autoplay="form.is_roll == '1'" :interval="form.interval_time * 1000" :display-multiple-items="slides_per_group" :duration="500" :style="{ height: swiper_height }" :previous-margin="previousMargin" :next-margin="nextMargin" @change="slideChange">
<block v-if="form.carousel_type == 'card'">
<swiper-item v-for="(item, index) in new_list" :key="index">
@ -156,7 +156,9 @@
} else if (new_form.img_fit == 'cover') {
fit = 'aspectFill';
}
const { margin_left, margin_right, padding_left, padding_right } = new_style.common_style;
const width = sys_width - margin_left - margin_right - padding_left - padding_right;
const scale = width / 390;
this.setData({
form: this.propValue.content,
new_style: this.propValue.style,
@ -168,10 +170,10 @@
style_img_container: this.propIsCommon ? common_img_computer(common_style, this.propIndex) : '', // 公共样式显示
img_style: radius_computer(new_style), // 图片的设置
indicator_style: this.get_indicator_style(new_style), // 指示器的样式
dot_style: `bottom: ${ (new_style.indicator_bottom + common_style.margin_bottom + common_style.padding_bottom) * (sys_width / 390) * 2 }rpx;`, // 指示器位置
dot_style: `bottom: ${ new_style.indicator_bottom * scale * 2 }rpx;`, // 指示器位置
img_fit: fit, // 图片风格
video_style: this.get_video_style(new_style), // 视频播放按钮显示逻辑
swiper_height: new_form.height * (sys_width / 390) * 2 + 'rpx', // 轮播图高度
swiper_height: new_form.height * scale * 2 + 'rpx', // 轮播图高度
});
// 风格二显示逻辑
if (new_form.carousel_type == 'card') {

2
components/diy/header.vue
View File

@ -42,7 +42,7 @@
</template>
<view v-if="['1', '2', '3'].includes(form.content.theme) && !isEmpty(form.content.title)">{{ form.content.title }}</view>
<template v-if="['3'].includes(form.content.theme) && !is_search_alone_row">
<view class="flex-1">
<view class="flex-1 fw-n">
<componentDiySearch :propValue="form" :propIsPageSettings="true"></componentDiySearch>
</view>
</template>