用户行为分享基础埋点

peng

2 天以前 d50a3ed44e2edab2a7a661c43491c3aa42c57794

 pages/mine/activity/reportActivity.vue

@@ -1,8 +1,12 @@
<template>
   <view class="wrapper">
      <top-bar selectedTitleIndex="activity" textColor="black" @changeTab="topBarChange" class="topBar"></top-bar>

      <view style="height: 50rpx;margin-top: 50px"></view>
		
      <view style="height: 50rpx;margin-top: 150rpx"></view>
      <u-empty v-if="mockData.length === 0 && !loading" style="margin-top: 130rpx;"
               mode="data" 
               icon="http://cdn.uviewui.com/uview/empty/data.png">
      </u-empty>
      <!-- 内容区域 -->
      <scroll-view scroll-y class="scroll-view-container" style="height: 40vh;" @scrolltolower="loadMore" :lower-threshold="100">
         <view class="waterfall">
@@ -26,10 +30,8 @@
               </view>
            </view>
         </view>
         <view class="empty-state" v-if="mockData.length === 0 && !loading">
                 <text>暂无内容，下拉刷新试试</text>
             </view>
         <!--    <view style="height: 150rpx;"></view> -->
			
	
         <!-- 改进的加载更多提示 -->
         <view class="load-more">
            <u-loadmore v-if="mockData.length > 0" :status="loading ? 'loading' : noMore ? 'nomore' : 'loadmore'"
@@ -53,6 +55,7 @@
   import TopBar from "@/components/TopBar.vue";
   import '@/components/uview-components/uview-ui';
   import {getActivityReportList} from '@/api/activity.js';
   import { getSessionId, userAction } from "@/api/userAction.js";
   export default {
      components: {TopBar},
      data() {
@@ -73,10 +76,44 @@
            },
            loading: false, // 是否正在加载
            noMore: false, // 是否没有更多数据
            total: 0 // 总数据量
            total: 0 ,// 总数据量
              pageSessionNo:"",
              actionParam:{
                  sessionId:'',
                  actionType:"PAGE",
                  joinType:"SELF",
                  pageCode:"ACTIVITY_LIST",
                  pageParams:"{}",
                  pageStatus:"JOIN",
                  pageType:"LIST"
               }
         };
      },
      onLoad() {
    onUnload() {
      let   param = this.actionParam;
      if (this.sendOnShow)return
      param.pageStatus = "LEAVE"
      userAction(param)
    },
    onHide() {
      this.startHidenTime = Date.now()
      let   param = this.actionParam;
      this.sendOnShow = true;
      param.pageStatus = "LEAVE"
      userAction(param)
    },
      onShow() {
        getSessionId().then(res=>{
         this.pageSessionNo = res.data.data
         if(this.pageSessionNo){
         let   param = this.actionParam;
            param.sessionId = this.pageSessionNo
            userAction(param)
         }
        })
      },
      onLoad(options) {
         this.actionParam.pageParams = JSON.stringify(options)
         this.getActivityList();
      },
      methods: {
@@ -218,20 +255,8 @@
</script>

<style lang="scss">
   /* 空状态样式 */
   .empty-state {
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       height: 50vh;
       text-align: center;
       color: #999;
       text {
           font-size: 28rpx;
       }
   }
   /* 新增加载更多样式 */

   /*新增加载更多样式 */
   .load-more {
      padding: 20rpx 0;
      text-align: center;
@@ -367,26 +392,6 @@
      }
   }

   /* 空状态样式 */
   .empty-state {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 60vh;
      text-align: center;

      image {
         width: 240rpx;
         opacity: 0.6;
         margin-bottom: 30rpx;
      }

      text {
         color: #c0c4cc;
         font-size: 28rpx;
      }
   }
   
   .topBar {
      position: fixed;