<!-- pages/auth/login.vue（华为登录部分摘录） --><template>  <view class="login-page">    <!-- 页面头部 -->    <view class="login-page__header">      <text class="login-page__title">登录雷达鸭</text>      <text class="login-page__subtitle">发现优质小项目</text>    </view>    <!-- 登录方式选择 -->    <view class="login-page__methods">      <!-- 华为账号一键登录 - 鸿蒙App -->      <!-- #ifdef APP-HARMONY -->      <button        class="login-page__method login-page__method--huawei"        @click="HandleHuaweiLogin"      >        <view class="login-page__method-icon">🔷</view>        <text class="login-page__method-text">华为账号一键登录</text>      </button>      <!-- #endif -->      <!-- 其他登录方式：微信、账号密码、手机验证码... -->    </view>    <!-- 用户协议 - 合规要求：用户必须主动勾选同意 -->    <view class="login-page__agreement">      <view class="login-page__agreement-checkbox-wrapper" @click="ToggleAgreementCheckbox">        <view class="login-page__agreement-checkbox" :class="{ 'login-page__agreement-checkbox--checked': agreementChecked }">          <text v-if="agreementChecked" class="login-page__agreement-checkmark">✓</text>        </view>      </view>      <text class="login-page__agreement-text-new">        我已阅读并同意        <text class="login-page__agreement-link" @click.stop="ShowUserAgreement">《用户协议》</text>        和        <text class="login-page__agreement-link" @click.stop="ShowPrivacyPolicy">《隐私政策》</text>      </text>    </view>  </view></template><script setup lang="ts">import { ref } from 'vue'import { AuthManager } from '@/utils/auth-manager'import { getDeviceInfo } from '@/utils/device-manager'const agreementChecked = ref(false)const ToggleAgreementCheckbox = (): void => {  agreementChecked.value = !agreementChecked.value}// 华为账号一键登录 - 鸿蒙App// #ifdef APP-HARMONYconst HandleHuaweiLogin = async (): Promise<void> => {  const agreed = await CheckAgreementAndConfirm()  if (!agreed) return  try {    uni.showLoading({ title: '登录中...', mask: true })    uni.login({      provider: 'huawei',      success: async (loginRes: { errMsg?: string; code?: string }) => {        const { code } = loginRes        if (!code) {          uni.hideLoading()          uni.showToast({ title: '获取华为授权失败', icon: 'none' })          return        }        try {          const deviceInfo = getDeviceInfo()          const result = await uniCloud.callFunction({            name: 'user-service',            data: {              action: 'huawei-login',              data: {                code,                device_id: deviceInfo.deviceId,                device_type: deviceInfo.deviceType              }            }          })          uni.hideLoading()          if (result.result && result.result.code === 0) {            const success = await AuthManager.login(result.result)            if (success) {              uni.showToast({ title: '登录成功', icon: 'success', duration: 2000 })              uni.setStorageSync('login-success-timestamp', Date.now())              setTimeout(() => {                uni.{encodeURIComponent(code)}&client_id={encodeURIComponent(HUAWEI_APP_SECRET)}&redirect_uri={access_token}`        },        dataType: 'json',        timeout: 10000      })      const userInfoData = userInfoRes.data      nickname = userInfoData.displayName || ''      avatar = userInfoData.headPictureURL || ''    } catch (userInfoError) {      console.error('[huaweiLogin] 获取华为用户信息失败:', userInfoError.message || userInfoError)    }    // Step 4: 查询或创建用户    const userCollection = db.collection('users')    let user = await userCollection.where({ openid }).get()    if (user.data.length === 0) {      const userData = {        openid,        unionid: '',        nickname: nickname || generateProjectNickname(),        avatar: avatar || 'https://mp-11639816-19e7-45be-9d7d-5ede9af18c2c.cdn.bspapp.com/default-avatar.png',        gender: 0,        country: '中国',        province: '',        city: '',        phone: '',        account: '',        role: 'user',        create_time: Date.now(),        last_login: Date.now(),        status: 'active'      }      const result = await userCollection.add(userData)      user = await userCollection.doc(result.id).get()    } else {      const updateData = { last_login: Date.now() }      if (nickname && !user.data[0].nickname) {        updateData.nickname = nickname      }      if (avatar && !user.data[0].avatar) {        updateData.avatar = avatar      }      await userCollection.doc(user.data[0]._id).update(updateData)      user = await userCollection.doc(user.data[0]._id).get()    }    // Step 5: 设备登录检查（踢下线机制）    const userId = user.data[0]._id    const finalDeviceId = generateDeviceId(context, { device_id })    const finalDeviceType = getDeviceType(context, { device_type })    const deviceCheck = await checkAndRecordDevice(userId, finalDeviceId, finalDeviceType, user.data[0])    if (!deviceCheck.allowed) {      return createResponse(403, deviceCheck.message)    }    // Step 6: 生成安全token（SHA-256哈希，非明文）    const token = generateSecureToken(userId)    const tokenCollection = db.collection('user_tokens')    const now = Date.now()    await tokenCollection.add({      token,      user_id: userId,      device_id: finalDeviceId,      create_time: now,      last_access_time: now,      expire_time: now + TOKEN_EXPIRY    })    return createResponse(0, '登录成功', {      userInfo: user.data[0],      token,      expires_in: Math.floor(TOKEN_EXPIRY / 1000)    })  } catch (error) {    const errMsg = error.message || String(error)    console.error('[huaweiLogin] 登录服务异常:', errMsg)    return createResponse(50001, '登录服务异常: ' + errMsg.substring(0, 200))  }}

