docs: taro indexdemo

src/packages/__VUE/swiper/doc.taro.md

@@ -8,9 +8,6 @@
 
 ```javascript
 import { createApp } from 'vue';
-//vue
-import { Swiper } from '@nutui/nutui';
-//vue-taro
 import { Swiper } from '@nutui/nutui@taro';
 
 const app = createApp();

src/sites/mobile-taro/vue/src/app.config.ts

@@ -1,5 +1,6 @@
 export default {
   pages: [
+    'pages/index/index',
     'pages/backtop/index',
     'pages/drag/index',
     'pages/toast/index',
@@ -32,8 +33,7 @@ export default {
     'pages/switch/index',
     'pages/price/index',
     'pages/avatar/index',
-    'pages/layout/index',
-    'pages/index/index'
+    'pages/layout/index'
   ],
   window: {
     backgroundTextStyle: 'light',

src/sites/mobile-taro/vue/src/pages/index/index.vue

@@ -2,12 +2,12 @@
   <div class="index">
     <div class="index-header">
       <img
-        src="../../../../../moblie/assets/images/logo-red.png"
+        src="https://img14.360buyimg.com/imagetools/jfs/t1/167902/2/8762/791358/603742d7E9b4275e3/e09d8f9a8bf4c0ef.png"
         alt=""
         srcset=""
       />
       <div class="info">
-        <h1>NutUI</h1>
+        <h1>NutUI-Taro</h1>
         <p>京东风格的轻量级移动端 Vue 组件库</p>
       </div>
     </div>
@@ -17,11 +17,11 @@
         <ul>
           <template v-for="_package in _nav.packages" :key="_package">
             <li v-if="_package.show">
-              <router-link :to="_package.name.toLowerCase()"
-                >{{ _package.name }}&nbsp;&nbsp;{{
-                  _package.cName
-                }}</router-link
-              >
+              <a @click="navigateTo(_package.name.toLowerCase())">
+                {{ _package.name }}
+                &nbsp;&nbsp;
+                {{ _package.cName }}
+              </a>
               <nut-icon size="14px" color="#979797" name="right"></nut-icon>
             </li>
           </template>
@@ -32,15 +32,27 @@
 </template>
 
 <script>
-import { reactive } from 'vue';
+import { reactive, toRefs } from 'vue';
 import { nav, versions } from '../../../../../../config.json';
+import Taro from '@tarojs/taro';
 export default {
-  name: 'doc',
+  name: 'NutUI-Taro',
   setup() {
-    return reactive({
+    const state = reactive({
       nav,
       versions
     });
+
+    const navigateTo = (name) => {
+      Taro.navigateTo({
+        url: `/pages/${name}/index`
+      });
+    };
+
+    return {
+      ...toRefs(state),
+      navigateTo
+    };
   }
 };
 </script>
@@ -103,6 +115,7 @@ export default {
           border-radius: 22px;
           box-shadow: 0px 1px 4px 0px rgba(102, 102, 102, 0.06);
           margin-bottom: 13px;
+          box-sizing: border-box;
           a {
             width: 100%;
             height: 100%;

src/sites/mobile-taro/vue/src/pages/shortpassword/index.config.ts

@@ -0,0 +1,3 @@
+export default {
+  navigationBarTitleText: 'Shortpassword'
+};