no message
Former-commit-id: 059ed7d58b3c488375846077097379862402d726 [formerly 059ed7d58b3c488375846077097379862402d726 [formerly 059ed7d58b3c488375846077097379862402d726 [formerly 059ed7d58b3c488375846077097379862402d726 [formerly f9d20a743a59963c7030ee2bb3687e67cd7e2f77 [formerly d0423d102ad5e8d239dfa81b759def26723e9a18]]]]] Former-commit-id: 978419dc6a5104bd0b62208aa196ae559addf276 Former-commit-id: c528a955665e1948e0f00a92bc8bc48150593a0a Former-commit-id: 5302260354464937a1b6148cb1caca6d269bc8d1 [formerly 2babee13937d41adb934f13e58cc289a93be6fcb] Former-commit-id: 4489dc13cf7a1835acfe11f73120b3a28bf823a8 Former-commit-id: 23bd3b9d4c99092f16d1e242828f6843b9197f35 Former-commit-id: 4475b3a0276b87da789cf8a36d245ea805165fcb Former-commit-id: 3aaeabed60aa694bc6925fbff05559cbfeeff86c Former-commit-id: 95637f510a4c313f571865cf2d96dd437f568706
This commit is contained in:
parent
47a00f369b
commit
de7383b739
|
|
@ -83,6 +83,22 @@ export default {
|
|||
|
||||
你可以通过设置 `scroll` 来启用自定义滚动条,看起来更美观一些
|
||||
|
||||
示例:
|
||||
|
||||
``` vue
|
||||
<template>
|
||||
<d2-container type="full" scroll>
|
||||
<template slot="header">
|
||||
可选的 header 内容 ...
|
||||
</template>
|
||||
主体内容 ...
|
||||
<template slot="footer">
|
||||
可选的 footer 内容 ...
|
||||
</template>
|
||||
</d2-container>
|
||||
</template>
|
||||
```
|
||||
|
||||
### 隐形页面容器
|
||||
|
||||
不显示任何背景色和边框,通常这个模式只有在极少情况下会使用
|
||||
|
|
|
|||
|
|
@ -76,6 +76,7 @@ D2Admin 创建于2018年1月14日零点51分,在2018年5月26日正式发布
|
|||
* 提供“试验台”功能 方便展示系统功能调用方法 `1.1.4 +`
|
||||
* 多标签页模式 `1.1.4 +`
|
||||
* 美化滚动条 `1.1.4 +`
|
||||
* json view `1.1.4 +`
|
||||
|
||||
## TODO
|
||||
|
||||
|
|
|
|||
38
index.html
38
index.html
|
|
@ -18,12 +18,6 @@
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
/* background: #8e9eab;
|
||||
background: -webkit-linear-gradient(to right, #eef2f3, #8e9eab);
|
||||
background: linear-gradient(to right, #eef2f3, #8e9eab); */
|
||||
/* background: #4b6cb7;
|
||||
background: -webkit-linear-gradient(to right, #182848, #4b6cb7);
|
||||
background: linear-gradient(to right, #182848, #4b6cb7); */
|
||||
background: #757F9A;
|
||||
background: -webkit-linear-gradient(to top, #D7DDE8, #757F9A);
|
||||
background: linear-gradient(to top, #D7DDE8, #757F9A);
|
||||
|
|
@ -47,6 +41,34 @@
|
|||
opacity: .8;
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.d2-app-loading-btn {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
line-height: 1;
|
||||
white-space: nowrap;
|
||||
cursor: pointer;
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
-webkit-appearance: none;
|
||||
text-align: center;
|
||||
box-sizing: border-box;
|
||||
outline: none;
|
||||
margin: 0;
|
||||
transition: .1s;
|
||||
font-weight: 500;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
padding: 12px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
/* 圆角 */
|
||||
padding: 7px 15px;
|
||||
border-radius: 20px;
|
||||
font-size: 12px;
|
||||
}
|
||||
.d2-app-loading-grid {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
|
|
@ -129,6 +151,10 @@
|
|||
<div class="d2-app-loading-title">加载中</div>
|
||||
<div class="d2-app-loading-sub-title">本示例项目加载了大量的组件,初次加载会比较慢,请耐心等待</div>
|
||||
<div class="d2-app-loading-sub-info">如果很久很久都没有加载成功,请清空缓存重新加载页面</div>
|
||||
<div style="margin-top: 10px;">
|
||||
<a class="d2-app-loading-btn" href="https://github.com/FairyEver/d2-admin" target="blank">Github仓库</a>
|
||||
<a class="d2-app-loading-btn" href="https://fairyever.gitee.io/d2-admin-doc/zh/" target="blank">中文文档</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Reference in New Issue