no message
Former-commit-id: 9feaadf3f4fb10c3ba2e2f00db5be6eebdcd730f Former-commit-id: 4d8eced27d2c8a388d5e10edbb80c221cbe835a3 Former-commit-id: 356c057e6780b48b7ae1afc841604d099f85c86d
This commit is contained in:
@@ -10,8 +10,8 @@
|
|||||||
<slot name="header"></slot>
|
<slot name="header"></slot>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</div>
|
</div>
|
||||||
<!-- [full-card] 撑满 -->
|
<!-- [card-full] 撑满 -->
|
||||||
<card-full v-if="type === 'full-card'" :right="20" :bottom="20">
|
<card-full v-if="type === 'card-full'" :right="20" :bottom="20">
|
||||||
<slot v-if="$slots.header" name="header" slot="header"></slot>
|
<slot v-if="$slots.header" name="header" slot="header"></slot>
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
</card-full>
|
</card-full>
|
||||||
|
|||||||
@@ -1,5 +1,8 @@
|
|||||||
<template>
|
<template>
|
||||||
<Container>
|
<Container type="card-full">
|
||||||
<Markdown url="/static/markdownFiles/article/首页.md"></Markdown>
|
<template slot="header">
|
||||||
|
我是插入到 header 中的内容
|
||||||
|
</template>
|
||||||
|
<Markdown url="/static/markdownFiles/article/演示文章 - 长页面.md"></Markdown>
|
||||||
</Container>
|
</Container>
|
||||||
</template>
|
</template>
|
||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<Container type="full-card">
|
<Container type="card-full">
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
我是插入到 header 中的内容
|
我是插入到 header 中的内容
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<template>
|
<template>
|
||||||
<Container type="full-card">
|
<Container type="card-full">
|
||||||
<template slot="header">
|
<template slot="header">
|
||||||
我是插入到 header 中的内容
|
我是插入到 header 中的内容
|
||||||
</template>
|
</template>
|
||||||
@@ -39,12 +39,12 @@ export const menu = {
|
|||||||
// {
|
// {
|
||||||
// title: '撑满',
|
// title: '撑满',
|
||||||
// icon: 'file-o',
|
// icon: 'file-o',
|
||||||
// path: 'container/full-card',
|
// path: 'container/card-full',
|
||||||
// name: 'demo-business-container-full-card',
|
// name: 'demo-business-container-card-full',
|
||||||
// meta: {
|
// meta: {
|
||||||
// requiresAuth: true
|
// requiresAuth: true
|
||||||
// },
|
// },
|
||||||
// component: resolve => { require(['@/pages/demo/business/container/full-card.vue'], resolve) }
|
// component: resolve => { require(['@/pages/demo/business/container/card-full.vue'], resolve) }
|
||||||
// }
|
// }
|
||||||
// ]
|
// ]
|
||||||
// }
|
// }
|
||||||
|
|||||||
@@ -49,12 +49,12 @@ export const menu = {
|
|||||||
{
|
{
|
||||||
title: '撑满',
|
title: '撑满',
|
||||||
icon: 'file-o',
|
icon: 'file-o',
|
||||||
path: 'container/full-card',
|
path: 'container/card-full',
|
||||||
name: 'demo-components-container-full-card',
|
name: 'demo-components-container-card-full',
|
||||||
meta: {
|
meta: {
|
||||||
requiresAuth: true
|
requiresAuth: true
|
||||||
},
|
},
|
||||||
component: resolve => { require(['@/pages/demo/components/container/full-card.vue'], resolve) }
|
component: resolve => { require(['@/pages/demo/components/container/card-full.vue'], resolve) }
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
> 这是一个较长的演示文章
|
> 这是一个较长的演示文章,仅仅是为了演示一些文字的显示效果
|
||||||
|
|
||||||
## vue.js
|
## vue.js
|
||||||
|
|
||||||
@@ -53,4 +53,3 @@ Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0
|
|||||||
- 用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
|
- 用户决策:根据场景可给予用户操作建议或安全提示,但不能代替用户进行决策;
|
||||||
|
|
||||||
- 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
|
- 结果可控:用户可以自由的进行操作,包括撤销、回退和终止当前操作等。
|
||||||
|
|
||||||
|
|||||||
@@ -4,7 +4,7 @@
|
|||||||
|
|
||||||
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
||||||
| --- | --- | --- | --- | --- | --- |
|
| --- | --- | --- | --- | --- | --- |
|
||||||
| type | 容器类型 | 非 | String | card ghost full-card | card |
|
| type | 容器类型 | 非 | String | card ghost card-full | card |
|
||||||
| responsive | 响应式宽度 | 非 | Boolean | | false |
|
| responsive | 响应式宽度 | 非 | Boolean | | false |
|
||||||
|
|
||||||
> `responsive` 参数设置只在 `type` 等于 `card` 或 `ghost` 时生效
|
> `responsive` 参数设置只在 `type` 等于 `card` 或 `ghost` 时生效
|
||||||
|
|||||||
@@ -1,41 +0,0 @@
|
|||||||
# D2Admin vue
|
|
||||||
|
|
||||||
`D2Admin` 是一个后台管理系统模板
|
|
||||||
|
|
||||||
本模板包含
|
|
||||||
|
|
||||||
* 常用插件集成
|
|
||||||
* 常用插件封装成 `vue` 组件
|
|
||||||
* 演示业务页面(仅是提供一些实现演示)
|
|
||||||
|
|
||||||
不建议直接在此基础上开发,请根据自己的需要删除不必要的文件和设置后使用
|
|
||||||
|
|
||||||
## 已经实现(提供基础简单实现)的功能
|
|
||||||
|
|
||||||
> 注 以下所有提到的功能仅代表提供了一种实现方式,有些功能只是基本实现,请根据自身需要取舍和改进
|
|
||||||
|
|
||||||
* `markdown` 文件加载和解析
|
|
||||||
* `markdown` 编辑器
|
|
||||||
* 富文本编辑器
|
|
||||||
* 可拖拽的网格布局
|
|
||||||
* 可拖拽调整大小的分栏布局
|
|
||||||
* 表格文件数据解析
|
|
||||||
* 数字渐变动画
|
|
||||||
* 代码高亮显示
|
|
||||||
* `HTML` 格式化输出显示
|
|
||||||
* 自动根据路由配置生成菜单
|
|
||||||
* 图标选择器(组件)
|
|
||||||
* 接口 `mock` 数据拦截
|
|
||||||
* 登陆逻辑
|
|
||||||
* 路由鉴权(登陆状态)
|
|
||||||
* 简化和统一调试时控制台输出
|
|
||||||
* 响应式 `container` 组件(页面容器)
|
|
||||||
|
|
||||||
## 集成的插件/库
|
|
||||||
* 剪切板操作库
|
|
||||||
* `cookie` 操作库
|
|
||||||
* 图标库 `font-awesome`
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Reference in New Issue
Block a user