refactor: 重构国际化文件命名规范以及演示页加上代码位置提示 (#1034)

* refactor: 重构国际化文件命名规范以及演示页加上代码位置提示

src/views/able/watermark.vue

@@ -36,16 +36,22 @@ onBeforeUnmount(() => {
     <template #header>
       <div class="card-header">
         <span class="font-medium">
-          页面水印
           <el-link
             href="https://pure-admin-utils.netlify.app/hooks/useWatermark/useWatermark"
             target="_blank"
             style="margin: 0 5px 4px 0; font-size: 16px"
           >
-            （查看更详细的使用文档）
+            页面水印
           </el-link>
         </span>
       </div>
+      <el-link
+        class="mt-2"
+        href="https://github.com/pure-admin/vue-pure-admin/blob/main/src/views/able/watermark.vue"
+        target="_blank"
+      >
+        代码位置 src/views/able/watermark.vue
+      </el-link>
     </template>
     <el-space wrap class="!mb-2">
       <span> 请输入要创建水印的值：</span>
@@ -120,9 +126,7 @@ onBeforeUnmount(() => {
       <el-button plain @click="clear">清除整页水印</el-button>
     </el-space>
 
-    <el-divider />
-
-    <div ref="local" class="w-1/2 h-[200px] border border-sky-500" />
+    <div ref="local" class="w-1/2 h-[200px] border border-sky-500 mt-4" />
 
     <el-space wrap class="mt-6">
       <el-button
@@ -190,8 +194,9 @@ onBeforeUnmount(() => {
       <el-button plain @click="clearLocal">清除局部水印</el-button>
     </el-space>
 
-    <el-divider />
-
-    <div ref="preventLocal" class="w-1/2 h-[200px] border border-indigo-500" />
+    <div
+      ref="preventLocal"
+      class="w-1/2 h-[200px] border border-indigo-500 mt-4"
+    />
   </el-card>
 </template>