add：分享功能

cloudroam

2025-08-12 8dd9360a0e4cfd22ea9e261bec3821eff3f57fe8

 sub-pages/community/index.vue

@@ -1,30 +1,30 @@
<template>
  <view :class="['app', theme]">
    <up-sticky bgColor="#ffffff">
      <view class="header">
        <up-icon name="list" size="40rpx" color="#333333" @click="onSettingClick" />
        <view>
          <!-- <up-tabs :list="list1"> -->
          <up-tabs v-model:current="parentTabIndex" :list="userTabList" @click="onChangeTab">
            <!-- <template #left>
            <up-icon name="list" size="40rpx" color="#333333" />
          </template> -->
            <!-- <template #right>
            <up-icon name="search" size="48rpx" color="#333333" />
          </template> -->
          </up-tabs>
        </view>
        <up-icon name="search" size="48rpx" color="#333333" @click="toSearchPage()" />
      </view>
    </up-sticky>
<!--    <up-sticky bgColor="#ffffff">-->
<!--      <view class="header">-->
<!--&lt;!&ndash;        <up-icon name="list" size="40rpx" color="#333333" @click="onSettingClick" />&ndash;&gt;-->
<!--        <view>-->
<!--          &lt;!&ndash; <up-tabs :list="list1"> &ndash;&gt;-->
<!--          <up-tabs v-model:current="parentTabIndex" :list="userTabList" @click="onChangeTab">-->
<!--            &lt;!&ndash; <template #left>-->
<!--            <up-icon name="list" size="40rpx" color="#333333" />-->
<!--          </template> &ndash;&gt;-->
<!--            &lt;!&ndash; <template #right>-->
<!--            <up-icon name="search" size="48rpx" color="#333333" />-->
<!--          </template> &ndash;&gt;-->
<!--          </up-tabs>-->
<!--        </view>-->
<!--&lt;!&ndash;        <up-icon name="search" size="48rpx" color="#333333" @click="toSearchPage()" />&ndash;&gt;-->
<!--      </view>-->
<!--    </up-sticky>-->

    <view style="margin: 10px 10px 10px 10px; ">
      <up-tabs :list="tabList" :itemStyle="{ padding: '0 16rpx', textAlign: 'center', flex: '1' }">
        <template #right>
          <up-icon name="arrow-down" size="15" color="#333333" />
        </template>
      </up-tabs>
    </view>
<!--    <view style="margin: 10px 10px 10px 10px; ">-->
<!--      <up-tabs :list="tabList" :itemStyle="{ padding: '0 16rpx', textAlign: 'center', flex: '1' }">-->
<!--        <template #right>-->
<!--          <up-icon name="arrow-down" size="15" color="#333333" />-->
<!--        </template>-->
<!--      </up-tabs>-->
<!--    </view>-->
    <view class="content-area">
      <up-waterfall v-model="films">
        <template #left="{ leftList }">
@@ -129,10 +129,10 @@

  filmStatus.value = 'loading'

  // TODO 暂时使用光影社区的类别
  // TODO 暂时使用光影的类别
  const query: FilmWorksQueryDTO = {
    classify: '',
    type: '',
    classify: FilmWorksCategory.COMMUNITY,
    status: 'published',
    current: filmPage.value,
    size: filmSize,
  };
@@ -156,6 +156,26 @@
  }
}

defineExpose({
  onShareAppMessage() {
    return {
      title: '影视地标推荐',
      path: '/pages/home/home',
      imageUrl: '', // 可以设置默认分享图片
      desc: '发现全球影视拍摄地，探索电影背后的故事'
    }
  },
  // 分享到朋友圈
  onShareTimeline() {
    return {
      title: '影视地标推荐',
      query: '',
      imageUrl: '', // 可以设置默认分享图片
      desc: '发现全球影视拍摄地，探索电影背后的故事'
    }
  }
})

</script>
<style lang="scss" scoped>
.header {