73 lines
1.2 KiB
Vue
73 lines
1.2 KiB
Vue
|
<script setup>
|
||
|
|
// 我的账单
|
||
|
|
import {
|
||
|
|
onMounted,
|
||
|
|
computed,
|
||
|
|
reactive,
|
||
|
|
ref,
|
||
|
|
getCurrentInstance,
|
||
|
|
} from 'vue'
|
||
|
|
import {
|
||
|
|
onLoad,
|
||
|
|
onReady,
|
||
|
|
onReachBottom,
|
||
|
|
onPullDownRefresh
|
||
|
|
} from '@dcloudio/uni-app'
|
||
|
|
|
||
|
|
onLoad(() => {
|
||
|
|
//
|
||
|
|
})
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<view class="app">
|
||
|
|
<view class="listBox mtb30 mlr30">
|
||
|
|
|
||
|
|
<view class="list oh mtb30 plr30 bfff br20" v-for="(item,index) in 3" :key="index">
|
||
|
|
<view class="line tac">
|
||
|
|
<view class="title mtb30">使用积分支付</view>
|
||
|
|
<view class="price mtb30 c111">
|
||
|
|
<text class="unit">￥</text>
|
||
|
|
<text class="numer b">1000</text>
|
||
|
|
</view>
|
||
|
|
<view class="time mtb30 c999 f28">2024.12.07 17:00</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="line rows">
|
||
|
|
<view class="key">查看详情</view>
|
||
|
|
<uni-icons type="right" />
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
</view>
|
||
|
|
|
||
|
|
<view class="fill"></view>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<style lang="scss" scoped>
|
||
|
|
// 列表盒子
|
||
|
|
.listBox {
|
||
|
|
|
||
|
|
// 列表
|
||
|
|
.list {
|
||
|
|
.line {
|
||
|
|
padding: 20rpx 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
.line+.line {
|
||
|
|
border-top: 2rpx solid #ddd;
|
||
|
|
}
|
||
|
|
|
||
|
|
//
|
||
|
|
.price {
|
||
|
|
.unit {
|
||
|
|
font-size: 40rpx;
|
||
|
|
}
|
||
|
|
|
||
|
|
.numer {
|
||
|
|
font-size: 60rpx;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</style>
|