theluyuan/xm-select
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改文档样式

Browse Source
This commit is contained in:
maplemei 2019-11-21 13:53:29 +08:00
parent db9e3121bb
commit 926e1d47f9
5 changed files with 46 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/static/2.js vendored
View File

File diff suppressed because one or more lines are too long

4
dist/static/docs.js vendored
View File

File diff suppressed because one or more lines are too long

16
docs/App.vue
View File

@ -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>
@ -129,6 +133,16 @@
&>.el-scrollbar__wrap {
overflow-x: auto;
}
}
.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 {

4
docs/components/header.vue
View File

@ -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;">
<img src='https://gitee.com/maplemei/xm-select/widgets/widget_6.svg' alt='Fork me on Gitee'></img>
<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_3.svg' alt='Fork me on Gitee' style="width: 60px;"></img>
</a>
</li>
</ul>

33
docs/mds/install.md
View File

@ -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)
[![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)
| star | fork | download |
| - | - | - |
| [![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) |
### 二次开发
@ -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