MrShi
5 天以前 47d56a8b0f22fb15a46b69dfd46fac23560ad2cd
mini-program/pages/my-points/my-points.vue
@@ -2,7 +2,7 @@
   <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>
@@ -26,14 +26,21 @@
                  <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>
@@ -57,6 +64,7 @@
               { name: '收入', id: '0' },
               { name: '支出', id: '1' }
            ],
            options: 0,
            backImage: 'https://doumeetest.oss-cn-beijing.aliyuncs.com/activity/20260227/ce9df604-80a3-4848-b023-908c80bfbcc7.png'
         };
      },
@@ -69,6 +77,10 @@
      },
      onReachBottom() {
         this.getList()
      },
      onPageScroll(e) {
         this.options = e.scrollTop / 150
          // console.log('页面滚动距离:', e.scrollTop / 150);
      },
      methods: {
         fanhui() {
@@ -174,6 +186,17 @@
                  }
               }
            }
            .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;