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></slot>
|
||||
</div>
|
||||
<!-- [full-card] 撑满 -->
|
||||
<card-full v-if="type === 'full-card'" :right="20" :bottom="20">
|
||||
<!-- [card-full] 撑满 -->
|
||||
<card-full v-if="type === 'card-full'" :right="20" :bottom="20">
|
||||
<slot v-if="$slots.header" name="header" slot="header"></slot>
|
||||
<slot></slot>
|
||||
</card-full>
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<Container>
|
||||
<Markdown url="/static/markdownFiles/article/首页.md"></Markdown>
|
||||
<Container type="card-full">
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
<Markdown url="/static/markdownFiles/article/演示文章 - 长页面.md"></Markdown>
|
||||
</Container>
|
||||
</template>
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<Container type="full-card">
|
||||
<Container type="card-full">
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<Container type="full-card">
|
||||
<Container type="card-full">
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
@@ -39,12 +39,12 @@ export const menu = {
|
||||
// {
|
||||
// title: '撑满',
|
||||
// icon: 'file-o',
|
||||
// path: 'container/full-card',
|
||||
// name: 'demo-business-container-full-card',
|
||||
// path: 'container/card-full',
|
||||
// name: 'demo-business-container-card-full',
|
||||
// meta: {
|
||||
// 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: '撑满',
|
||||
icon: 'file-o',
|
||||
path: 'container/full-card',
|
||||
name: 'demo-components-container-full-card',
|
||||
path: 'container/card-full',
|
||||
name: 'demo-components-container-card-full',
|
||||
meta: {
|
||||
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
|
||||
|
||||
@@ -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` 参数设置只在 `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