diff --git a/README.md b/README.md
index 0414e877..0d88fcdf 100644
--- a/README.md
+++ b/README.md
@@ -1,12 +1,37 @@
-# Wot Design Uni
+<p align="center">
+    <img alt="logo" src="./docs/public/wot-design.png" width="200">
+</p>
+<h1 align="center">Wot Design Uni</h1>
 
-Wot Design Uni是一个基于Wot-design开发的uni-app组件库
+<p align="center">📱 一个参照<a href="https://ftf.jd.com/wot-design/">Wot-design</a>，基于 Vue3 打造的uni-app组件库</p>
 
-[文档](https://wot-design-uni.netlify.app/)
+<p align="center">
+  <a href="https://app.netlify.com/sites/wot-design-uni/deploys" target="_blank" referrerpolicy="no-referrer">
+    <img src="https://api.netlify.com/api/v1/badges/0991d8a9-0fb0-483b-8961-5bde066bbd50/deploy-status" alt="deploy-status" />
+  </a>
+</p>
 
-# 部署状态
+<p align="center">
+  🔥 <a href="https://wot-design-uni.netlify.app/">文档网站 (Netlify)</a>
+</p>
+
+
+## ✨ 特性
+
+- 🚀 支持 APP、H5、微信小程序、支付宝小程序、钉钉小程序 等平台.
+- 🚀 50+ 个高质量组件，覆盖移动端主流场景.
+- 💪 使用 Typescript 构建，提供良好的组件类型系统.
+- 💪 采用 Vue3 最新特性，提升组件性能.
+- 📖 提供丰富的文档和组件示例.
+- 🎨 支持主题定制，可以定制scss变量以及组件的样式自定义.
+
+## 📱 预览
+
+手机扫描上的二维码访问演示：
+
+<img src="./docs/public/wx.jpg" width="200" height="200" style="margin-right:30px"/>
+<img src="./docs/public/alipay.png" width="200" height="200" />
 
-[![Netlify Status](https://api.netlify.com/api/v1/badges/0991d8a9-0fb0-483b-8961-5bde066bbd50/deploy-status)](https://app.netlify.com/sites/wot-design-uni/deploys)
 
 ## 安装
 
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 92a2f59a..64044a93 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -1,7 +1,7 @@
 /*
  * @Author: weisheng
  * @Date: 2023-07-27 10:26:09
- * @LastEditTime: 2023-08-01 10:09:21
+ * @LastEditTime: 2023-08-01 13:09:48
  * @LastEditors: weisheng
  * @Description: 
  * @FilePath: \wot-design-uni\docs\.vitepress\config.ts
@@ -11,7 +11,7 @@ import { defineConfig } from 'vitepress';
 
 export default defineConfig({
   title: `Wot Design Uni`,
-  description: '一个基于Vue3构建的uni-app组件库',
+  description: '一个参照Wot-design打造的uni-app组件库',
   head: [
     ['link', { rel: 'icon', href: '/favicon.ico' }],
     ['script', {}, `
@@ -65,6 +65,8 @@ export default defineConfig({
           { text: 'uni-mini-router', link: 'https://gitee.com/fant-mini/uni-mini-router' },
           { text: 'uni-mini-ci', link: 'https://gitee.com/fant-mini/uni-mini-ci' },
           { text: 'fant-mini-plus', link: 'https://fant-mini-plus.top/fant-mini-plus/' },
+          { text:'wot-design',  link:'https://ftf.jd.com/wot-design/' },
+          { text:'wot-design-mini', link:'https://ftf.jd.com/wot-design-mini/' }
         ],
       },
     ],
diff --git a/docs/.vitepress/theme/styles/vars.css b/docs/.vitepress/theme/styles/vars.css
index 2aebbd1f..a07f522a 100644
--- a/docs/.vitepress/theme/styles/vars.css
+++ b/docs/.vitepress/theme/styles/vars.css
@@ -42,8 +42,8 @@
   --vp-home-hero-name-color: transparent;
   --vp-home-hero-name-background: -webkit-linear-gradient(
     120deg,
-    #bd34fe 30%,
-    #4d80f0
+    #4d80f0 30%,
+    #bd34fe
   );
 
   --vp-home-hero-image-background-image: linear-gradient(
diff --git a/docs/index.md b/docs/index.md
index 3ca5bc74..8f79793c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -2,12 +2,12 @@
 layout: home
 
 title: Wot Design Uni
-titleTemplate: 一个基于Wot-design开发的uni-app组件库
+titleTemplate: 一个参照Wot-design打造的uni-app组件库
 
 hero:
   name: Wot Design Uni
   text:
-  tagline: 一个基于Wot-design开发的uni-app组件库
+  tagline: 一个参照Wot-design打造的uni-app组件库
   image:
     src: /wot-design.png
     alt: Wot Design
diff --git a/docs/public/wot-design.png b/docs/public/wot-design.png
index 5250c739..5d505b33 100644
Binary files a/docs/public/wot-design.png and b/docs/public/wot-design.png differ
diff --git a/docs/public/wot-design1.png b/docs/public/wot-design1.png
new file mode 100644
index 00000000..5250c739
Binary files /dev/null and b/docs/public/wot-design1.png differ
diff --git a/docs/public/wot-design3.png b/docs/public/wot-design3.png
new file mode 100644
index 00000000..87374468
Binary files /dev/null and b/docs/public/wot-design3.png differ