update

2026-06-07 03:53:57 +08:00 · 2023-07-08 20:43:12 +08:00
parent 4de9a1bf43
commit f5718ab30b
283 changed files with 0 additions and 68138 deletions
@@ -1,146 +0,0 @@
-<template>
-  <view class="index">
-            
-    <view v-if="tabberPageLoadFlag[0]" :style="{display: currentIndex === 0 ? '' : 'none'}">
-      <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
-        <Basic ref="basic"></Basic>
-      </scroll-view>
-    </view>
-    <view v-if="tabberPageLoadFlag[1]" :style="{display: currentIndex === 1 ? '' : 'none'}">
-      <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
-        <components ref="components"></components>
-      </scroll-view>
-    </view>
-    <view v-if="tabberPageLoadFlag[2]" :style="{display: currentIndex === 2 ? '' : 'none'}">
-      <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
-        <vip ref="vip"></vip>
-      </scroll-view>
-    </view>
-    <view v-if="tabberPageLoadFlag[3]" :style="{display: currentIndex === 3 ? '' : 'none'}">
-      <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
-        <templatePage ref="template"></templatePage>
-      </scroll-view>
-    </view>
-    <view v-if="tabberPageLoadFlag[4]" :style="{display: currentIndex === 4 ? '' : 'none'}">
-      <scroll-view class="custom-tabbar-page" scroll-y enable-back-to-top @scrolltolower="tabbarPageScrollLower">
-        <tuniao ref="about"></tuniao>
-      </scroll-view>
-    </view>
-    
-    <tn-tabbar
-      v-model="currentIndex"
-      :list="tabbarList"
-      activeColor="#838383"
-      inactiveColor="#AAAAAA"
-      activeIconColor="tn-cool-bg-color-7"
-      :animation="true"
-      :safeAreaInsetBottom="true"
-      @change="switchTabbar"
-    ></tn-tabbar>
-
-  </view>
-</template>
-
-<script>
-  import Basic from '../basic/basic.vue'
-  import Components from '../components/components.vue'
-  import TemplatePage from '../template/template.vue'
-  import Vip from '../vip/vip.vue'
-  import Tuniao from '../tuniao/tuniao.vue'
-  
-  export default {
-    components: {
-      Basic,
-      Components,
-      TemplatePage,
-      Vip,
-      Tuniao
-    },
-    data() {
-      return {
-        // 底部tabbar菜单数据
-        tabbarList: [
-          {
-            title: '元素',
-            activeIcon: 'count-fill',
-            inactiveIcon: 'menu'
-          },
-          {
-            title: '组件',
-            activeIcon: 'honor-fill',
-            inactiveIcon: 'honor'
-          },
-          {
-            title: '会员',
-            activeIcon: 'vip-fill',
-            inactiveIcon: 'vip',
-            activeIconColor: '#FFFFFF',
-            inactiveIconColor: '#FFFFFF',
-            iconSize: 50,
-            out: true
-          },
-          {
-            title: '发现',
-            activeIcon: 'discover-fill',
-            inactiveIcon: 'discover',
-            count: 100
-          },
-          {
-            title: '图鸟',
-            activeIcon: 'computer-fill',
-            inactiveIcon: 'computer',
-            dot: true
-          }
-        ],
-        // tabbar当前被选中的序号
-        currentIndex: 0,
-        // 自定义底栏对应页面的加载情况
-        tabberPageLoadFlag: []
-      }
-    },
-    onLoad(options) {
-      const index = Number(options.index || 0)
-      // 根据底部tabbar菜单列表设置对应页面的加载情况
-      this.tabberPageLoadFlag = this.tabbarList.map((item, tabbar_index) => {
-        return index === tabbar_index
-      })
-      this.switchTabbar(index)
-    },
-    methods: {
-      // 切换导航
-      switchTabbar(index) {
-        this._switchTabbarPage(index)
-      },
-      
-      
-      // 导航页面滚动到底部
-      tabbarPageScrollLower(e) {
-      },
-      
-      // 切换导航页面
-      _switchTabbarPage(index) {
-        const selectPageFlag = this.tabberPageLoadFlag[index]
-        if (selectPageFlag === undefined) {
-          return
-        }
-        if (selectPageFlag === false) {
-          this.tabberPageLoadFlag[index] = true
-        }
-        this.currentIndex = index
-      }
-    }
-  }
-</script>
-
-<style lang="scss" scoped>
-  
-  .index {
-    overflow: hidden;
-    height: 100%;
-  }
-  
-  .custom-tabbar-page {
-    height: calc(100vh - (100rpx + env(safe-area-inset-bottom) / 2));
-  }
-
-</style>