mirror of
https://gitee.com/niucloud-team/niucloud.git
synced 2026-03-17 11:13:42 +00:00
66 lines
1.6 KiB
Vue
66 lines
1.6 KiB
Vue
<template>
|
|
<view :style="themeColor()">
|
|
|
|
<u-loading-page :loading="diy.getLoading()" loadingText="" bg-color="#f7f7f7" />
|
|
|
|
<view v-show="!diy.getLoading()">
|
|
|
|
<!-- 自定义模板渲染 -->
|
|
<view class="diy-template-wrap bg-index" v-if="diy.data.pageMode != 'fixed'" :style="diy.pageStyle()">
|
|
|
|
<diy-group ref="diyGroupRef" :data="diy.data" :pullDownRefreshCount="diy.pullDownRefreshCount" />
|
|
|
|
</view>
|
|
|
|
<!-- 固定模板渲染 -->
|
|
<view class="fixed-template-wrap" v-if="diy.data.pageMode == 'fixed'">
|
|
|
|
<fixed-group :data="diy.data" :pullDownRefreshCount="diy.pullDownRefreshCount" />
|
|
|
|
</view>
|
|
|
|
</view>
|
|
|
|
<!-- #ifdef MP-WEIXIN -->
|
|
<!-- 小程序隐私协议 -->
|
|
<wx-privacy-popup ref="wxPrivacyPopup"></wx-privacy-popup>
|
|
<!-- #endif -->
|
|
|
|
</view>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import {ref} from 'vue';
|
|
import {useDiy} from '@/hooks/useDiy'
|
|
import {useShare} from '@/hooks/useShare'
|
|
import diyGroup from '@/addon/components/diy/group/index.vue'
|
|
import fixedGroup from '@/addon/components/fixed/group/index.vue'
|
|
|
|
const {setShare, onShareAppMessage, onShareTimeline} = useShare()
|
|
|
|
const diy = useDiy({})
|
|
|
|
const diyGroupRef = ref(null)
|
|
|
|
onShareAppMessage()
|
|
onShareTimeline()
|
|
|
|
// 监听页面加载
|
|
diy.onLoad();
|
|
|
|
// 监听页面显示
|
|
diy.onShow((data: any) => {
|
|
let share = data.share ? JSON.parse(data.share) : null;
|
|
setShare(share);
|
|
diyGroupRef.value?.refresh();
|
|
});
|
|
|
|
// 监听下拉刷新事件
|
|
diy.onPullDownRefresh()
|
|
|
|
// 监听滚动事件
|
|
diy.onPageScroll()
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import '@/styles/diy.scss';
|
|
</style> |