From 469322d826dc214de27a1b43b1e295d2bc83dd2b Mon Sep 17 00:00:00 2001
From: wanganxp <wanganxp@gmail.com>
Date: Sun, 26 Nov 2023 03:02:27 +0800
Subject: [PATCH] =?UTF-8?q?add=E6=96=87=E6=9C=AC=E5=88=86=E4=BA=AB?=
 =?UTF-8?q?=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages.json                      | 274 +++++++++++-----------
 pages/tabBar/template.uvue      | 396 ++++++++++++++++----------------
 pages/template/share/share.uvue |  33 +++
 3 files changed, 362 insertions(+), 341 deletions(-)
 create mode 100644 pages/template/share/share.uvue

diff --git a/pages.json b/pages.json
index ea4c63e8..2a083570 100644
--- a/pages.json
+++ b/pages.json
@@ -37,12 +37,12 @@
       "style": {
         "navigationBarTitleText": "progress"
       }
-    },
-    {
-      "path": "pages/component/form/form",
-      "style": {
-        "navigationBarTitleText": "form"
-      }
+    },
+    {
+      "path": "pages/component/form/form",
+      "style": {
+        "navigationBarTitleText": "form"
+      }
     },
     {
       "path": "pages/component/button/button",
@@ -199,31 +199,31 @@
       "style": {
         "navigationBarTitleText": "general-event"
       }
-    },
-    {
-      "path": "pages/component/unicloud-db-contacts/list",
-      "style": {
-        "navigationBarTitleText": "联系人",
-        "enablePullDownRefresh": true
-      }
-    },
-    {
-      "path": "pages/component/unicloud-db-contacts/add",
-      "style": {
-        "navigationBarTitleText": "新增联系人"
-      }
-    },
-    {
-      "path": "pages/component/unicloud-db-contacts/edit",
-      "style": {
-        "navigationBarTitleText": "编辑联系人"
-      }
-    },
-    {
-      "path": "pages/component/unicloud-db-contacts/detail",
-      "style": {
-        "navigationBarTitleText": ""
-      }
+    },
+    {
+      "path": "pages/component/unicloud-db-contacts/list",
+      "style": {
+        "navigationBarTitleText": "联系人",
+        "enablePullDownRefresh": true
+      }
+    },
+    {
+      "path": "pages/component/unicloud-db-contacts/add",
+      "style": {
+        "navigationBarTitleText": "新增联系人"
+      }
+    },
+    {
+      "path": "pages/component/unicloud-db-contacts/edit",
+      "style": {
+        "navigationBarTitleText": "编辑联系人"
+      }
+    },
+    {
+      "path": "pages/component/unicloud-db-contacts/detail",
+      "style": {
+        "navigationBarTitleText": ""
+      }
     },
     {
       "path": "pages/tabBar/API",
@@ -262,17 +262,17 @@
         "navigationBarTitleText": "页面跳转"
       }
     },
-    {
-      "path": "pages/API/set-navigation-bar-color/set-navigation-bar-color",
-      "style": {
-        "navigationBarTitleText": "设置导航条颜色"
-      }
-    },
-    {
-      "path": "pages/API/set-navigation-bar-title/set-navigation-bar-title",
-      "style": {
-        "navigationBarTitleText": "设置导航条标题"
-      }
+    {
+      "path": "pages/API/set-navigation-bar-color/set-navigation-bar-color",
+      "style": {
+        "navigationBarTitleText": "设置导航条颜色"
+      }
+    },
+    {
+      "path": "pages/API/set-navigation-bar-title/set-navigation-bar-title",
+      "style": {
+        "navigationBarTitleText": "设置导航条标题"
+      }
     },
     {
       "path": "pages/API/set-navigation-bar-color/set-custom-navigation-bar-color",
@@ -287,11 +287,11 @@
         "navigationBarTitleText": "新页面-1"
       }
     },
