style: scroll points details card only
This commit is contained in:
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user