style: scroll points details card only

This commit is contained in:
hajimi
2026-08-03 03:02:36 +08:00
parent 811e6ee37b
commit af407c4dd5
@@ -6,7 +6,7 @@
<view class="points-center__rules" @tap="openRules">积分规则</view>
</view>
<scroll-view scroll-y class="points-center__scroll">
<view class="points-center__scroll">
<view class="points-card">
<view class="points-card__rings points-card__rings--one" />
<view class="points-card__rings points-card__rings--two" />
@@ -38,7 +38,7 @@
</view>
</view>
<view class="detail-card">
<scroll-view scroll-y class="detail-card">
<view v-if="loading" class="detail-state">正在加载明细</view>
<view v-else-if="!recentLogs.length" class="detail-state">暂无积分明细</view>
<view v-else v-for="(item, index) in recentLogs" :key="item.id || `${item.create_time}-${index}`" class="detail-item">
@@ -52,7 +52,7 @@
<text class="detail-item__status">{{ isIncome(item) ? '已到账' : '已完成' }}</text>
</view>
</view>
</view>
</scroll-view>
<view class="points-tip">
<text class="points-tip__icon"></text>
@@ -61,7 +61,7 @@
<view class="points-center__bottom-button" @tap="openDetails">查看全部明细</view>
<view class="points-center__safe-area" />
</scroll-view>
</view>
</view>
</template>
@@ -173,6 +173,7 @@ $line: #e8ebef;
&__scroll {
height: calc(100vh - 96rpx);
padding-bottom: 124rpx;
overflow: hidden;
box-sizing: border-box;
}
@@ -369,11 +370,13 @@ $line: #e8ebef;
}
.detail-card {
height: 420rpx;
margin: 0 36rpx;
padding: 0 30rpx;
overflow: hidden;
border: 1rpx solid $line;
border-radius: 22rpx;
box-sizing: border-box;
}
.detail-item {