feat: 初始化图形页

miniprogram/app.json

@@ -1,6 +1,7 @@
 {
     "pages": [
         "pages/index/index",
+        "pages/shape/index",
         "pages/debug/debug",
         "pages/shapePrint/index"
     ],
@@ -24,13 +25,20 @@
         }
     },
     "tabBar": {
+        "color": "#323232",
+        "selectedColor": "#FCD200",
+        "backgroundColor": "#fff",
         "list": [
             {
                 "pagePath": "pages/index/index",
+                "iconPath": "assets/tabBar/icon-word.png",
+                "selectedIconPath": "assets/tabBar/icon-word-active.png",
                 "text": "识字"
             },
             {
-                "pagePath": "pages/shapePrint/index",
+                "pagePath": "pages/shape/index",
+                "iconPath": "assets/tabBar/icon-shape.png",
+                "selectedIconPath": "assets/tabBar/icon-shape-active.png",
                 "text": "图形"
             }
         ]

miniprogram/pages/shape/index.json

@@ -0,0 +1,13 @@
+{
+    "navigationBarTitleText": "涂鸦丫-图形",
+    "navigationBarBackgroundColor": "#FFD719",
+    "homeButton": true,
+    "backgroundColor": "#F6F6F6",
+    "enablePullDownRefresh": false,
+    "usingComponents": {
+        "van-divider": "@vant/weapp/divider/index",
+        "van-icon": "@vant/weapp/icon/index",
+        "van-popup": "@vant/weapp/popup/index",
+        "toy-button": "../../ui/button/button"
+    }
+}

miniprogram/pages/shape/index.less

@@ -0,0 +1,37 @@
+page {
+    background-color: #f6f6f6;
+}
+
+.page-container {
+    background-color: #f6f6f6;
+    padding: 0 24rpx;
+    box-sizing: border-box;
+
+    .empty {
+        height: 190rpx;
+    }
+
+    .wrapper {
+        background-color: #ffffff;
+        border-radius: 20rpx;
+        padding: 24rpx;
+        box-shadow: 0 3rpx 4rpx rgba(0, 0, 0, 0.15);
+        margin: 30rpx 0;
+        display: flex;
+        flex-direction: column;
+
+        .wrapper-title {
+            font-size: 32rpx;
+            color: #141414;
+            margin-bottom: 24rpx;
+            font-weight: bold;
+            text-align: center;
+        }
+    }
+
+    .btn-area {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+    }
+}

miniprogram/pages/shape/index.ts

@@ -0,0 +1,11 @@
+Page({
+    data: {
+        shapeList: [],
+    },
+
+    onLoad() {
+        this.setData({
+            shapeList: [],
+        });
+    },
+});

miniprogram/pages/shape/index.wxml

@@ -0,0 +1,22 @@
+<view class="page-container">
+    <view class="wrapper">
+        <text class="wrapper-title">自定义涂鸦卡</text>
+        <view class="btn-area">
+            <toy-button
+                type="green"
+                bind:click="openSelectShapePopup"
+                width="290rpx">
+                选择图形
+            </toy-button>
+            <toy-button
+                type="primary"
+                bind:click="refreshShapeCard"
+                width="290rpx"
+                icon="refresh"
+                icon-class-prefix="toy-icon">
+                随机生成
+            </toy-button>
+        </view>
+        <van-divider />
+    </view>
+</view>