feat:练字贴生成

miniprogram/components/word-picker/word-picker.less

@@ -74,6 +74,7 @@
 
 
 .selected-words {
+    height: 66rpx;
     padding: 28rpx;
     font-size: 28rpx;
     color: #141414;

miniprogram/components/word-picker/word-picker.ts

@@ -14,17 +14,20 @@ Component({
             type: Number,
             value: 0,
         },
-        cardList: {
+        selectedWords: {
             type: Array,
-            value: [],
+            value: []
         },
+        max: {
+            type: Number,
+            value: 6
+        }
     },
     /**
      * 组件的初始数据
      */
     data: {
         wordList: WORDS,
-        selectedWords: [] as string[],
     },
     lifetimes: {
         ready() {
@@ -60,7 +63,7 @@ Component({
 
         onWordClick(e: WechatMiniprogram.TouchEvent) {
             const { word } = e.currentTarget.dataset;
-            const { selectedWords } = this.data;
+            const { selectedWords, max } = this.data;
             let newSelectedWords = selectedWords as string[];
 
             // 如果是已选中的文字,直接取消选中
@@ -68,9 +71,9 @@ Component({
                 newSelectedWords = newSelectedWords.filter((item) => item !== word);
             } else {
                 // 如果是未选中的文字,先判断是否已选满6个
-                if (newSelectedWords.length >= 6) {
+                if (newSelectedWords.length >= max) {
                     wx.showToast({
-                        title: '最多选择6个字',
+                        title: `最多选择 ${max} 个字`,
                         icon: 'none',
                     });
                     return;

miniprogram/components/word-picker/word-picker.wxml

@@ -8,7 +8,7 @@
     close-on-click-overlay="{{true}}"
     safe-area-inset-bottom="{{false}}"
     position="bottom"
-    custom-style="height:75%"
+    custom-style="height:78%"
     custom-class="word-picker">
     <view class="word-picker-content">
         <view class="word-picker-title">请选择文字</view>