feat:练字贴功能基本完成

miniprogram/pages/copyBook/copyBook.wxml

@@ -1,6 +1,6 @@
 <view class="page-container">
     <view class="wrapper">
-        <text class="wrapper-title">自定义练字</text>
+        <text class="wrapper-title">自定义练字贴</text>
         <view class="word-input-box">
             <word-input bind:onConfirm="onConfirmInput" width="410rpx" />
             <toy-button
@@ -24,15 +24,30 @@
                     bind:onDelete="deleteWordCard"
                     bind:onColorTap="onColorTap" />
             </view>
-            <view class="word-list-empty" wx:if="{{!words.length}}">
-                <view class="empty-icon">
-                    <text class="toy-icon toy-icon-translate"></text>
-                </view>
-                <view class="empty-title">还没有添加文字</view>
-                <view class="empty-desc"
-                    >请在上方输入文字或点击"选择文字"按钮<br />开始创建你的练字田字格吧！</view
-                >
-            </view>
+            <empty-state
+                wx:if="{{!words.length}}"
+                title="还没有添加文字"
+                desc="请在上方输入文字或点击“选择文字”按钮，开始创建你的练字田字格吧！"
+                hint="提示：最多可以同时添加 11 个文字" />
+        </view>
+        <view class="operation-box">
+            <toy-button
+                type="primary"
+                bind:click="refreshWords"
+                width="410rpx"
+                icon="refresh"
+                icon-class-prefix="toy-icon">
+                随机生成
+            </toy-button>
+            <toy-button
+                disabled="{{words.length <= 0}}"
+                type="white"
+                bind:click="clearWords"
+                width="200rpx"
+                icon="clear"
+                icon-class-prefix="toy-icon">
+                清空
+            </toy-button>
         </view>
     </view>
 
@@ -65,7 +80,6 @@
             bind:click="exportToPrint"
             width="420rpx"
             height="80rpx"
-            disabled="{{words.length <= 0}}"
             icon="download"
             icon-class-prefix="toy-icon">
             下载打印