You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
106 lines
1.7 KiB
106 lines
1.7 KiB
<template> |
|
<view class="container"> |
|
<Head @backto="backto" title="零钱明细"></Head> |
|
<view class="xieyicontent"> |
|
|
|
<view class="item" v-for="item in list.data" :key="item"> |
|
<view class="head"> |
|
<view class="discribe"> |
|
{{item.describe}} |
|
</view> |
|
<view class="price"> |
|
{{item.amount}} |
|
</view> |
|
</view> |
|
<view class="time"> |
|
{{item.create_time}} |
|
</view> |
|
</view> |
|
|
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
import { |
|
ref, |
|
reactive |
|
} from 'vue'; |
|
import Head from "../../components/head.vue"; |
|
import { |
|
onLoad |
|
} from "@dcloudio/uni-app"; |
|
import { |
|
userbalancerecord |
|
} from "../../api/api.js" |
|
export default { |
|
components: { |
|
Head |
|
}, |
|
setup() { |
|
let list=reactive({data:[]}) |
|
function backto() { |
|
uni.navigateTo({ |
|
url:"../price/price" |
|
}) |
|
} |
|
onLoad(() => { |
|
userbalancerecord({}).then((res) => { |
|
console.log(res); |
|
list.data=res.data |
|
|
|
}) |
|
}) |
|
return { |
|
backto, |
|
list |
|
} |
|
} |
|
} |
|
</script> |
|
|
|
<style lang="scss" scoped> |
|
.container { |
|
display: flex; |
|
width: 750rpx; |
|
|
|
.xieyicontent { |
|
padding-top: 120rpx; |
|
width: 700rpx; |
|
margin: 0rpx auto; |
|
|
|
.item { |
|
width: 700rpx; |
|
border-bottom: 2rpx solid #373737; |
|
padding-bottom: 28rpx; |
|
margin-top: 28rpx; |
|
|
|
.head { |
|
width: 700rpx; |
|
display: flex; |
|
justify-content: space-between; |
|
|
|
.discribe { |
|
font-size: 32rpx; |
|
font-weight: 500; |
|
color: #FFFFFF; |
|
} |
|
|
|
.price { |
|
font-size: 32rpx; |
|
font-weight: 500; |
|
color: #FFFFFF; |
|
} |
|
} |
|
|
|
.time { |
|
font-size: 24rpx; |
|
font-weight: 500; |
|
color: #8D8C9F; |
|
margin-top: 20rpx; |
|
} |
|
|
|
} |
|
} |
|
} |
|
</style>
|
|
|