// utils/tracker.ts - 核心结构（简化展示，完整代码约660行）interface TrackData {  eventId: string  eventType: 'click' | 'exposure' | 'page_view' | 'page_exit' | 'custom'  pagePath: string  timestamp: number  userId?: string  sessionId: string  deviceInfo: DeviceInfo  extraData?: Record<string, any>}class Tracker {  private config: TrackerConfig  private cache: TrackData[] = []  private sessionId: string = ''  private userId: string = ''  private deviceInfo: DeviceInfo | null = null  private pageTrackMap: Map<string, PageTrackRecord> = new Map()  private reportTimer: number | null = null  private isReporting: boolean = false  constructor(config: Partial<TrackerConfig> = {}) {    this.config = { ...DEFAULT_CONFIG, ...config }    this.init()  }  private init() {    this.sessionId = this.generateSessionId()    this.initDeviceInfo()    this.initUserId()    this.startAutoReport()    this.listenAppLifecycle()  }  // 点击埋点  trackClick(elementId: string, extraData?: Record<string, any>) {    this.track({      eventId: elementId,      eventType: 'click',      extraData: { ...extraData, _trackType: 'click', _elementId: elementId }    })  }  // 曝光埋点  trackExposure(elementId: string, extraData?: Record<string, any>) {    this.track({      eventId: elementId,      eventType: 'exposure',      extraData    })  }  // 开始页面停留追踪  startPageTrack(pageName: string, extraData?: Record<string, any>) {    this.endAllPageTrack()    this.pageTrackMap.set(pageName, { pageName, startTime: Date.now(), extraData })    this.track({ eventId: pageName, eventType: 'page_view', extraData })  }  // 结束页面停留追踪（计算停留时长）  endPageTrack(pageName: string) {    const record = this.pageTrackMap.get(pageName)    if (!record) return    const duration = Date.now() - record.startTime    this.track({      eventId: pageName,      eventType: 'page_exit',      extraData: { ...record.extraData, duration, durationSeconds: Math.round(duration / 1000) }    })    this.pageTrackMap.delete(pageName)  }  // 批量上报  async flush() {    if (this.cache.length === 0 || this.isReporting) return    this.isReporting = true    const dataToReport = [...this.cache]    this.cache = []    try {      await this.report(dataToReport)    } catch (error) {      this.cache = [...dataToReport, ...this.cache].slice(0, this.config.maxCacheSize)    } finally {      this.isReporting = false    }  }  private track(partialData: Partial<TrackData>) {    const pages = getCurrentPages()    const currentPage = pages[pages.length - 1]    const pagePath = currentPage ? currentPage.route : 'unknown'    const trackData: TrackData = {      eventId: partialData.eventId || '',      eventType: partialData.eventType || 'custom',      pagePath,      timestamp: Date.now(),      userId: this.userId,      sessionId: this.sessionId,      deviceInfo: this.deviceInfo!,      extraData: partialData.extraData    }    this.cache.push(trackData)    if (this.cache.length >= this.config.maxCacheSize) {      this.flush()    }  }  // 上报：优先云对象，降级直接写数据库  private async report(data: TrackData[]) {    try {      const trackerService = uniCloud.importObject('tracker-service')      await trackerService.reportEvents({ events: data })    } catch (error) {      try {        const db = uniCloud.database()        await db.collection('tracker_logs').add(data.map(item => ({          ...item,          create_time: Date.now()        })))      } catch (dbError) {        // 静默处理，避免影响业务      }    }  }  // 监听应用生命周期  private listenAppLifecycle() {    uni.onAppHide(() => {      this.endAllPageTrack()      this.flush()    })  }}// 懒初始化单例（Proxy代理，避免模块加载时干扰生命周期）let _tracker: Tracker | null = nullfunction getTracker(): Tracker {  if (!_tracker) {    // #ifdef APP-HARMONY    _tracker = new Tracker({ debug: false })    // #endif  }  return _tracker}const tracker = new Proxy({} as Tracker, {  get(_target, prop: string) {    const instance = getTracker()    const value = (instance as Record<string, unknown>)[prop]    if (typeof value === 'function') {      return (value as Function).bind(instance)    }    return value  }})export default tracker

