修改文档样式

docs/App.vue

@@ -10,7 +10,11 @@
 					<div class="page-component__content">
 						<router-view class="content"></router-view>
 					</div>
-					<el-backtop target=".page-component__scroll .el-scrollbar__wrap" :right="100" :bottom="150"></el-backtop>
+					<el-backtop target=".page-component__scroll .el-scrollbar__wrap" :right="10" :bottom="150">
+						<div class="base-backtop">
+							<i class="layui-icon layui-icon-top" style="font-size: 40px;"></i>
+						</div>
+					</el-backtop>
 				</div>
 			</el-scrollbar>
 		</div>
@@ -131,6 +135,16 @@
 		}
 	}
 
+	.base-backtop{
+		height: 100%;
+		width: 100%;
+		box-shadow: 0 0 6px rgba(0,0,0, .12);
+		text-align: center;
+		background-color: rgb(0, 150, 136);
+		line-height: 40px;
+		color: #FFF;
+	}
+
 	.page-component {
 		box-sizing: border-box;
 		height: 100%;

docs/components/header.vue

@@ -19,8 +19,8 @@
                         <router-link active-class="active" :to="`/`">使用手册</router-link>
                     </li>
                     <li class="nav-item">
-                        <a href='https://gitee.com/maplemei/xm-select' target="_blank" style="opacity: 1; display: flex; margin-top: 20px;">
+                        <a href='https://gitee.com/maplemei/xm-select' target="_blank" style="opacity: 1; display: flex; margin-top: 30px;">
-                            <img src='https://gitee.com/maplemei/xm-select/widgets/widget_6.svg' alt='Fork me on Gitee'></img>
+                            <img src='https://gitee.com/maplemei/xm-select/widgets/widget_3.svg' alt='Fork me on Gitee' style="width: 60px;"></img>
                         </a>
                     </li>
                 </ul>

docs/mds/install.md

@@ -4,7 +4,9 @@
 ### 简介
 
 :::tip
-基于 [layui](https://layui.com) 的一个多选解决方案。前身 [formSelects](https://github.com/hnzzmsf/layui-formSelects/)，经历了4个大版本的更新迭代，移除了对 `jquery` 的依赖，以一种全新的面貌诞生了。
+始于 [layui](https://layui.com) 的一个多选解决方案。<br/>
+前身 [formSelects](https://github.com/hnzzmsf/layui-formSelects/), 由于渲染速度慢, 代码冗余, 被放弃了<br/>
+[xm-select](https://gitee.com/maplemei/xm-select)使用了新的开发方式, 利用preact进行渲染, 大幅度提高渲染速度, 并且可以灵活拓展
 :::
 
 - 唯一依赖库[preactjs](https://preactjs.com/)
@@ -13,7 +15,11 @@
 - [Fly社区交流贴](https://fly.layui.com/jie/57776/)
 - QQ交流群: `660408068`
 
-> 作者: maplemei, 热爱前端的Java程序猿, 如果喜欢作者的插件, 可以请作者吃雪糕 ^_^
+### 作者
+
+maplemei, 热爱前端的Java程序猿, 如果喜欢作者的插件, 可以请作者吃雪糕 ^_^
+
+### 打赏
 
 <p>
 	<a href="javascript:;">
@@ -25,11 +31,9 @@
 
 ### 下载
 
-[![star](https://gitee.com/maplemei/xm-select/badge/star.svg?theme=dark)](https://gitee.com/maplemei/xm-select/stargazers)
+| star | fork | download |
-[![fork](https://gitee.com/maplemei/xm-select/badge/fork.svg?theme=dark)](https://gitee.com/maplemei/xm-select/members)
+| -	   | - 	  | - 		 |
-
+| [![star](https://gitee.com/maplemei/xm-select/badge/star.svg?theme=dark)](https://gitee.com/maplemei/xm-select/stargazers) | [![fork](https://gitee.com/maplemei/xm-select/badge/fork.svg?theme=dark)](https://gitee.com/maplemei/xm-select/members) | [码云下载](https://gitee.com/maplemei/xm-select/releases) | 
-[码云下载](https://gitee.com/maplemei/xm-select/releases)
-
 
 
 ### 二次开发
@@ -43,6 +47,21 @@ $ npm install && npm run dev
 
 ### Hello World
 
+```
+第一步: 下载
+第二步: 引入 xm-select.js
+第三步: 写一个`<div id="demo1"></div>`
+第四步: 渲染
+	var demo1 = xmSelect.render({
+		el: '#demo1',
+		language: 'zn',
+		data: [
+			{name: '张三', value: 1},
+			{name: '李四', value: 2},
+			{name: '王五', value: 3},
+		]
+	})
+```
 
 :::demo 只需引入`xm-select.js`
 ```html