fix(docs): image urls

Author: wangdicoder

packages/react/src/avatar/demo/group.md

@@ -11,27 +11,27 @@ Include multiple avatar items inside an `AvatarGroup` container.
   return (
     <div>
       <Group>
-        <Avatar size={42} src="/avatar/avatar2.png"/>
-        <Avatar size={42} src="/avatar/avatar3.png"/>
-        <Avatar size={42} src="/avatar/avatar4.png"/>
-        <Avatar size={42} src="/avatar/avatar5.png"/>
+        <Avatar size={42} src="../avatar/avatar2.png"/>
+        <Avatar size={42} src="../avatar/avatar3.png"/>
+        <Avatar size={42} src="../avatar/avatar4.png"/>
+        <Avatar size={42} src="../avatar/avatar5.png"/>
       </Group>
       <br/>
       <br/>
       <Group>
-        <Avatar size={42} src="/avatar/avatar2.png"/>
-        <Avatar size={42} src="/avatar/avatar3.png"/>
-        <Avatar size={42} src="/avatar/avatar4.png"/>
-        <Avatar size={42} src="/avatar/avatar5.png"/>
+        <Avatar size={42} src="../avatar/avatar2.png"/>
+        <Avatar size={42} src="../avatar/avatar3.png"/>
+        <Avatar size={42} src="../avatar/avatar4.png"/>
+        <Avatar size={42} src="../avatar/avatar5.png"/>
         <Avatar size={42}>+100</Avatar>
       </Group>
       <br/>
       <br/>
       <Group gap={0}>
-        <Avatar size={42} src="/avatar/avatar2.png"/>
-        <Avatar size={42} src="/avatar/avatar3.png"/>
-        <Avatar size={42} src="/avatar/avatar4.png"/>
-        <Avatar size={42} src="/avatar/avatar5.png"/>
+        <Avatar size={42} src="../avatar/avatar2.png"/>
+        <Avatar size={42} src="../avatar/avatar3.png"/>
+        <Avatar size={42} src="../avatar/avatar4.png"/>
+        <Avatar size={42} src="../avatar/avatar5.png"/>
       </Group>
     </div>
   )

packages/react/src/avatar/demo/type.md

@@ -15,7 +15,7 @@ Image, Icon and letter are supported, and the latter two kinds avatar can have c
       <Avatar icon={<IconUser size={20}/>} style={style}/>
       <Avatar style={style}>U</Avatar>
       <Avatar style={style}>USER</Avatar>
-      <Avatar src="/avatar/avatar1.png" style={{ ...style }}/>
+      <Avatar src="../avatar/avatar1.png" style={{ ...style }}/>
       <Avatar style={{ ...style, color: '#f56a00', backgroundColor: '#fde3cf' }}>LW</Avatar>
       <Avatar style={{ ...style, backgroundColor: '#87d068' }} icon={<IconUser size={20}/>} />
     </>

packages/react/src/card/demo/image.md

@@ -8,7 +8,7 @@ A card using an image to reinforce the content.
 <Card actions={[
     <a key={1} href="">Learn more</a>
   ]}>
-  <Image width="100%" src="/avatar/plants.jpg"/>
+  <Image width="100%" src="../avatar/plants.jpg"/>
   <Card.Content>
     <h2 style={{ margin: 0 }}>Koala</h2>
     <p style={{ marginBottom: 0 }}>The koala is an arboreal herbivorous marsupial native to Australia. It is the only extant representative of the family Phascolarctidae and its closest living relatives are the wombats, which comprise the family Vombatidae. </p>

packages/react/src/image/demo/fallback.md

@@ -5,7 +5,7 @@
 Providing a fallback image for when there is an error loading the src of the image.
 
 ```jsx live
-<Image src="" fallback="/avatar/avatar2.png"/>
+<Image src="" fallback="../avatar/avatar4.png"/>
 ```
 
 </Demo>

packages/react/src/image/demo/lazy.md

@@ -8,9 +8,9 @@ Set `lazy` and `placehoulder` properties to implement the lazy load.
 <div style={{ height: 250, overflowY: 'scroll' }}>
   <p>Scroll up to make images into the view area.</p>
   <div style={{ height: 350 }}/>
-  <Image lazy round src="/avatar/avatar3.png" placeholder="/avatar/avatar3_blur.png"/>
+  <Image lazy round src="../avatar/avatar3.png" placeholder="../avatar/avatar3_blur.png"/>
   <div style={{ height: 350 }}/>
-  <Image lazy width={300} height={200} src="/avatar/plants.jpg" placeholder="/avatar/plants_blur.png"/>
+  <Image lazy width={300} height={200} src="../avatar/plants.jpg" placeholder="../avatar/plants_blur.png"/>
   <div style={{ height: 100 }}/>
 </div>
 ```

packages/react/src/image/demo/round.md

@@ -5,7 +5,7 @@
 Display a rounded image.
 
 ```jsx live
-<Image round src="/avatar/avatar2.png"/>
+<Image round src="../avatar/avatar2.png"/>
 ```
 
 </Demo>