// 在App.vue中全局注册import tracker from '@/utils/tracker'export default {  onLaunch() {    tracker.trackClick('app_launch')  },  onHide() {    tracker.flush()  }}

// 在具体页面中使用import { onShow, onHide } from '@dcloudio/uni-app'import tracker from '@/utils/tracker'onShow(() => {  tracker.startPageTrack('detail', { opc_id: opcData.value._id })})onHide(() => {  tracker.endPageTrack('detail')})

// uniCloud/tracker-service/index.obj.jsconst db = uniCloud.database()module.exports = {  async reportEvents(params = {}) {    const { events = [] } = params    if (!Array.isArray(events) || events.length === 0) {      return { errCode: 40001, errMsg: 'events 不能为空' }    }    try {      const docs = events.map(event => ({        ...event,        create_time: Date.now(),        report_time: Date.now()      }))      // 分批插入（每批100条）      const batchSize = 100      const results = []      for (let i = 0; i < docs.length; i += batchSize) {        const batch = docs.slice(i, i + batchSize)        const result = await db.collection('tracker_logs').add(batch)        results.push(result)      }      return {        errCode: 0,        errMsg: 'success',        data: {          inserted: docs.length,          batchCount: results.length        }      }    } catch (error) {      return { errCode: 50001, errMsg: `上报失败: ${error.message}` }    }  },  // 还有 getStats、getUserPath、getPageDurationStats 等统计方法  // 完整代码约500行，这里只展示核心上报方法}

// utils/system-info.ts - 核心导出export interface SystemInfoCompat {  platform: string  brand: string  model: string  system: string  pixelRatio: number  screenWidth: number  screenHeight: number  windowWidth: number  windowHeight: number  statusBarHeight: number  safeArea: SafeArea  safeAreaInsets?: {    bottom: number    top: number    left: number    right: number  }}export function getSystemInfoSync(): SystemInfoCompat {  const info = getSystemInfoSyncCompat()  const rawPlatform = info.platform || ''  // 鸿蒙适配：统一标准化平台标识  if (rawPlatform === 'ohos' || rawPlatform === 'harmonyos' || rawPlatform === 'OpenHarmony' || rawPlatform === 'harmony') {    info.platform = 'harmonyos'  }  return info}export function getPlatform(): string { /* ... */ }export function isHarmonyOS(): boolean { return getPlatform() === 'harmonyos' }

import { getSystemInfoSync, isHarmonyOS } from '@/utils/system-info'const sysInfo = getSystemInfoSync()const statusBarHeight = sysInfo.statusBarHeight || 0const safeAreaTop = sysInfo.safeArea?.top || statusBarHeightconst safeAreaBottom = sysInfo.screenHeight - (sysInfo.safeArea?.bottom || sysInfo.screenHeight)

// utils/system-info.ts 中获取导航栏高度import { computed } from 'vue'import { getSystemInfoSync } from '@/utils/system-info'export function useNavBarHeight() {  const sysInfo = getSystemInfoSync()  return computed(() => (sysInfo.statusBarHeight || 0) + 44)}

<!-- components/lazy-image.vue --><template>  <view class="lazy-image" :style="{ width: width, height: height }">    <view v-if="!IsLoaded" class="lazy-image__placeholder" :style="{ backgroundColor: placeholderColor }">      <image v-if="placeholder" class="lazy-image__placeholder-img" :src="placeholder" mode="aspectFill" />      <view v-else class="lazy-image__skeleton"></view>    </view>    <image      v-if="ShouldLoad"      class="lazy-image__image"      :class="{ 'lazy-image__image--loaded': IsLoaded }"      :src="src"      :mode="mode"      @load="onImageLoad"      @error="onImageError"    />  </view></template><script setup lang="ts">import { ref, onMounted, onUnmounted } from 'vue'interface IProps {  src: string  placeholder?: string  placeholderColor?: string  mode?: string  width?: string  height?: string  threshold?: number}const props = withDefaults(defineProps<IProps>(), {  placeholder: '',  placeholderColor: '#F5F2ED',  mode: 'aspectFill',  width: '100%',  height: '100%',  threshold: 100})const emit = defineEmits<{  load: []  error: []}>()const ShouldLoad = ref(false)const IsLoaded = ref(false)let observer: UniApp.IntersectionObserver | null = nullonMounted(() => {  observer = uni.createIntersectionObserver({    thresholds: [0]  })  observer.relativeToViewport({ bottom: props.threshold }).observe('.lazy-image', (res) => {    if (res.intersectionRatio > 0) {      ShouldLoad.value = true      observer?.disconnect()    }  })})onUnmounted(() => {  if (observer) {    observer.disconnect()  }})const onImageLoad = () => {  IsLoaded.value = true  emit('load')}const onImageError = () => {  emit('error')}</script>