haha/sbnews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: group points tip and action footer

Browse Source
This commit is contained in:
hajimi
2026-08-03 03:16:18 +08:00
parent 5c7081afc7
commit dfcdd88fe8
1 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
uniapp/src/packages/pages/points_center/points_center.vue
+14 -8
View File
@@ -54,11 +54,12 @@
</view> </view>
</scroll-view> </scroll-view>
</view>
<view class="points-center__footer">
<view class="points-tip"> <view class="points-tip">
<text class="points-tip__icon">ⓘ</text> <text class="points-tip__icon">ⓘ</text>
<text>积分不可用于提现，奖励以规则及审核结果为准</text> <text>积分不可用于提现，奖励以规则及审核结果为准</text>
</view> </view>
<view class="points-center__bottom-button" @tap="openDetails">查看全部明细</view> <view class="points-center__bottom-button" @tap="openDetails">查看全部明细</view>
<view class="points-center__safe-area" /> <view class="points-center__safe-area" />
</view> </view>
@@ -178,17 +179,23 @@ $line: #e8ebef;
min-height: 0; min-height: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding-bottom: 20rpx; padding-bottom: 220rpx;
overflow: hidden; overflow: hidden;
box-sizing: border-box; box-sizing: border-box;
} }
&__bottom-button { &__footer {
position: fixed; position: fixed;
left: 28rpx; left: 0;
right: 28rpx; right: 0;
bottom: calc(20rpx + env(safe-area-inset-bottom)); bottom: 0;
z-index: 20; z-index: 20;
padding: 12rpx 0 calc(12rpx + env(safe-area-inset-bottom));
background: #fff;
}
&__bottom-button {
margin: 12rpx 28rpx 0;
height: 80rpx; height: 80rpx;
display: flex; display: flex;
align-items: center; align-items: center;
@@ -472,8 +479,7 @@ $line: #e8ebef;
} }
.points-tip { .points-tip {
margin: 20rpx 28rpx 0; margin: 0 28rpx;
flex-shrink: 0;
min-height: 60rpx; min-height: 60rpx;
padding: 0 20rpx; padding: 0 20rpx;
display: flex; display: flex;