7.10(优化

This commit is contained in:
Hong
2024-07-10 21:25:02 +08:00
parent e3f0d9c82f
commit 4f6d8bb20e
2 changed files with 19 additions and 14 deletions

View File

@@ -1,5 +1,5 @@
<template>
<z-paging :refresher-enabled="false" ref="paging" v-model="replyListAll" @query="queryList" :hide-empty-view="true"
<z-paging :refresher-enabled="false" ref="paging" v-model="replyListAll" @query="queryList" :hide-empty-view="true" :show-scrollbar="false"
:auto-scroll-to-top-when-reload="false">
<view slot="top">
<u-navbar safeAreaInsetTop placeholder>
@@ -35,8 +35,8 @@
<video v-if="detailObj.video" :src="detailObj.video" initial-time="1s" :poster="detailObj.cover"
class="video-box" :style="{width:detailObj.wide,height:detailObj.high}">
</video>
<view class="u-content" style="">
<u-parse :content="detailObj.content" :tagStyle="parseStyle"></u-parse>
<view class="u-content">
<u-parse style="width: 686rpx;" :content="detailObj.content" :tagStyle="parseStyle"></u-parse>
</view>
<view class="con_foot">
<text class="foot_l"> IP {{ detailObj.city || "未知" }} </text>
@@ -448,7 +448,7 @@
//回复类型
replyType: 2,
parseStyle: {
img: 'margin-bottom: 24rpx;'
img: 'width:680rpx;'
},
//评论框长度
textareaFlag: false,
@@ -999,16 +999,16 @@
}
.u-content {
width: 686rpx;
font-size: 32rpx;
line-height: 60rpx;
background: #ffffff;
padding-top: 24rpx;
}
.u-content img {
width: 686rpx;
max-width: 686rpx;
display: block;
margin: 0 auto;
/* max-width: 100%; */
height: auto;
margin-bottom: 24rpx;
}
.consult-title {
@@ -1535,6 +1535,7 @@
}
.content {
width: 750rpx;
padding: 18rpx 32rpx 48rpx;
}

View File

@@ -159,7 +159,7 @@
</view>
</view>
</view>
<!-- <view v-if="show" style="height: 1500rpx;"></view> -->
<!-- <view style="height: 1500rpx;"></view> -->
</view>
<view slot="bottom">
<tabbar-driver class="fixed-bottom" current="/pages/driver/showroom/index"></tabbar-driver>
@@ -251,16 +251,20 @@
methods: {
//监听
scrollFn(e) {
console.log(e.target.scrollTop);
console.log(this.scrollTop );
console.log( this.$u.sys().statusBarHeight );
if (e.target.scrollTop >= (this.scrollTop - this.$u.sys().statusBarHeight - 42)) {
console.log(uni.upx2px(e.target.scrollTop ));
// console.log('scrollTop',this.scrollTop );
// console.log('height',this.height );
// console.log( this.$u.sys().statusBarHeight );
// if (e.target.scrollTop >= (this.height - this.$u.sys().statusBarHeight - 42)) {
if (e.target.scrollTop >= (uni.upx2px(this.height)-this.$u.sys().statusBarHeight-uni.upx2px(98)) ) {
// console.log('true');
this.showNavImg = true
uni.setNavigationBarColor({
frontColor: '#000000',
backgroundColor: '#ffffff',
})
} else {
// console.log('false');
this.showNavImg = false
uni.setNavigationBarColor({
frontColor: '#ffffff',