优化scroll-view

This commit is contained in:
2025-03-11 19:42:27 +08:00
parent 259cde75bb
commit 5805f87e94
9 changed files with 14 additions and 9 deletions

View File

@ -386,6 +386,10 @@ list-view{
display: block; display: block;
} }
scroll-view .scroll-view-top-margin{
height:1rpx;
}
.weui-loading{ .weui-loading{

BIN
assets/icon/help/edit.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 811 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

View File

@ -1,9 +1,10 @@
<scroll-view scroll-y refresher-enabled bindrefresherrefresh="refreshList" <scroll-view scroll-y refresher-enabled bindrefresherrefresh="refreshList"
refresher-triggered="{{refresherTriggered}}" style="{{heightStyle}}" enhanced refresher-triggered="{{refresherTriggered}}" style="{{heightStyle}}" enhanced
bindscroll="scrolling" class="scroll-view" id="scrollView" show-scrollbar="{{false}}"> bindscroll="scrolling" class="scroll-view" id="scrollView" show-scrollbar="{{false}}">
<view class="scroll-view-content"> <view class="scroll-view-top-margin"></view>
<!-- <view class="scroll-view-content"> -->
<slot/> <slot/>
</view> <!-- </view> -->
<view class="load-more" wx:if="{{showLoadMore}}"> <view class="load-more" wx:if="{{showLoadMore}}">
<label class="text" wx:if="{{loadAll}}">{{loadMoreText}}</label> <label class="text" wx:if="{{loadAll}}">{{loadMoreText}}</label>
<label class="text" wx:else>加载中...</label> <label class="text" wx:else>加载中...</label>

View File

@ -6,7 +6,7 @@
<view class="title">{{item.community_name}} {{item.community_building_name}} {{item.address_detail}}</view> <view class="title">{{item.community_name}} {{item.community_building_name}} {{item.address_detail}}</view>
<view class="sub-title">{{item.name}} {{genderKV[item.gender]}} {{item.phone}}</view> <view class="sub-title">{{item.name}} {{genderKV[item.gender]}} {{item.phone}}</view>
</view> </view>
<image class="icon" src="/assets/icon/help/edit@2x.png" <image class="icon" src="/assets/icon/help/edit.png"
capture-catch:tap="goToAddressEditor" data-item="{{item}}"/> capture-catch:tap="goToAddressEditor" data-item="{{item}}"/>
</view> </view>
</block> </block>

View File

@ -1,12 +1,12 @@
<view class="custom-scroll-view"> <view class="custom-scroll-view">
<scroll-view class="main" scroll-y scroll-with-animation scroll-into-view="{{scrollToViewId}}" enhanced show-scrollbar="{{false}}"> <scroll-view class="main" scroll-y scroll-with-animation scroll-into-view="{{scrollToViewId}}" enhanced show-scrollbar="{{false}}">
<view class="scroll-view-top-margin"></view>
<view class="page-container ai-img-area" hover-class="hover" bind:tap="chooseImage"> <view class="page-container ai-img-area" hover-class="hover" bind:tap="chooseImage">
<view class="title"> <view class="title">
<image src="/assets/icon/help/ai.png" class="icon"/> <image src="/assets/icon/help/ai.png" class="icon"/>
<view>上传图片</view> <view>上传图片</view>
</view> </view>
<view class="sub-title">上传含有驿站,取件码信息的截图</view> <view class="sub-title">上传含有驿站,取件码信息的截图</view>
<view class="loading" wx:if="{{imgUploading||recogniting}}"> <view class="loading" wx:if="{{imgUploading||recogniting}}">
<view class="weui-loading"></view> <view class="weui-loading"></view>
<view class="sub-title"> <view class="sub-title">
@ -28,7 +28,7 @@
<image class="icon" src="/assets/icon/help/house.png" wx:else/> <image class="icon" src="/assets/icon/help/house.png" wx:else/>
<view class="name">{{item.name}}</view> <view class="name">{{item.name}}</view>
<image data-index="{{index}}" bind:tap="showStationName" class="edit" <image data-index="{{index}}" bind:tap="showStationName" class="edit"
src="/assets/icon/help/edit@2x.png" wx:if="{{item.imgUrl}}"/> src="/assets/icon/help/edit.png" wx:if="{{item.imgUrl}}"/>
<view class="right"> <view class="right">
<image class="view-image" src="/assets/icon/help/images.png" <image class="view-image" src="/assets/icon/help/images.png"
data-url="{{item.imgUrl}}" bind:tap="viewImage"/> data-url="{{item.imgUrl}}" bind:tap="viewImage"/>

View File

@ -25,7 +25,6 @@
font-size: 22rpx; font-size: 22rpx;
padding:0 16rpx; padding:0 16rpx;
} }
.money-list .scroll-view-content{padding-top:20rpx;}
.money-list .item{ .money-list .item{
display: flex; display: flex;
margin:20rpx; margin:20rpx;

View File

@ -48,7 +48,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 24rpx; gap: 24rpx;
color: #222222; color: #555;
} }
.order-list .content .spliter{ .order-list .content .spliter{
margin:24rpx 0 30rpx 0; margin:24rpx 0 30rpx 0;

View File

@ -1,6 +1,7 @@
<view class="custom-scroll-view"> <view class="custom-scroll-view">
<scroll-view class="main" bindrefresherrefresh="getDetail" refresher-enabled <scroll-view class="main" bindrefresherrefresh="getDetail" refresher-enabled
refresher-triggered="{{refresherTriggered}}"> refresher-triggered="{{refresherTriggered}}" scroll-y>
<view class="scroll-view-top-margin"></view>
<view class="page-container right-arrow order-info"> <view class="page-container right-arrow order-info">
<view> <view>
<label>订单编号</label> <label>订单编号</label>