80 lines
1.5 KiB
Vue
80 lines
1.5 KiB
Vue
<script setup>
|
||
import {
|
||
onMounted,
|
||
ref,
|
||
reactive,
|
||
computed,
|
||
getCurrentInstance,
|
||
watch,
|
||
defineExpose,
|
||
} from 'vue';
|
||
import {
|
||
useStore,
|
||
} from 'vuex'
|
||
import {
|
||
onLoad
|
||
} from '@dcloudio/uni-app'
|
||
import durianlApi from '@/api/durian.js';
|
||
const treeData = ref([])
|
||
const store = useStore()
|
||
const userinfo = computed(() => {
|
||
let result = store.state.userinfo
|
||
return result
|
||
})
|
||
|
||
onLoad(() => {
|
||
buyDurianList()
|
||
})
|
||
|
||
// 我的榴莲果树
|
||
function buyDurianList() {
|
||
durianlApi.buyDurianList({
|
||
query: {
|
||
userId: userinfo.value.userId,
|
||
}
|
||
}).then(rs => {
|
||
console.log(rs)
|
||
treeData.value = rs.data
|
||
})
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<view class="appbw">
|
||
<!-- -->
|
||
<view class="list mlr40">
|
||
<view class="item rows mtb25 br15" v-for="(item,index) in treeData" :key="index">
|
||
<image class="wh180" src="/static/tree.png" mode="aspectFit" />
|
||
<view class="col f1 ml30 c333 f26">
|
||
<view class="txt">每日可释放：{{item.release}}</view>
|
||
<view class="txt mtb5">当前可释放：{{item.released}}</view>
|
||
<view class="txt">当前级别：{{item.level}}</view>
|
||
</view>
|
||
</view>
|
||
</view>
|
||
|
||
<!-- 填充 -->
|
||
<view class="fill" style="height: 60rpx;"></view>
|
||
</view>
|
||
</template>
|
||
|
||
<style lang="scss">
|
||
//
|
||
.list {
|
||
.item {
|
||
background-color: #F4F4F4;
|
||
}
|
||
|
||
.item+.item:nth-child(3n+1) {
|
||
background-color: #F4CAFF;
|
||
}
|
||
|
||
.item+.item:nth-child(3n+2) {
|
||
background-color: #E4FBFF;
|
||
}
|
||
|
||
.item+.item:nth-child(3n+3) {
|
||
background-color: #CACDFF;
|
||
}
|
||
}
|
||
</style> |