富文本复制粘贴，水印自动扩展，其他命名优化

src/App.vue

@@ -5,8 +5,10 @@ import Watermark from './components/Watermark.vue' // 引入 Watermark 组件
 
 <template>
   <main id="main-container">
-    <Yys />
-    <Watermark text="示例水印" font="30px Arial" color="rgba(184, 184, 184, 0.3)" angle=-20 /> <!-- 添加 Watermark 组件 -->
+    <!-- 添加 Watermark 组件 -->
+    <Watermark text="示例水印" font="30px Arial" color="rgba(184, 184, 184, 0.3)" angle=-20 >
+      <Yys />
+    </Watermark>
   </main>
 </template>
 
@@ -15,7 +17,8 @@ import Watermark from './components/Watermark.vue' // 引入 Watermark 组件
 #main-container {
   position: relative;
   width: 100%;
-  height: 100vh; /* 视口高度 */
+  min-height: 100vh; /* 允许容器扩展 */
+  //position: relative;
 }
 
 /* 如果 Yys 组件需要特定的高度或布局，可以根据需要调整 */