-    {
-      "path": "pages/API/navigator/new-page/new-page-3",
-      "style": {
-        "navigationBarTitleText": "新页面-3"
-      }
+    {
+      "path": "pages/API/navigator/new-page/new-page-3",
+      "style": {
+        "navigationBarTitleText": "新页面-3"
+      }
     },
     {
       "path": "pages/API/navigator/new-page/onLoad",
@@ -311,7 +311,7 @@
       "style": {
         "navigationBarTitleText": "获取节点"
       }
-    },
+    },
     {
       "path": "pages/API/get-element-by-id/get-element-by-id-multiple-root-node",
       "style": {
@@ -371,24 +371,24 @@
       "style": {
         "navigationBarTitleText": "获取定位"
       }
-    },
-    {
-      "path": "pages/API/interceptor/interceptor",
-      "style": {
-        "navigationBarTitleText": "拦截器"
-      }
-    },
-    {
-      "path": "pages/API/interceptor/page1",
-      "style": {
-        "navigationBarTitleText": "拦截器测试页面 1"
-      }
-    },
-    {
-      "path": "pages/API/interceptor/page2",
-      "style": {
-        "navigationBarTitleText": "拦截器测试页面 2"
-      }
+    },
+    {
+      "path": "pages/API/interceptor/interceptor",
+      "style": {
+        "navigationBarTitleText": "拦截器"
+      }
+    },
+    {
+      "path": "pages/API/interceptor/page1",
+      "style": {
+        "navigationBarTitleText": "拦截器测试页面 1"
+      }
+    },
+    {
+      "path": "pages/API/interceptor/page2",
+      "style": {
+        "navigationBarTitleText": "拦截器测试页面 2"
+      }
     },
     {
       "path": "pages/tabBar/CSS",
@@ -944,13 +944,13 @@
         "navigationBarTitleText": "顶部搜索框随时下移长列表",
         "enablePullDownRefresh": true
       }
-    },
-    {
-      "path": "pages/template/long-list2/long-list2",
-      "style": {
-        "navigationBarTitleText": "顶部banner长列表",
-        "enablePullDownRefresh": true
-      }
+    },
+    {
+      "path": "pages/template/long-list2/long-list2",
+      "style": {
+        "navigationBarTitleText": "顶部banner长列表",
+        "enablePullDownRefresh": true
+      }
     },
     {
       "path": "pages/component/list-view/list-view",
@@ -1013,69 +1013,69 @@
         "navigationBarTitleText": "",
         "enablePullDownRefresh": false
       }
