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-11 11:54:51 +08:00
parent b8c1eff607
commit e02db53b89
15 changed files with 114 additions and 51 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/entry.js
View File

@@ -22,6 +22,12 @@ const router = new VueRouter({
routes
});
router.beforeEach((to, from, next) => {
if (to.path) {
_hmt.push(['_trackPageview', to.fullPath]);
}
next();
});
router.afterEach(route => {
Vue.nextTick(() => {

9
docs/index.ejs
View File

@@ -1,6 +1,15 @@
<!DOCTYPE html>
<html>
<head>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?758a90d7d534804ddd66137da7c9ee69";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<% for (var chunk in htmlWebpackPlugin.files.css) { %>
<link rel="preload" href="<%= htmlWebpackPlugin.files.css[chunk] %>" as="style">
<% } %>

43
docs/mds/ZP02.md
View File

@@ -24,37 +24,18 @@ var demo1 = xmSelect.render({
var ele = layui.eleTree.render({
elem: '#ele1',
data: [
{
id: 1,
label: "安徽省",
children: [
{
id: 2,
label: "马鞍山市",
disabled: true,
children: [
{
id: 3,
label: "和县",
},
{
id: 4,
label: "花山区",
}
]
}
]
},
{
id: 5,
label: "河南省",
children: [
{
id: 6,
label: "郑州市"
}
]
}
{ id: 1, label: "安徽省", children: [
{ id: 2, label: "马鞍山市", disabled: true, children: [
{ id: 3, label: "和县" },
{ id: 4, label: "花山区" }
]}
]},
{ id: 5, label: "河南省", children: [
{ id: 6, label: "郑州市" },
{ id: 7, label: "开封市" },
{ id: 8, label: "焦作市" },
{ id: 9, label: "洛阳市" },
]}
],
showCheckbox: true,
defaultExpandAll: true,

65
docs/mds/ZP03.md Normal file
View File

@@ -0,0 +1,65 @@
## 下拉树
### layuiTree
结合 `layui` 的 `tree`, <a href='https://www.layui.com/doc/modules/tree.html' target='_blank'>传送门</a>
:::demo
```html
<div id="demo1" class="xm-select-demo"></div>
<script>
var data = [
{ id: 1, title: "安徽省", children: [
{ id: 2, title: "马鞍山市", disabled: true, children: [
{ id: 3, title: "和县" },
{ id: 4, title: "花山区" }
]}
]},
{ id: 5, title: "河南省", children: [
{ id: 6, title: "郑州市" },
{ id: 7, title: "开封市" },
{ id: 8, title: "焦作市" },
{ id: 9, title: "洛阳市" },
]}
]
//先渲染多选
var demo1 = xmSelect.render({
el: '#demo1',
theme: {
color: '#5FB878',
},
content: '<div id="layuiTree"></div>',
data: data,
prop: {
name: 'title',
value: 'id',
}
})
//渲染自定义内容
var ele = layui.tree.render({
id: 'demoId',
elem: '#layuiTree',
data: data,
showCheckbox: true,
oncheck: function(obj){
var checkData = layui.tree.getChecked('demoId');
}
});
//监听下拉多选的选择
demo1.update({
on({ arr, change, isAdd }){
if(isAdd === false){//监听取消
ele.setChecked(arr.map(item => item.id), true);
}
},
});
</script>
```
:::

7
docs/plugins/baidu/statistical.js
View File

@@ -1,7 +0,0 @@
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?758a90d7d534804ddd66137da7c9ee69";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();

1
docs/plugins/index.js
View File

@@ -1,3 +1,2 @@
import './baidu/statistical.js'
import './eleTree/eleTree.js'
import './eleTree/eleTree.css'

3
docs/router.js
View File

@@ -97,7 +97,8 @@ export default [{
component: Component,
children: [
{ path: '/example-plugin/ZP01', name: '下拉自定义', component: importMd('/ZP01') },
{ path: '/example-plugin/ZP02', name: '下拉树', component: importMd('/ZP02') },
{ path: '/example-plugin/ZP02', name: '下拉树 EleTree', component: importMd('/ZP02') },
// { path: '/example-plugin/ZP03', name: '下拉树 LayuiTree', component: importMd('/ZP03') },
]
}, {
path: '/question',