feat: 分包

app.js

@@ -5,7 +5,6 @@ App({
     var logs = wx.getStorageSync('logs') || []
     logs.unshift(Date.now())
     wx.setStorageSync('logs', logs)
-
     // 登录
     wx.login({
       success: res => {

app.json

@@ -2,6 +2,7 @@
   "debug": true,
   "pages": [
     "pages/component/index/index",
+    "pages/API/index/index",
     "pages/component/view/view",
     "pages/component/scroll-view/scroll-view",
     "pages/component/swiper/swiper",
@@ -30,45 +31,51 @@
     "pages/component/video/video",
     "pages/component/movable/movable",
     "pages/component/doc-web-view/doc-web-view",
-    "pages/API/index/index",
-    "pages/API/get-network-type/get-network-type",
-    "pages/API/on-network-status-change/on-network-status-change",
-    "pages/API/get-system-info/get-system-info",
-    "pages/API/make-phone-call/make-phone-call",
-    "pages/API/scan-code/scan-code",
-    "pages/API/clipboard-data/clipboard-data",
-    "pages/API/screen-brightness/screen-brightness",
-    "pages/API/on-user-screen-capture/on-user-screen-capture",
-    "pages/API/vibrate/vibrate",
-    "pages/API/add-contact/add-contact",
-    "pages/API/buffer/buffer",
-    "pages/API/app-level-event/app-level-event",
-    "pages/API/launch-options/launch-options",
-    "pages/API/router/router",
-    "pages/API/timmer/timmer",
-    "pages/API/intereaction/intereaction",
-    "pages/API/navigationBar/navigationBar",
-    "pages/API/page-scroll/page-scroll",
-    "pages/API/request/request",
-    "pages/API/web-socket/web-socket",
-    "pages/API/image/image",
-    "pages/API/load-font-face/load-font-face",
-    "pages/API/video/video",
-    "pages/API/audio/audio",
-    "pages/API/storage/storage",
-    "pages/API/animation/animation",
-    "pages/API/menu-info/menu-info",
-    "pages/API/get-location/get-location",
-    "pages/API/choose-location/choose-location",
-    "pages/API/canvas/canvas",
-    "pages/API/get-wxml-node-info/get-wxml-node-info",
-    "pages/API/intersection-observer/intersection-observer",
-    "pages/API/download-file/download-file",
-    "pages/API/upload-file/upload-file",
-    "pages/API/voice/voice",
-    "pages/component/page-meta/page-meta",
-    "pages/API/previewMedia/index",
-    "pages/API/getSelectedTextRange/index"
+    "pages/component/page-meta/page-meta"
+  ],
+  "subpackages": [
+    {
+      "root": "packageAPI",
+      "pages": [
+        "pages/get-network-type/get-network-type",
+        "pages/on-network-status-change/on-network-status-change",
+        "pages/get-system-info/get-system-info",
+        "pages/make-phone-call/make-phone-call",
+        "pages/scan-code/scan-code",
+        "pages/clipboard-data/clipboard-data",
+        "pages/screen-brightness/screen-brightness",
+        "pages/on-user-screen-capture/on-user-screen-capture",
+        "pages/vibrate/vibrate",
+        "pages/add-contact/add-contact",
+        "pages/buffer/buffer",
+        "pages/app-level-event/app-level-event",
+        "pages/launch-options/launch-options",
+        "pages/router/router",
+        "pages/timmer/timmer",
+        "pages/intereaction/intereaction",
+        "pages/navigationBar/navigationBar",
+        "pages/page-scroll/page-scroll",
+        "pages/request/request",
+        "pages/web-socket/web-socket",
+        "pages/image/image",
+        "pages/load-font-face/load-font-face",
+        "pages/video/video",
+        "pages/audio/audio",
+        "pages/storage/storage",
+        "pages/animation/animation",
+        "pages/menu-info/menu-info",
+        "pages/get-location/get-location",
+        "pages/choose-location/choose-location",
+        "pages/canvas/canvas",
+        "pages/get-wxml-node-info/get-wxml-node-info",
+        "pages/intersection-observer/intersection-observer",
+        "pages/download-file/download-file",
+        "pages/upload-file/upload-file",
+        "pages/voice/voice",
+        "pages/previewMedia/index",
+        "pages/getSelectedTextRange/index"
+      ]
+    }
   ],
   "window": {
     "backgroundTextStyle": "light",

packageAPI/common/foot.wxml

@@ -0,0 +1,5 @@
+<template name="foot">
+  <navigator class="page-foot" openType="switchTab" url="/pages/component/index/index" hover-class="none">
+    <image class="icon-foot" src="../../../image/icon_foot.png"></image>
+  </navigator>
+</template>

packageAPI/common/head.wxml

@@ -0,0 +1,7 @@
+<template name="head">
+  <view class="page-head">
+    <view class="page-head-title">{{title}}</view>
+    <view class="page-head-line"></view>
+    <view wx:if="{{desc}}" class="page-head-desc">{{desc}}</view>
+  </view>
+</template>

packageAPI/common/index.wxss

@@ -0,0 +1,130 @@
+.index-hd {
+  padding: 40px 40px 20px;
+  text-align: center;
+}
+.index-bd {
+  /* padding: 0 15px 20px; */
+  padding: 0 15px 20px;
+}
+.index-ft {
+  padding-bottom: 10px;
+  text-align: center;
+}
+.index-logo {
+  /* width: 43px;
+  height: 43px; */
+  width: 43px;
+  height: 43px;
+}
+.index-desc {
+  margin-top: 10px;
+  color: var(--weui-FG-1);
+  /* font-size: 14px; */
+  font-size: 14px;
+}
+
+
+.navigator-box {
+  opacity: 0;
+  position: relative;
+  background-color: var(--weui-BG-2);
+  line-height: 1.41176471;
+  /* font-size: 32px; */
+  font-size: 17px;
+
+  transform: translateY(-50%);
+  transition: .3s;
+}
+.navigator-box-show {
+  opacity: 1;
+  transform: translateY(0);
+}
+.navigator {
+  /* padding: 10px 15px; */
+  padding: 10px 15px;
+  position: relative;
+  display: flex;
+  align-items: center;
+}
+.navigator:before {
+  content: " ";
+  position: absolute;
+  /* left: 15px; */
+  left: 15px;
+  top: 0;
+  /* right: 15px; */
+  right: 15px;
+  height: 1px;
+  /* border-top: 1px solid var(--weui-FG-3); */
+  border-top: 1px solid var(--weui-FG-3);
+  color: var(--weui-FG-3);
+}
+.navigator:first-child:before {
+  display: none;
+}
+.navigator-text {
+  flex: 1;
+}
+.navigator-arrow {
+  /* padding-right: 13px; */
+  padding-right: 13px;
+  position: relative;
+}
+.navigator-arrow:after {
+  content: " ";
+  display: inline-block;
+  /* height: 9px;
+  width: 9px;
+  border-width: 1px 1px 0 0; */
+  height: 9px;
+  width: 9px;
+  border-width: 1px 1px 0 0;
+  border-color: var(--weui-FG-2);
+  border-style: solid;
+  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
+  position: absolute;
+  top: 50%;
+  /* margin-top: -4px; */
+  margin-top: -4px;
+  /* right: 14px; */
+  right: 14px;
+}
+
+
+.kind-list-item {
+  /* margin: 10px 0; */
+  margin: 10px 0;
+  background-color: var(--weui-BG-2);
+  border-radius: 2px;
+  overflow: hidden;
+}
+.kind-list-item:first-child {
+  margin-top: 0;
+}
+.kind-list-text{
+  flex: 1;
+}
+.kind-list-img {
+  /* width: 30px;
+  height: 30px; */
+  width: 30px;
+  height: 30px;
+}
+.kind-list-item-hd {
+  /* padding: 15px; */
+  padding: 15px;
+  display: flex;
+  align-items: center;
+
+  transition: opacity .3s;
+}
+.kind-list-item-hd-show {
+  opacity: .2;
+}
+.kind-list-item-bd {
+  height: 0;
+  overflow: hidden;
+}
+.kind-list-item-bd-show {
+  height: auto;
+}