-    },
-    {
-      "path": "pages/component/sticky-header/sticky-header",
-      "style": {
-        "navigationBarTitleText": "sticky-header",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path" : "pages/API/element-takesnapshot/element-takesnapshot",
-      "style" :
-      {
-        "navigationBarTitleText" : "takeSnapshot",
-        "enablePullDownRefresh" : false
-      }
-    },
-    {
-      "path" : "pages/API/element-draw/element-draw",
-      "style" :
-      {
-        "navigationBarTitleText" : "getDrawableContext",
-        "enablePullDownRefresh" : false
-      }
-    },
-    {
-      "path" : "pages/component/general-event/transition-event",
-      "style" :
-      {
-        "navigationBarTitleText" : "transitionend事件",
-        "enablePullDownRefresh" : false
-      }
-    },
-    {
-      "path" : "pages/API/install-apk/install-apk",
-      "style" :
-      {
-        "navigationBarTitleText" : "install-apk",
-        "enablePullDownRefresh" : false
-      }
-    },
-    {
-      "path" : "pages/template/schema/schema",
-      "style" : 
-      {
-        "navigationBarTitleText" : "打开schema示例"
-      }
-    },
-    {
-      "path" : "pages/component/sticky-section/sticky-section",
-      "style" : 
-      {
-        "navigationBarTitleText" : "sticky-section",
-        "enablePullDownRefresh" : false
-      }
-    },
-    {
-      "path" : "pages/component/list-view/list-view-multiplex",
-      "style" : 
-      {
-        "navigationBarTitleText" : "list-view-multiplex",
-        "enablePullDownRefresh" : false
-      }
-    }
+    },
+    {
+      "path": "pages/component/sticky-header/sticky-header",
+      "style": {
+        "navigationBarTitleText": "sticky-header",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/API/element-takesnapshot/element-takesnapshot",
+      "style": {
+        "navigationBarTitleText": "takeSnapshot",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/API/element-draw/element-draw",
+      "style": {
+        "navigationBarTitleText": "getDrawableContext",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/component/general-event/transition-event",
+      "style": {
+        "navigationBarTitleText": "transitionend事件",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/API/install-apk/install-apk",
+      "style": {
+        "navigationBarTitleText": "install-apk",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/template/schema/schema",
+      "style": {
+        "navigationBarTitleText": "打开schema示例"
+      }
+    },
+    {
+      "path": "pages/component/sticky-section/sticky-section",
+      "style": {
+        "navigationBarTitleText": "sticky-section",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/component/list-view/list-view-multiplex",
+      "style": {
+        "navigationBarTitleText": "list-view-multiplex",
+        "enablePullDownRefresh": false
+      }
+    },
+    {
+      "path": "pages/template/share/share",
+      "style": {
+        "navigationBarTitleText": "分享",
+        "enablePullDownRefresh": false
+      }
+    }
 
   ],
   "globalStyle": {
@@ -1127,4 +1127,4 @@
       "query": "" //启动参数，在页面的onLoad函数里面得到
     }]
   }
-}
+}
\ No newline at end of file
diff --git a/pages/tabBar/template.uvue b/pages/tabBar/template.uvue
index deedd693..f657d7be 100644
--- a/pages/tabBar/template.uvue
+++ b/pages/tabBar/template.uvue
@@ -1,241 +1,229 @@
 <template>
   <!-- #ifdef APP -->
   <scroll-view style="flex: 1">
-    <!-- #endif -->
+  <!-- #endif -->
     <view class="uni-container">
       <view class="uni-header-logo">
         <image class="uni-header-image" src="/static/templateIndex.png"></image>
       </view>
       <view class="uni-text-box">
         <text class="hello-text">以下是部分模板示例，更多模板见插件市场：</text>
-        <u-link
-          href="https://ext.dcloud.net.cn"
-          :text="'https://ext.dcloud.net.cn'"
-          :inWhiteList="true"
-        ></u-link>
+        <u-link href="https://ext.dcloud.net.cn" :text="'https://ext.dcloud.net.cn'" :inWhiteList="true"></u-link>
       </view>
       <view class="uni-panel" v-for="(item, index) in list" :key="item.id">
-        <view
-          class="uni-panel-h"
-          :class="item.open ? 'uni-panel-h-on' : ''"
-          @click="triggerCollapse(index, item)"
-        >
-          <text
-            class="uni-panel-text"
-            :class="item.enable == false ? 'text-disabled' : ''"
-            >{{ item.name }}</text
-          >
-          <image
-            :src="
+        <view class="uni-panel-h" :class="item.open ? 'uni-panel-h-on' : ''" @click="triggerCollapse(index, item)">
+          <text class="uni-panel-text" :class="item.enable == false ? 'text-disabled' : ''">{{ item.name }}</text>
+          <image :src="
               item.pages.length > 0
                 ? item.open
                   ? arrowUpIcon
                   : arrowDownIcon
                 : arrowRightIcon
-            "
-            class="uni-icon"
-          >
+            " class="uni-icon">
           </image>
         </view>
         <view class="uni-panel-c" v-if="item.open">
-          <view
-            class="uni-navigate-item"
-						:hover-class="page.enable == false?'':'is--active'"
-            v-for="(page, key) in item.pages"
-            :key="key"
-            @click="goDetailPage(page)"
-          >
-            <text
-              class="uni-navigate-text"
-              :class="page.enable == false ? 'text-disabled' : ''"
-              >{{ page.name }}</text
-            >
+          <view class="uni-navigate-item" :hover-class="page.enable == false?'':'is--active'"
+            v-for="(page, key) in item.pages" :key="key" @click="goDetailPage(page)">
+            <text class="uni-navigate-text" :class="page.enable == false ? 'text-disabled' : ''">{{ page.name }}</text>
             <image :src="arrowRightIcon" class="uni-icon"></image>
           </view>
         </view>
       </view>
     </view>
-    <!-- #ifdef APP -->
+  <!-- #ifdef APP -->
   </scroll-view>
   <!-- #endif -->
 </template>
 
 <script lang="uts">
-type Page = {
-  name: string
-  enable?: boolean
-  url: string
-}
+  type Page = {
+    name : string
+    enable ?: boolean
+    url : string
+  }
 
-type ListItem = {
-  id: string
-  name: string
-  open: boolean
-  pages: Page[]
-  url?: string
-  enable?: boolean
-}
-export default {
-  data() {
-    return {
-      list: [
-        {
-          id: 'long-list',
-          url: 'long-list',
-          name: '左右滑动长列表',
-          open: false,
-          enable: true,
-          pages: [
-            {
-              name: '顶部搜索框随时下移长列表',
-              url:'long-list'
-            },
-            {
-              name: '顶部banner长列表',
-              url:'long-list2'
-            },
-          ] as Page[],
-        },
-        {
-          id: 'list-news',
-          url: 'list-news',
-          name: '列表到详情',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'scroll-fold-nav',
-          url: 'scroll-fold-nav',
-          name: '随滚动折叠的导航栏',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'swiper-list',
-          url: 'swiper-list',
-          name: 'swiper-list',
-          open: false,
-          pages: [
-            {
-              name: '下划线样式',
-              url:'swiper-list'
-            },
-            {
-              name: '字体放大样式',
-              url:'swiper-list2'
-            },
-          ] as Page[],
-        },
-        {
-          id: 'custom-refresher',
-          url: 'custom-refresher',
-          name: '自定义下拉刷新',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'pull-zoom-image',
-          url: 'pull-zoom-image',
-          name: '下拉缩放顶部封面图',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'swiper-vertical-video',
-          url: 'swiper-vertical-video',
-          name: '竖滑视频',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'scroll-sticky',
-          url: 'scroll-sticky',
-          name: 'scroll-view自定义滚动吸顶',
-          open: false,
-          pages: [] as Page[],
-        },
-        // {
-        //   id: 'half-screen',
-        //   url: 'half-screen',
-        //   name: '半屏弹窗',
-        //   open: false,
-        //   enable: false,
-        //   pages: [] as Page[],
-        // },
-        {
-          id: 'drop-card',
-          url: 'drop-card',
-          name: '划走式卡片',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'navbar-lite',
-          url: 'navbar-lite',
-          name: '自定义导航栏',
-          open: false,
-          pages: [] as Page[],
-        },
-        {
-          id: 'custom-tab-bar',
-          url: 'custom-tab-bar',
-          name: '自定义TabBar',
-          open: false,
-          enable: true,
-          pages: [] as Page[],
-        },
-        {
-          id: 'calendar',
-          url: 'calendar',
-          name: '日历',
-          open: false,
-          pages: [] as Page[],
-        },
-      ] as ListItem[],
-      arrowUpIcon: '/static/icons/arrow-up.png',
-      arrowDownIcon: '/static/icons/arrow-down.png',
-      arrowRightIcon: '/static/icons/arrow-right.png',
-    }
-  },
-  methods: {
-    triggerCollapse(index: number, item: ListItem) {
-      if (item.pages.length == 0) {
-        const page: Page = {
-          name: item.name,
-          enable: item.enable,
-          url: item.url!,
-        }
-        this.goDetailPage(page)
-        return
-      }
-      for (var i = 0; i < this.list.length; ++i) {
-        if (index == i) {
-          this.list[i].open = !this.list[i].open
-        } else {
-          this.list[i].open = false
-        }
+  type ListItem = {
+    id : string
+    name : string
+    open : boolean
+    pages : Page[]
+    url ?: string
+    enable ?: boolean
+  }
+  export default {
+    data() {
+      return {
+        list: [
+          {
+            id: 'long-list',
+            url: 'long-list',
+            name: '左右滑动长列表',
+            open: false,
+            enable: true,
+            pages: [
+              {
+                name: '顶部搜索框随时下移长列表',
+                url: 'long-list'
+              },
+              {
+                name: '顶部banner长列表',
+                url: 'long-list2'
+              },
+            ] as Page[],
+          },
+          {
+            id: 'list-news',
+            url: 'list-news',
+            name: '列表到详情',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'scroll-fold-nav',
+            url: 'scroll-fold-nav',
+            name: '随滚动折叠的导航栏',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'swiper-list',
+            url: 'swiper-list',
+            name: 'swiper-list',
+            open: false,
+            pages: [
+              {
+                name: '下划线样式',
+                url: 'swiper-list'
+              },
+              {
+                name: '字体放大样式',
+                url: 'swiper-list2'
+              },
+            ] as Page[],
+          },
+          {
+            id: 'custom-refresher',
+            url: 'custom-refresher',
+            name: '自定义下拉刷新',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'pull-zoom-image',
+            url: 'pull-zoom-image',
+            name: '下拉缩放顶部封面图',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'swiper-vertical-video',
+            url: 'swiper-vertical-video',
+            name: '竖滑视频',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'scroll-sticky',
+            url: 'scroll-sticky',
+            name: 'scroll-view自定义滚动吸顶',
+            open: false,
+            pages: [] as Page[],
+          },
+          // {
+          //   id: 'half-screen',
+          //   url: 'half-screen',
+          //   name: '半屏弹窗',
+          //   open: false,
+          //   enable: false,
+          //   pages: [] as Page[],
+          // },
+          {
+            id: 'drop-card',
+            url: 'drop-card',
+            name: '划走式卡片',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'navbar-lite',
+            url: 'navbar-lite',
+            name: '自定义导航栏',
+            open: false,
+            pages: [] as Page[],
+          },
+          {
+            id: 'custom-tab-bar',
+            url: 'custom-tab-bar',
+            name: '自定义TabBar',
+            open: false,
+            enable: true,
+            pages: [] as Page[],
+          },
+          {
+            id: 'calendar',
+            url: 'calendar',
+            name: '日历',
+            open: false,
+            pages: [] as Page[],
+          }, {
+            id: 'schema',
+            url: 'schema',
+            name: '打开外部链接',
+            open: false,
+            pages: [] as Page[],
+          }, {
+            id: 'share',
+            url: 'share',
+            name: '分享示例',
+            open: false,
+            pages: [] as Page[],
+          }
+        ] as ListItem[],
+        arrowUpIcon: '/static/icons/arrow-up.png',
+        arrowDownIcon: '/static/icons/arrow-down.png',
+        arrowRightIcon: '/static/icons/arrow-right.png',
       }
     },
-    goDetailPage(e: Page) {
-      if (e.enable == false) {
-        uni.showToast({
-          icon: 'none',
-          title: '暂不支持',
+    methods: {
+      triggerCollapse(index : number, item : ListItem) {
+        if (item.pages.length == 0) {
+          const page : Page = {
+            name: item.name,
+            enable: item.enable,
+            url: item.url!,
+          }
+          this.goDetailPage(page)
+          return
+        }
+        for (var i = 0; i < this.list.length; ++i) {
+          if (index == i) {
+            this.list[i].open = !this.list[i].open
+          } else {
+            this.list[i].open = false
+          }
+        }
+      },
+      goDetailPage(e : Page) {
+        if (e.enable == false) {
+          uni.showToast({
+            icon: 'none',
+            title: '暂不支持',
+          })
+          return
+        }
+        const url =
+          e.url.indexOf('platform') > -1
+            ? e.url
+            : `/pages/template/${e.url}/${e.url}`
+        uni.navigateTo({
+          url,
         })
-        return
-      }
-      const url =
-        e.url.indexOf('platform') > -1
-          ? e.url
-          : `/pages/template/${e.url}/${e.url}`
-      uni.navigateTo({
-        url,
-      })
+      },
     },
-  },
-}
+  }
 </script>
 
 <style>
-@import '../../common/uni-uvue.css';
-</style>
+  @import '../../common/uni-uvue.css';
+</style>
\ No newline at end of file
diff --git a/pages/template/share/share.uvue b/pages/template/share/share.uvue
new file mode 100644
index 00000000..df9c67b2
--- /dev/null
+++ b/pages/template/share/share.uvue
@@ -0,0 +1,33 @@
+<template>
+	<view>
+		<button class="button" @click="shareText('https://uniapp.dcloud.io/uni-app-x','分享到')">分享</button>
+	</view>
+</template>
+
+<script>
+import Intent from 'android.content.Intent';
+
+	export default {
+		data() {
+			return {
+
+			}
+		},
+		methods: {
+			shareText(text:string,title:string){
+			    const context = UTSAndroid.getUniActivity()!;
+			    const intent = new Intent(Intent.ACTION_SEND)
+					intent.setType("text/plain");
+					intent.putExtra(Intent.EXTRA_TEXT, text);
+					context.startActivity(Intent.createChooser(intent, title));
+          // 这里是简单的文本分享示例，如需分享文件图片，需要使用fileProvider
+			},
+		}
+	}
+</script>
+
+<style>
+.button {
+	margin: 30rpx;
+}
+</style>
-- 
GitLab