添加订单页及第三方组件vant

.gitignore

@@ -1 +1,2 @@
 /node_modules/
+/miniprogram/miniprogram_npm/

miniprogram/app.json

@@ -4,7 +4,8 @@
     "pages/personal/personal",
     "pages/sign/index",
     "pages/user/login",
-    "pages/logs/logs"
+    "pages/logs/logs",
+    "pages/order/index"
   ],
   "window": {
     "backgroundTextStyle": "light",
@@ -16,18 +17,28 @@
     "list": [
       {
         "pagePath": "pages/index/index",
-        "iconPath":"assets/images/icon_home.png",
+        "iconPath": "assets/images/icon_home.png",
-        "selectedIconPath":"assets/images/icon_home_selected.png",
+        "selectedIconPath": "assets/images/icon_home_selected.png",
         "text": "首页"
       },
+      {
+        "pagePath": "pages/order/index",
+        "iconPath": "assets/images/icon_order.png",
+        "selectedIconPath": "assets/images/icon_order_selected.png",
+        "text": "订单"
+      },
       {
         "pagePath": "pages/personal/personal",
-        "iconPath":"assets/images/icon_user.png",
+        "iconPath": "assets/images/icon_user.png",
-        "selectedIconPath":"assets/images/icon_user_selected.png",
+        "selectedIconPath": "assets/images/icon_user_selected.png",
         "text": "个人中心"
       }
     ]
   },
-  "style": "v2",
+  "sitemapLocation": "sitemap.json",
-  "sitemapLocation": "sitemap.json"
+  "usingComponents": {
+    "v-button": "@vant/weapp/button/index",
+    "v-tab": "@vant/weapp/tab/index",
+    "v-tabs": "@vant/weapp/tabs/index"
+  }
 }

miniprogram/pages/order/index.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {
+  }
+}

miniprogram/pages/order/index.less

@@ -0,0 +1,20 @@
+/* pages/order/index.wxss */
+.header-wrapper{
+  height: 50px;
+}
+.header{
+  position: fixed;
+  left:0;
+  top:0;
+  right:0;
+  height: 50px;
+}
+.item{
+  height: 300px;
+  background-color: red;
+  margin-bottom: 20px;
+}
+.item1{
+  background-color: royalblue;
+  height: 1px;
+}

miniprogram/pages/order/index.ts

@@ -0,0 +1,66 @@
+// pages/order/index.ts
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

miniprogram/pages/order/index.wxml

@@ -0,0 +1,23 @@
+<!--pages/order/index.wxml-->
+<view>
+  <view class="header-wrapper">
+    <view class="header">
+      头部
+    </view>
+  </view>
+  <view>
+    <v-button type="default">默认按钮</v-button>
+    <v-button type="primary">主要按钮</v-button>
+    <v-button type="info">信息按钮</v-button>
+    <v-button type="warning">警告按钮</v-button>
+    <v-button type="danger">危险按钮</v-button>
+  </view>
+  <v-tabs>
+    <v-tab title="xxxx1">xxx1xxx</v-tab>
+    <v-tab title="xxxx2">xxx2xxx</v-tab>
+    <v-tab title="xxxx3">xxx3xxx</v-tab>
+  </v-tabs>
+  <view class="order-list-wrapper">
+    <view class="order-item"></view>
+  </view>
+</view>

package-lock.json

@@ -7,9 +7,12 @@
     "": {
       "name": "miniprogram-ts-less-quickstart",
       "version": "1.0.0",
+      "dependencies": {
+        "@vant/weapp": "^1.10.8"
+      },
       "devDependencies": {
         "@types/node": "^18.11.9",
-        "miniprogram-api-typings": "^2.12.0"
+        "miniprogram-api-typings": "^3.6.0"
       }
     },
     "node_modules/@types/node": {
@@ -18,10 +21,15 @@
       "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
       "dev": true
     },
+    "node_modules/@vant/weapp": {
+      "version": "1.10.8",
+      "resolved": "https://registry.npmmirror.com/@vant/weapp/-/weapp-1.10.8.tgz",
+      "integrity": "sha512-/6w9U5UclF50ORqM2C9vo+oB5+PCOuLGpNI3cxYL1z0xWqPYratitLRhQx53Qo6k1I45Ri8DYGCb7C0qSKB/xg=="
+    },
     "node_modules/miniprogram-api-typings": {
-      "version": "2.12.0",
+      "version": "3.6.0",
-      "resolved": "https://registry.npmmirror.com/miniprogram-api-typings/-/miniprogram-api-typings-2.12.0.tgz",
+      "resolved": "https://registry.npmmirror.com/miniprogram-api-typings/-/miniprogram-api-typings-3.6.0.tgz",
-      "integrity": "sha512-ibvbqeslVFur0IAvTxLMvsbtvVcMo6gwvOnj0YZHV7aeDLu091VQRrETT2QuiG9P6aZWRcxeNGJChRKVPCp9VQ==",
+      "integrity": "sha512-xwK3PzhhxnfWqDfBikHLdAbj7Wy4F887nBcQrzwuF758Fw2qC4ivpKPL9t0uJZk5QYnU28+NqA7Q3lzYGMHQnA==",
       "dev": true
     }
   },
@@ -32,10 +40,15 @@
       "integrity": "sha512-CRpX21/kGdzjOpFsZSkcrXMGIBWMGNIHXXBVFSH+ggkftxg+XYP20TESbh+zFvFj3EQOl5byk0HTRn1IL6hbqg==",
       "dev": true
     },
+    "@vant/weapp": {
+      "version": "1.10.8",
+      "resolved": "https://registry.npmmirror.com/@vant/weapp/-/weapp-1.10.8.tgz",
+      "integrity": "sha512-/6w9U5UclF50ORqM2C9vo+oB5+PCOuLGpNI3cxYL1z0xWqPYratitLRhQx53Qo6k1I45Ri8DYGCb7C0qSKB/xg=="
+    },
     "miniprogram-api-typings": {
-      "version": "2.12.0",
+      "version": "3.6.0",
-      "resolved": "https://registry.npmmirror.com/miniprogram-api-typings/-/miniprogram-api-typings-2.12.0.tgz",
+      "resolved": "https://registry.npmmirror.com/miniprogram-api-typings/-/miniprogram-api-typings-3.6.0.tgz",
-      "integrity": "sha512-ibvbqeslVFur0IAvTxLMvsbtvVcMo6gwvOnj0YZHV7aeDLu091VQRrETT2QuiG9P6aZWRcxeNGJChRKVPCp9VQ==",
+      "integrity": "sha512-xwK3PzhhxnfWqDfBikHLdAbj7Wy4F887nBcQrzwuF758Fw2qC4ivpKPL9t0uJZk5QYnU28+NqA7Q3lzYGMHQnA==",
       "dev": true
     }
   }

package.json

@@ -9,5 +9,8 @@
   "devDependencies": {
     "@types/node": "^18.11.9",
     "miniprogram-api-typings": "^3.6.0"
+  },
+  "dependencies": {
+    "@vant/weapp": "^1.10.8"
   }
 }

project.config.json

@@ -18,7 +18,14 @@
       "outputPath": ""
     },
     "minified": true,
-    "ignoreUploadUnusedFiles": true
+    "ignoreUploadUnusedFiles": true,
+    "packNpmManually": true,
+    "packNpmRelationList": [
+      {
+        "packageJsonPath": "./package.json",
+        "miniprogramNpmDistDir": "./miniprogram/"
+      }
+    ]
   },
   "simulatorType": "wechat",
   "simulatorPluginLibVersion": {},