页面容器参数改变
Former-commit-id: 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly 584a9329d7868d9e9aac27af8bb8548899f6bb6a [formerly d9f7b6d61f9bca4dd01d9bdeaa3e05689a4c957b [formerly 685176322dd7a7c07d9adc1afe718ac8769c6e2b]]]]] Former-commit-id: 88308a03ec90c920658d225ca92d3d44329ae488 Former-commit-id: 658fe4466da6dfac5fca7f4d4f587300c297a6f4 Former-commit-id: e2f583b6a7c845b26d5713ab54427c1a30eae7c0 [formerly 7f060c7800831c725cce856ac0b97e64e8dc7df3] Former-commit-id: b4a0e21cd492e0c91637c94e9ab9cbf7e896c52d Former-commit-id: 52a1a9c80a6951a0341fbfe6ca6c748dae876747 Former-commit-id: 508b9083504c48c021f3664bd2f398aacce556f3 Former-commit-id: 5885f81448c937e04528c45ea8bd74f72dac37a9 Former-commit-id: e0337459e2f83705c4cf519840fd9532ed2a43e0
This commit is contained in:
@@ -6,13 +6,8 @@
|
||||
|
||||
| 参数名 | 介绍 | 必选 | 值类型 | 可选值 | 默认值 |
|
||||
| --- | --- | --- | --- | --- | --- |
|
||||
| type | 容器类型 | 非 | String | card ghost full | card |
|
||||
| type | 容器类型 | 非 | String | card ghost full | full |
|
||||
| scroll | 滚动优化 | 非 | Boolean | | false |
|
||||
| responsive | 响应式宽度 | 非 | Boolean | | false |
|
||||
|
||||
::: tip
|
||||
`responsive` 参数设置只在 `type` 等于 `card` 或 `ghost` 时生效
|
||||
:::
|
||||
|
||||
## 使用方法
|
||||
|
||||
@@ -40,25 +35,6 @@ export default {
|
||||
</style>
|
||||
```
|
||||
|
||||
### 基础页面容器
|
||||
|
||||
高度根据内容适应
|
||||
|
||||
``` vue
|
||||
<d2-container>
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
使用 `slot`
|
||||
|
||||
``` vue
|
||||
<d2-container>
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
### 自适应填充页面容器
|
||||
|
||||
无论内容高度多少,都会自动撑满页面,并有可选的 `header` 和 `footer` 插槽
|
||||
@@ -101,6 +77,27 @@ export default {
|
||||
</template>
|
||||
```
|
||||
|
||||
### 卡片型页面容器
|
||||
|
||||
高度根据内容适应
|
||||
|
||||
``` vue
|
||||
<d2-container type="card">
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
使用 `slot`
|
||||
|
||||
> 卡片型容器只有 header 插槽
|
||||
|
||||
``` vue
|
||||
<d2-container type="card">
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
### 隐形页面容器
|
||||
|
||||
不显示任何背景色和边框,通常这个模式只有在极少情况下会使用
|
||||
@@ -111,4 +108,15 @@ export default {
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
使用 `slot`
|
||||
|
||||
> 隐形页面容器只有 header 插槽
|
||||
|
||||
``` vue
|
||||
<d2-container type="ghost">
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
|
||||
如果你不希望内容紧贴上边,可以在内容外层容器设置 `class="d2-mt"`
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<div class="container-component" :class="{responsive}" ref="container">
|
||||
<div class="container-component" ref="container">
|
||||
<!-- [card] 卡片容器 -->
|
||||
<el-card v-if="type === 'card'" shadow="never" class="d2-container-card d2-mr">
|
||||
<slot v-if="$slots.header" name="header" slot="header"/>
|
||||
@@ -40,19 +40,13 @@ export default {
|
||||
type: {
|
||||
type: String,
|
||||
required: false,
|
||||
default: 'card'
|
||||
default: 'full'
|
||||
},
|
||||
// 滚动优化
|
||||
scroll: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
},
|
||||
// 是否开启响应式尺寸变化
|
||||
responsive: {
|
||||
type: Boolean,
|
||||
required: false,
|
||||
default: false
|
||||
}
|
||||
},
|
||||
components: {
|
||||
@@ -92,24 +86,3 @@ export default {
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
@import '~@/assets/style/public.scss';
|
||||
@media (min-width: 576px) {
|
||||
// 根据你的需要在这里添加样式
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
// 根据你的需要在这里添加样式
|
||||
}
|
||||
@media (min-width: 992px) {
|
||||
// 根据你的需要在这里添加样式
|
||||
}
|
||||
// 在大于1920分辨率的时候
|
||||
@media (min-width: 1921px) {
|
||||
.container-component.responsive {
|
||||
margin: 0px auto;
|
||||
margin-bottom: 20px;
|
||||
max-width: 1920px - 200px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<d2-demo-page-cover
|
||||
title="I AM D2ADMIN"
|
||||
sub-title="追求简约美感 & 上手即用的后台管理系统模板">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<d2-demo-page-cover
|
||||
title="图表"
|
||||
sub-title="集成图表组件">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-bar :data="chartData" v-bind="pubSetting"></ve-bar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">指定指标维度</template>
|
||||
<div class="inner">
|
||||
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">排序条形图</template>
|
||||
<div class="inner">
|
||||
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">堆叠条形图</template>
|
||||
<div class="inner">
|
||||
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">纵轴为连续的数值轴</template>
|
||||
<div class="inner">
|
||||
<ve-bar :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-bar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-candle :data="chartData" v-bind="pubSetting"></ve-candle>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">显示 MA VOL</template>
|
||||
<div class="inner">
|
||||
<ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">修改指标名和图例文字</template>
|
||||
<div class="inner">
|
||||
<ve-candle :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-candle>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-funnel :data="chartData" v-bind="pubSetting"></ve-funnel>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">金字塔</template>
|
||||
<div class="inner">
|
||||
<ve-funnel :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-funnel>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-gauge :data="chartData" v-bind="pubSetting"></ve-gauge>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-heatmap :data="chartData" v-bind="pubSetting"></ve-heatmap>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">地图热力图</template>
|
||||
<div class="inner">
|
||||
<ve-heatmap :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-heatmap>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置显示的指标维度</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">柱状图+折线图</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">堆叠柱状图</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">默认显示柱状图数据</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" :extend="extend" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">横轴为连续的数值轴</template>
|
||||
<div class="inner">
|
||||
<ve-histogram :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-histogram>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-line :data="chartData" v-bind="pubSetting"></ve-line>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">横坐标的倾斜</template>
|
||||
<div class="inner">
|
||||
<ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">堆叠面积图</template>
|
||||
<div class="inner">
|
||||
<ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">显示指标数值</template>
|
||||
<div class="inner">
|
||||
<ve-line :data="chartData" :extend="extend" v-bind="pubSetting"></ve-line>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置别名</template>
|
||||
<div class="inner">
|
||||
<ve-line :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-line>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<!-- <div class="inner">
|
||||
<ve-map :data="chartData" v-bind="pubSetting"></ve-map>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置城市</template>
|
||||
<!-- <div class="inner">
|
||||
<ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置样式</template>
|
||||
<!-- <div class="inner">
|
||||
<ve-map :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-map>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置指标维度</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">玫瑰图</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">限制显示条数饼图</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">多圆饼图</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置饼图半径边距</template>
|
||||
<div class="inner">
|
||||
<ve-pie :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-pie>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-radar :data="chartData" v-bind="pubSetting"></ve-radar>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-ring :data="chartData" v-bind="pubSetting"></ve-ring>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">指定指标维度</template>
|
||||
<div class="inner">
|
||||
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">玫瑰图</template>
|
||||
<div class="inner">
|
||||
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">限制显示条数环图</template>
|
||||
<div class="inner">
|
||||
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">设置环图半径</template>
|
||||
<div class="inner">
|
||||
<ve-ring :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-ring>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-sankey :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-sankey>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">单维度多指标</template>
|
||||
<div class="inner">
|
||||
<ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">双维度多指标</template>
|
||||
<div class="inner">
|
||||
<ve-scatter :data="chartData" v-bind="pubSetting"></ve-scatter>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">径向树图</template>
|
||||
<div class="inner">
|
||||
<ve-tree :data="chartData" :settings="chartSettings" v-bind="pubSetting"></ve-tree>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">一般</template>
|
||||
<div class="inner">
|
||||
<ve-waterfall :data="chartData" v-bind="pubSetting"></ve-waterfall>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container>
|
||||
<d2-container type="card">
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
<d2-markdown :source="doc"/>
|
||||
</d2-container>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full" scroll>
|
||||
<d2-container scroll>
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">
|
||||
我是插入到 header 中的内容
|
||||
</template>
|
||||
|
||||
@@ -3,7 +3,7 @@
|
||||
高度根据内容适应
|
||||
|
||||
```
|
||||
<d2-container>
|
||||
<d2-container type="card">
|
||||
主体内容
|
||||
</d2-container>
|
||||
```
|
||||
@@ -11,7 +11,7 @@
|
||||
使用 `slot`
|
||||
|
||||
```
|
||||
<d2-container>
|
||||
<d2-container type="card">
|
||||
<template slot="header">我是插入到 header 中的内容</template>
|
||||
主体内容
|
||||
</d2-container>
|
||||
|
||||
@@ -8,7 +8,7 @@
|
||||
|
||||
```
|
||||
<template>
|
||||
<d2-container type="full" scroll>
|
||||
<d2-container scroll>
|
||||
<template slot="header">
|
||||
可选的 header 内容 ...
|
||||
</template>
|
||||
|
||||
@@ -6,7 +6,7 @@
|
||||
|
||||
```
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">
|
||||
可选的 header 内容 ...
|
||||
</template>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<d2-demo-page-cover
|
||||
title="内置组件"
|
||||
sub-title="D2Admin 为你提供了一些上手即用的组件">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
|
||||
<h1 class="d2-mt-0">基础用法</h1>
|
||||
<el-row class="d2-mb">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
|
||||
<h1 class="d2-mt-0">主色</h1>
|
||||
<el-row :gutter="20">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
|
||||
<el-container class="d2-mb">
|
||||
<el-header>顶栏</el-header>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<template slot="header">图标</template>
|
||||
<h1 class="d2-mt-0">
|
||||
d2admin 已经集成 FontAwesome 图表库,提供约 1,000 个图标;并且准备好了图标组件
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
|
||||
<h1 class="d2-mt-0">基础布局</h1>
|
||||
<el-row>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
|
||||
<h1 class="d2-mt-0">中文字体</h1>
|
||||
<el-row :gutter="10">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1 +1 @@
|
||||
90a3104a58b6654c6323fe8f698255dfaf2f76da
|
||||
08273e04f8e05e4179e8d487d595fc7af0ad72e3
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<d2-demo-page-cover
|
||||
title="基础组件库"
|
||||
sub-title="D2Admin 集成由饿了么出品的 ElementUI">
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<d2-container type="full">
|
||||
<d2-container>
|
||||
<h1 class="d2-mt-0">该页面尚未完成组件示例搬运</h1>
|
||||
<p>D2Admin 的构建依托于由饿了么出品的 ElementUI,欲了解更多该组件的信息请查阅以下链接</p>
|
||||
<d2-demo-link-btn title="Element" link="http://element.eleme.io/#/zh-CN"/>
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user