| | |
| | | <view class="points"> |
| | | <view class="head" :style="{ backgroundImage: 'url(' + backImage + ')', height: 'calc(' + (navHeight + statusbarHeight + 'px + 376rpx)') }"> |
| | | <view :style="{ width: '100%', height: navHeight + statusbarHeight + 'px' }"></view> |
| | | <view class="head-bar" :style="{ height: navHeight + statusbarHeight + 'px' }"> |
| | | <view class="head-bar" :style="{ height: navHeight + statusbarHeight + 'px', backgroundColor: `rgba(255,255,255,${options})` }"> |
| | | <view :style="{ width: '100%', height: statusbarHeight + 'px' }"></view> |
| | | <view class="head-bar-nav" :style="{ height: navHeight + 'px' }"> |
| | | <image src="/static/icon/nav_ic_bac@2x.png" mode="widthFix" @click="fanhui"></image> |
| | |
| | | <view :class="row.id === type ? 'list-title-cate-row active' : 'list-title-cate-row'" v-for="(row, index) in cate" :key="index" @click="sele(row.id)">{{row.name}}</view> |
| | | </view> |
| | | </view> |
| | | <view class="list-item" v-for="(item, index) in list" :key="item.id"> |
| | | <view class="list-item-left"> |
| | | <text>{{item.content}}</text> |
| | | <text>{{item.createDate}}</text> |
| | | <template v-if="list.length > 0"> |
| | | <view class="list-item" v-for="(item, index) in list" :key="item.id"> |
| | | <view class="list-item-left"> |
| | | <text>{{item.content}}</text> |
| | | <text>{{item.createDate}}</text> |
| | | </view> |
| | | <view class="list-item-num" v-if="item.type == 0">+{{item.num}}</view> |
| | | <view class="list-item-num" v-else-if="item.type == 1">-{{item.num}}</view> |
| | | </view> |
| | | <view class="list-item-num" v-if="item.type == 0">+{{item.num}}</view> |
| | | <view class="list-item-num" v-else-if="item.type == 1">-{{item.num}}</view> |
| | | </view> |
| | | </template> |
| | | <template v-else> |
| | | <view class="wushuju"> |
| | | <image src="/static/images/default_nodata_white.png" mode="widthFix"></image> |
| | | </view> |
| | | </template> |
| | | </view> |
| | | </view> |
| | | </view> |
| | |
| | | { name: '收入', id: '0' }, |
| | | { name: '支出', id: '1' } |
| | | ], |
| | | options: 0, |
| | | backImage: 'https://doumeetest.oss-cn-beijing.aliyuncs.com/activity/20260227/ce9df604-80a3-4848-b023-908c80bfbcc7.png' |
| | | }; |
| | | }, |
| | |
| | | }, |
| | | onReachBottom() { |
| | | this.getList() |
| | | }, |
| | | onPageScroll(e) { |
| | | this.options = e.scrollTop / 150 |
| | | // console.log('页面滚动距离:', e.scrollTop / 150); |
| | | }, |
| | | methods: { |
| | | fanhui() { |
| | |
| | | } |
| | | } |
| | | } |
| | | .wushuju { |
| | | width: 100%; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | margin-top: 200rpx; |
| | | image { |
| | | width: 320rpx; |
| | | height: 320rpx; |
| | | } |
| | | } |
| | | .list-item { |
| | | width: 100%; |
| | | height: 154rpx; |