doc(website): Update Readme.md

Author: 杨楠

packages/core/src/Picker/README.md

@@ -7,6 +7,8 @@ Picker 选择器
 > 激活状态尽量不要改变高度, 只是修改颜色作为标记。
 <!--rehype:style=border-left: 8px solid #ffe564;background-color: #ffe56440;padding: 12px 16px;-->
 
+<img src='https://user-images.githubusercontent.com/66067296/139409471-846bdddb-99cc-4b2d-b2da-278da81b0c22.gif' alt='Picker' style='zoom:66%;' />
+
 ### 基础示例
 
 ```jsx

packages/core/src/Progress/README.md

@@ -3,6 +3,8 @@ Progress 进度条
 
 表明某个任务的当前进度。
 
+<img src='https://user-images.githubusercontent.com/66067296/140003519-03faded1-e004-45eb-b9af-442d84d6f258.gif' alt='Progress' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 
@@ -15,7 +17,29 @@ function Demo() {
   return (
     <SafeAreaView style={{ flex: 1 }}>
       <Progress progress={30} position="fixed"/>
-      <Progress progressColor="#5847FF" iconShow={true} xml={motorcycle} />
+    </SafeAreaView>
+  )
+}
+```
+
+### 展示进度图标 & 进度提示字
+
+<!--DemoStart--> 
+```jsx
+import {  SafeAreaView } from 'react-native';
+import { Progress } from '@uiw/react-native';
+import { motorcycle } from './svg';
+
+function Demo() {
+  return (
+    <SafeAreaView style={{ flex: 1 }}>
+     <Progress
+          progressColor="#5847FF"
+           xml={motorcycle}
+          progressShow={false}
+          iconShow={true}
+          progress={30}
+        />
     </SafeAreaView>
   )
 }

packages/core/src/QuickList/README.md

@@ -3,6 +3,8 @@ QuickList 快速请求列表
 
 快速完成上拉下拉请求列表。
 
+<img src='https://user-images.githubusercontent.com/66067296/140003953-6d3c5a99-a656-4bd3-a1e9-3711550cb87d.gif' alt='QuickList' style='zoom:33%;' />
+
 ### 基础示例
 
 <!--DemoStart--> 

packages/core/src/Radio/README.md

@@ -3,6 +3,8 @@ Radio 单选框
 
 单选框，在一组备选项中进行单选。
 
+<img src='https://user-images.githubusercontent.com/66067296/140004062-402c9ff6-0783-44a8-9745-83f0c62438db.png' alt='Radio' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

packages/core/src/Rating/README.md

@@ -3,6 +3,8 @@ Rating 评分
 
 在你想用任意需要评分的的地方使用。
 
+<img src='https://user-images.githubusercontent.com/66067296/140004186-31b369e2-13f1-4dd2-aef5-331aa133b0fe.gif' alt='Rating' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

packages/core/src/Result/README.md

@@ -3,6 +3,8 @@ Result 结果页
 
 在整张页面中组织插画、图标、文字等内容，向用户反馈操作结果。
 
+<img src='https://user-images.githubusercontent.com/66067296/140004296-414edcc2-c809-4fcf-a147-5088757ea7b1.png' alt='Result' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

packages/core/src/SearchBar/README.md

@@ -1,4 +1,7 @@
 SearchBar 模糊搜素组件
+
+<img src='https://user-images.githubusercontent.com/66067296/140004480-cadbd892-afb3-483f-95a3-3bfe43a4bdfc.gif' alt='SearchBar' style='zoom:33%;' />
+
 ---
 
 ### 基础示例

packages/core/src/SearchInputBar/README.md

@@ -3,6 +3,8 @@ SearchInputBar 动作面板
 
 可用于用户输入搜索信息
 
+<img src='https://user-images.githubusercontent.com/66067296/140004397-65ffc69e-a79f-425d-9d75-2928c125e5c8.gif' alt='SearchInputBar' style='zoom:33%;' />
+
 ### 基础示例
 
 ```jsx

website/src/pages/components/progress/index.gif

@@ -6,12 +6,6 @@ export default class Page extends Markdown {
     const md = await import('@uiw/react-native/lib/Progress/README.md');
     // 支持 markdown 中，相对于当前 index.tsx 相对路径引入图片资源
     importAll((require as any).context('./', true, /\.(png|gif|jpg|svg)$/), this.imageFiles);
-    const result = md.default || md;
-    const index = result.indexOf('### 基础示例');
-    const abc =
-      result.substr(0, index) +
-      "\n<image src='./index.gif' alt='Progress' style='zoom:33%;' />\n\n" +
-      result.substr(index);
-    return abc;
+    return md.default || md;
   };
 }