|
|
@@ -57,7 +57,7 @@
|
|
|
>
|
|
|
</view>
|
|
|
</view>
|
|
|
- <view class="list pl-30 pr-30">
|
|
|
+ <view class="list pl-40 pr-40">
|
|
|
<view
|
|
|
class="item flex-align-center pressable"
|
|
|
hover-class="pressed"
|
|
|
@@ -66,6 +66,7 @@
|
|
|
:key="index"
|
|
|
@click="detail(index)"
|
|
|
>
|
|
|
+ <view class="item-dot" :style="{ backgroundColor: dotColor(item) }"></view>
|
|
|
<view>
|
|
|
<view class="fs-30 fw-500">{{
|
|
|
typeMap[item.type - 1]
|
|
|
@@ -161,6 +162,13 @@ const refundStatusMap = ref([
|
|
|
])
|
|
|
|
|
|
const typeMap = ref(["充值", "退款", "消费"]);
|
|
|
+
|
|
|
+/** 类型色点:充值青绿、消费灰、退款橙 */
|
|
|
+const dotColor = (item: any) => {
|
|
|
+ if (item.type === 1) return "var(--color-primary)";
|
|
|
+ if (item.type === 2) return "var(--color-warning)";
|
|
|
+ return "#9daaa8";
|
|
|
+};
|
|
|
/*const infiniteScroller = useInfiniteScroll(10, (page) => {
|
|
|
return fetchWallet(tab.value, page, 10).then((res: any) => {
|
|
|
if (res && res.length) {
|
|
|
@@ -371,6 +379,14 @@ const detail = (index: number) => {
|
|
|
}
|
|
|
}
|
|
|
|
|
|
+ .item-dot {
|
|
|
+ width: 14rpx;
|
|
|
+ height: 14rpx;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 18rpx;
|
|
|
+ flex-shrink: 0;
|
|
|
+ }
|
|
|
+
|
|
|
.list-right {
|
|
|
margin-left: auto;
|
|
|
}
|