docs: 网络协议造成图片缺失

jevin98 · jevin98 · commit c892b83a0b4c · 2024-11-27T09:54:28.000+08:00
diff --git a/docs/src/document/zh-CN/components/checkcard.md b/docs/src/document/zh-CN/components/checkcard.md
@@ -14,13 +14,17 @@
 
 <template>
   <lay-checkcard
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题"
     description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"
   >
   </lay-checkcard>
 </template>
 
+<script setup>
+import images from '/@src/assets/logo-png.png'
+</script>
+
 :::
 
 
@@ -35,19 +39,19 @@
  <lay-checkcard-group v-model="multiple">
     <lay-checkcard
       value="2"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
    <lay-checkcard
       value="3"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   <lay-checkcard
       value="4"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
@@ -85,19 +89,19 @@ export default {
  <lay-checkcard-group single  v-model="Single">
     <lay-checkcard
       value="2"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
    <lay-checkcard
       value="3"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   <lay-checkcard
       value="4"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
@@ -154,12 +158,12 @@ export default {
 <template>
   <h4>只有图片时</h4>
   <lay-checkcard
-    avatar="http://abc.pearadmin.com/logo-png.png">
+    :avatar="images">
   </lay-checkcard>
   <h4>只有图片和描述时</h4>
   <lay-checkcard
     description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"
-    avatar="http://abc.pearadmin.com/logo-png.png">
+    :avatar="images">
   </lay-checkcard>
   <h4>只有描述和标题时</h4>
   <lay-checkcard
@@ -168,7 +172,7 @@ export default {
   </lay-checkcard>
   <h4>只有标题和图片</h4>
   <lay-checkcard
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="示例">
   </lay-checkcard>
   <h4>只有标题时</h4>
@@ -241,7 +245,7 @@ export default {
 
 <template>
 <lay-checkcard
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题">
     <template #description>
       选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。
@@ -264,7 +268,7 @@ export default {
   <lay-checkcard
     @change="handleChange"
     v-model="ischeked"
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题">
   </lay-checkcard>
 </template>
@@ -301,7 +305,7 @@ export default {
 <template>
   <lay-checkcard
     v-model="ischekeds"
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题">
      <template #extra>
      <lay-dropdown placement="top">
@@ -343,11 +347,11 @@ export default {
 <template>
   <lay-checkcard>
      <template #cover>
-      <img src="http://abc.pearadmin.com/0e13411277ca6e7c6959b98501c067b4"/>
+      <img :src="images"/>
     </template>
   </lay-checkcard>
    <lay-checkcard
-   cover="http://abc.pearadmin.com/0e13411277ca6e7c6959b98501c067b4">
+   :cover="images">
   </lay-checkcard>
 </template>
 
@@ -365,21 +369,21 @@ export default {
 ::: demo 
 <template>
  <lay-checkcard
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题"
     description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"
   >
   </lay-checkcard>
    <lay-checkcard
     disabled
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题"
     description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"
   >
   </lay-checkcard>
   <lay-checkcard
     disabled
-    avatar="http://abc.pearadmin.com/logo-png.png"
+    :avatar="images"
     title="标题"
     description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。"
   >
@@ -388,18 +392,18 @@ export default {
    <lay-checkcard-group disabled>
     <lay-checkcard
       value="1"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
    <lay-checkcard
       value="4"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   <lay-checkcard
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
@@ -422,18 +426,18 @@ export default {
   <lay-checkcard-group>
     <lay-checkcard
       value="1"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
    <lay-checkcard
       value="4"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   <lay-checkcard
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
@@ -481,23 +485,23 @@ export default {
    <lay-col md="8">
     <lay-checkcard
       value="2"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   </lay-col>
    <lay-col md="8">
    <lay-checkcard
       value="3"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
   </lay-col>
    <lay-col md="8">
   <lay-checkcard
       value="4"
-      avatar="http://abc.pearadmin.com/logo-png.png"
+      :avatar="images"
       title="标题"
       description="选择一个由流程编排提供的典型用户案例，可以从中学习到流程编排很多设计理念。">
   </lay-checkcard>
