theluyuan/layui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

style(prettier): reset code style with prettier

Browse Source
This commit is contained in:
落小梅
2021-10-12 11:30:07 +08:00
parent aee99c49c9
commit 2b59e008f3
148 changed files with 4296 additions and 4191 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
docs/docs/zh-CN/components/animation.md
View File

@@ -65,19 +65,20 @@ export default {
}
}
</script>
:::
| | | |
|--|--|--|
| layui-anim-down | 顶部往下滑入 | `layui-anim layui-anim-down` |
| layui-anim-downbit | 微微往下滑入 | `layui-anim layui-anim-downbit` |
| layui-anim-up | 底部往上滑入 | `layui-anim layui-anim-up` |
| layui-anim-upbit | 微微往上滑入 | `layui-anim ayui-anim-upbit` |
| layui-anim-scale | 平滑放大 | `layui-anim layui-anim-scale` |
| layui-anim-scaleSpring | 弹簧式放大 | `layui-anim layui-anim-scaleSpring` |
| layui-anim-scalesmall | 平滑放小 |`layui-anim layui-anim-scalesmall`|
| layui-anim-scalesmall-spring | 弹簧式放小 | `layui-anim layui-anim-scalesmall-spring`|
| layui-anim-fadein | 渐现 | `layui-anim layui-anim-fadein`|
| layui-anim-fadeout | 渐隐 | `layui-anim layui-anim-fadeout`|
| layui-anim-rotate | 360度旋转 | `layui-anim layui-anim-rotate`|
| layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop`|
| | | |
| --------------------------------- | ------------ | ---------------------------------------------- |
| layui-anim-down | 顶部往下滑入 | `layui-anim layui-anim-down` |
| layui-anim-downbit | 微微往下滑入 | `layui-anim layui-anim-downbit` |
| layui-anim-up | 底部往上滑入 | `layui-anim layui-anim-up` |
| layui-anim-upbit | 微微往上滑入 | `layui-anim ayui-anim-upbit` |
| layui-anim-scale | 平滑放大 | `layui-anim layui-anim-scale` |
| layui-anim-scaleSpring | 弹簧式放大 | `layui-anim layui-anim-scaleSpring` |
| layui-anim-scalesmall | 平滑放小 | `layui-anim layui-anim-scalesmall` |
| layui-anim-scalesmall-spring | 弹簧式放小 | `layui-anim layui-anim-scalesmall-spring` |
| layui-anim-fadein | 渐现 | `layui-anim layui-anim-fadein` |
| layui-anim-fadeout | 渐隐 | `layui-anim layui-anim-fadeout` |
| layui-anim-rotate | 360 度旋转 | `layui-anim layui-anim-rotate` |
| layui-anim-rotate layui-anim-loop | 循环动画 | `layui-anim layui-anim-rotate layui-anim-loop` |

11
docs/docs/zh-CN/components/avatar.md
View File

@@ -68,10 +68,11 @@ export default {
}
}
</script>
:::
| | | |
|--|--|--|
| src | 图源 | -- |
| size | 尺寸 | `xs` `sm` `lg`|
| radius | 圆形 | `true` `false`|
| | | |
| ------ | ---- | -------------- |
| src | 图源 | -- |
| size | 尺寸 | `xs` `sm` `lg` |
| radius | 圆形 | `true` `false` |

8
docs/docs/zh-CN/components/badge.md
View File

@@ -33,7 +33,7 @@ export default {
:::
| | | |
|--|--|--|
| type | 类型 | `dot` `rim` |
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| | | |
| ----- | ---- | --------------------------------------------- |
| type | 类型 | `dot` `rim` |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

6
docs/docs/zh-CN/components/breadcrumb.md
View File

@@ -46,6 +46,6 @@ export default {
:::
| | | |
|--|--|--|
| separator | 分割符 | `/` |
| | | |
| --------- | ------ | --- |
| separator | 分割符 | `/` |

17
docs/docs/zh-CN/components/button.md
View File

@@ -48,7 +48,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -74,7 +73,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -177,7 +175,6 @@ export default {
:::
::: demo 传入 columns 数据，自动生成表格
<template>
@@ -202,10 +199,10 @@ export default {
:::
| | | |
|--|--|--|
| type | 主题 | `primary` `normal` `warm` `danger` `disabled`|
| size | 尺寸 | `lg` `sm` `xs` |
| fluid | 最大化 | `true` `false` |
| radius | 圆角 | `true` `false` |
| border | 边框 | `green` `blue` `orange` `red` `black` |
| | | |
| ------ | ------ | --------------------------------------------- |
| type | 主题 | `primary` `normal` `warm` `danger` `disabled` |
| size | 尺寸 | `lg` `sm` `xs` |
| fluid | 最大化 | `true` `false` |
| radius | 圆角 | `true` `false` |
| border | 边框 | `green` `blue` `orange` `red` `black` |

6
docs/docs/zh-CN/components/cards.md
View File

@@ -49,7 +49,7 @@ export default {
:::
| | | |
|--|--|--|
| | | |
| ------ | ---- | ------ |
| header | 插槽 | `内容` |
| body | 插槽 | `内容` |
| body | 插槽 | `内容` |

2
docs/docs/zh-CN/components/collapse.md
View File

@@ -20,4 +20,4 @@ export default {
}
</script>
:::
:::

5
docs/docs/zh-CN/components/color.md
View File

@@ -40,6 +40,7 @@ export default {
}
}
</script>
:::
::: demo
@@ -84,6 +85,7 @@ export default {
}
}
</script>
:::
::: demo
@@ -130,4 +132,5 @@ export default {
}
}
</script>
:::
:::

6
docs/docs/zh-CN/components/container.md
View File

@@ -59,6 +59,6 @@ export default {
:::
| | | |
|--|--|--|
| fluid | 流模式 | `true` `false` |
| | | |
| ----- | ------ | -------------- |
| fluid | 流模式 | `true` `false` |

7
docs/docs/zh-CN/components/dropdown.md
View File

@@ -61,7 +61,6 @@ export default {
:::
| | | |
|--|--|--|
| trigger | 触发方式 | `click` `hover` |
| | | |
| ------- | -------- | --------------- |
| trigger | 触发方式 | `click` `hover` |

6
docs/docs/zh-CN/components/empty.md
View File

@@ -38,6 +38,6 @@ export default {
:::
| | | |
|--|--|--|
| description | 描述信息 | -- |
| | | |
| ----------- | -------- | --- |
| description | 描述信息 | -- |

6
docs/docs/zh-CN/components/field.md
View File

@@ -38,6 +38,6 @@ export default {
:::
| | | |
|--|--|--|
| title | 标题 | -- |
| | | |
| ----- | ---- | --- |
| title | 标题 | -- |

2
docs/docs/zh-CN/components/form.md
View File

@@ -220,4 +220,4 @@ export default {
}
</script>
:::
:::

21
docs/docs/zh-CN/components/grid.md
View File

@@ -71,6 +71,7 @@ export default {
color: #fff;
}
</style>
:::
::: demo
@@ -123,13 +124,13 @@ export default {
:::
| | | | |
|--|--|--|--|
| xs | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| sm | 尺寸 | 小屏幕 (平板≥768px) | 12 |
| md | 尺寸 | 中等屏幕 (桌面≥992px) | 12 |
| lg | 尺寸 | 大型屏幕 (桌面≥1200px) | 12 |
| xsOffset | 偏移 | 超小屏幕 (手机<768px) | 12 |
| smOffset | 偏移 | 小屏幕 (平板≥768px) | 12 |
| mdOffset | 偏移 | 中等屏幕 (桌面≥992px) | 12 |
| lgOffset | 偏移 | 大型屏幕 (桌面≥1200px) | 12 |
| | | | |
| -------- | ---- | ----------------------- | --- |
| xs | 尺寸 | 超小屏幕 (手机<768px) | 12 |
| sm | 尺寸 | 小屏幕 (平板 ≥768px) | 12 |
| md | 尺寸 | 中等屏幕 (桌面 ≥992px) | 12 |
| lg | 尺寸 | 大型屏幕 (桌面 ≥1200px) | 12 |
| xsOffset | 偏移 | 超小屏幕 (手机<768px) | 12 |
| smOffset | 偏移 | 小屏幕 (平板 ≥768px) | 12 |
| mdOffset | 偏移 | 中等屏幕 (桌面 ≥992px) | 12 |
| lgOffset | 偏移 | 大型屏幕 (桌面 ≥1200px) | 12 |

4
docs/docs/zh-CN/components/icon.md
View File

@@ -1047,6 +1047,6 @@ export default {
:::
| | | |
|--|--|--|
| | | |
| ---- | ---- | ----------------- |
| type | 图标 | `layui-icon-home` |

10
docs/docs/zh-CN/components/iconPicker.md
View File

@@ -86,8 +86,8 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 默认值 | -- |
| page | 开启分页 | -- |
| showSearch | 启用搜索 | -- |
| | | |
| ---------- | -------- | --- |
| v-model | 默认值 | -- |
| page | 开启分页 | -- |
| showSearch | 启用搜索 | -- |

32
docs/docs/zh-CN/components/layout.md
View File

@@ -8,22 +8,22 @@ layui 之所以赢得如此多人的青睐，更多是在于它「前后界面
```html
<lay-layout>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
</lay-layout>
```
| | | |
|--|--|--|
| lay-layout | 容器 | -- |
| lay-header | 顶部 | -- |
| lay-logo | 图标 | -- |
| lay-side | 侧边 | -- |
| lay-body | 内容 | -- |
| lay-footer | 底部 | -- |
| | | |
| ---------- | ---- | --- |
| lay-layout | 容器 | -- |
| lay-header | 顶部 | -- |
| lay-logo | 图标 | -- |
| lay-side | 侧边 | -- |
| lay-body | 内容 | -- |
| lay-footer | 底部 | -- |

6
docs/docs/zh-CN/components/line.md
View File

@@ -31,6 +31,6 @@ export default {
:::
| | | |
|--|--|--|
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| | | |
| ----- | ---- | --------------------------------------------- |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |

7
docs/docs/zh-CN/components/menu.md
View File

@@ -56,7 +56,6 @@ export default {
:::
| | | |
|--|--|--|
| selectedKey | 默认选择 | -- |
| | | |
| ----------- | -------- | --- |
| selectedKey | 默认选择 | -- |

18
docs/docs/zh-CN/components/page.md
View File

@@ -107,13 +107,13 @@ export default {
:::
| | | |
|--|--|--|
| limit | 每页数量 | -- |
| total | 总条数 | -- |
| jump | 切换回调 | -- |
| showCount | 显示总数 | `false` |
| showPage | 显示每页 | `false` |
| showLimit | 显示每页数量 | `false` |
| | | |
| ----------- | ------------ | ------- |
| limit | 每页数量 | -- |
| total | 总条数 | -- |
| jump | 切换回调 | -- |
| showCount | 显示总数 | `false` |
| showPage | 显示每页 | `false` |
| showLimit | 显示每页数量 | `false` |
| showRefresh | 显示刷新按钮 | `false` |
| showSkip | 显示跳转 | `false` |
| showSkip | 显示跳转 | `false` |

2
docs/docs/zh-CN/components/panel.md
View File

@@ -16,4 +16,4 @@ export default {
}
</script>
:::
:::

20
docs/docs/zh-CN/components/progress.md
View File

@@ -7,7 +7,7 @@
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
@@ -20,7 +20,6 @@ export default {
:::
::: demo
<template>
@@ -68,12 +67,11 @@ export default {
:::
| | | |
|--|--|--|
| percent | 进度 | -- |
| theme| 主题 | `orange` `green` `cyan` `blue` `black` `gray`|
| size | 尺寸 | `big` |
| text | 提示 | -- |
| color| 颜色 | -- |
| showText | 展示描述 | -- |
| | | |
| -------- | -------- | --------------------------------------------- |
| percent | 进度 | -- |
| theme | 主题 | `orange` `green` `cyan` `blue` `black` `gray` |
| size | 尺寸 | `big` |
| text | 提示 | -- |
| color | 颜色 | -- |
| showText | 展示描述 | -- |

15
docs/docs/zh-CN/components/rate.md
View File

@@ -5,7 +5,7 @@
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
@@ -48,12 +48,12 @@ export default {
</template>
<script>
import { ref } from 'vue'
import { ref } from 'vue';
export default {
setup() {
const all2 = ref(4)
const all2 = ref(4);
return {
all2
@@ -64,8 +64,7 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 评分值 | -- |
| length | 评分长度 | -- |
| | | |
| ------- | -------- | --- |
| v-model | 评分值 | -- |
| length | 评分长度 | -- |

8
docs/docs/zh-CN/components/tab.md
View File

@@ -76,7 +76,7 @@ export default {
:::
| | | |
|--|--|--|
| v-model | 当前激活 | -- |
| type | 主题样式 | `card` `brief` |
| | | |
| ------- | -------- | -------------- |
| v-model | 当前激活 | -- |
| type | 主题样式 | `card` `brief` |

16
docs/docs/zh-CN/components/table.md
View File

@@ -193,11 +193,11 @@ export default {
:::
| | | |
|--|--|--|
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |
| | | |
| --------------- | ---------- | --- |
| columns | 列配置 | -- |
| dataSource | 数据源 | -- |
| checkbox | 开启复现框 | -- |
| id | 主键 | -- |
| selectKeys | 选中项 | -- |
| default-toolbar | 开启工具栏 | -- |

2
docs/docs/zh-CN/components/transfer.md
View File

@@ -19,4 +19,4 @@ export default {
}
</script>
:::
:::

2
docs/docs/zh-CN/guide/changelog.md
View File

@@ -39,4 +39,4 @@ export default {
}
</script>
:::
:::

2
docs/docs/zh-CN/guide/home.md
View File

@@ -38,4 +38,4 @@ layui - vue（谐音：类 UI) 是 一 套 Vue 3.0 的 桌 面 端 组 件 库 ,
</div>
</li>
</ul>
</div>
</div>

28
docs/docs/zh-CN/guide/install.md
View File

@@ -1,33 +1,35 @@
<br>
<br>
使用 npm 下载
```
npm install @layui/layui-vue --save
```
在 main.ts 中
```js
import App from './App.vue'
import { createApp } from 'vue'
import Layui from '@layui/layui-vue'
import '@layui/layui-vue/lib/layui.css'
createApp(App)
.use(Layui)
.mount('#app')
createApp(App).use(Layui).mount('#app')
```
这是一个基本的入门页面：
```html
<lay-layout>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
<lay-header>
<lay-logo>Layui Admin</lay-logo>
</lay-header>
<lay-side></lay-side>
<lay-body>
<router-view></router-view>
</lay-body>
<lay-footer>pearadmin.com</lay-footer>
</lay-layout>
```
完整案例, 前往: [layui-vue-sample](https://gitee.com/layui-vue/layui-vue-sample)
完整案例, 前往: [layui-vue-sample](https://gitee.com/layui-vue/layui-vue-sample)

45
docs/index.html
View File

@@ -1,25 +1,26 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="author" content="Jmys <jmys1992@gmail.com>" />
<meta
name="keywords"
content="element-pro,pro-components,admin,element-plus,components,vue,ui"
/>
<link rel="icon" href="/favicon.ico" />
<title>Layui - Vue 开源前端 UI 框架</title>
<!--preload-links-->
</head>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="renderer" content="webkit" />
<meta name="force-rendering" content="webkit" />
<meta name="applicable-device" content="pc,mobile" />
<meta name="author" content="Jmys <jmys1992@gmail.com>" />
<meta name="keywords" content="element-pro,pro-components,admin,element-plus,components,vue,ui" />
<link rel="icon" href="/favicon.ico" />
<title>Layui - Vue 开源前端 UI 框架</title>
<!--preload-links-->
</head>
<body>
<div id="app">
<!--app-html-->
</div>
<script type="module" src="/src/entry-client.ts"></script>
</body>
</html>
<body>
<div id="app">
<!--app-html-->
</div>
<script type="module" src="/src/entry-client.ts"></script>
</body>
</html>

22
docs/src/components/LayCode.vue
View File

@@ -3,14 +3,8 @@
<div class="source">
<slot />
</div>
<div
ref="meta"
class="meta"
>
<div
v-if="$slots.description"
class="description"
>
<div ref="meta" class="meta">
<div v-if="$slots.description" class="description">
<slot name="description" />
</div>
<div class="language-html">
@@ -22,7 +16,11 @@
class="control"
@click="toggleShow"
>
<i :class="[show ? 'layui-icon layui-icon-up' : 'layui-icon layui-icon-down']" />
<i
:class="[
show ? 'layui-icon layui-icon-up' : 'layui-icon layui-icon-down',
]"
/>
</div>
</div>
</template>
@@ -34,10 +32,10 @@ const meta = ref<HTMLElement>({} as HTMLElement)
const isFixContorl = ref(false)
const codeAreaHeight = ref(0)
const show = ref(false);
const show = ref(false)
const toggleShow = function() {
show.value = !show.value;
const toggleShow = function () {
show.value = !show.value
}
onMounted(() => {

34
docs/src/components/LaySearch.vue
View File

@@ -1,33 +1,33 @@
<template>
<select :name="name" lay-verify="required"></select>
<select :name="name" lay-verify="required" />
<div
class="layui-unselect layui-form-select"
@click="open"
:class="[openState ? 'layui-form-selected' : '']"
@click="open"
>
<div class="layui-select-title">
<input
type="text"
placeholder="Search"
class="layui-input layui-unselect"
@input="change"
:value="name"
style="
background: rgba(255, 255, 255, 0.05);
border: none;
color: whitesmoke;
"
/><i class="layui-edge"></i>
@input="change"
/><i class="layui-edge" />
</div>
<dl class="layui-anim layui-anim-upbit" style="">
<dd v-if="menus.length <= 0" class="layui-select-tips">无内容</dd>
<dd
v-else
v-for="data in menus"
:value = "name"
@click="jump(data)"
v-else
:key="data"
:value="name"
class="layui-select-tips"
@click="jump(data)"
>
{{ data.title }}
</dd>
@@ -38,11 +38,11 @@
<script setup name="LaySelect" lang="ts">
import { defineProps, Ref, ref } from 'vue'
import { useRouter, useRoute } from 'vue-router'
import { Recordable } from '/@src/module/type'
const props =
defineProps<{
datas?: object[]
}>()
const props = defineProps<{
datas?: Recordable[]
}>()
const route = useRoute()
const router = useRouter()
@@ -60,16 +60,16 @@ const jump = function (data: any) {
router.push(data.path)
}
const change = function(e: any) {
const change = function (e: any) {
name.value = e.target.value
if(e.target.value === ""){
if (e.target.value === '') {
menus.value = props.datas
}else{
menus.value = searchList(e.target.value, props.datas);
} else {
menus.value = searchList(e.target.value, props.datas)
}
}
const searchList = function (str: String, container: any) {
const searchList = function (str: string, container: any) {
var newList = []
var startChar = str.charAt(0)
var strLen = str.length
@@ -100,4 +100,4 @@ const searchList = function (str: String, container: any) {
}
return newList
}
</script>
</script>

2
docs/src/entry-server.ts
View File

@@ -1,3 +1,5 @@
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
// @ts-nocheck
import { createApp } from './main'
import { renderToString } from '@vue/server-renderer'

25
docs/src/layouts/Layout.vue
View File

@@ -1,7 +1,7 @@
<template>
<div class="width:100%;height:300px">
<lay-layout>
<lay-header style="background:#393D49">
<lay-header style="background: #393d49">
<lay-logo>
<img src="../assets/logo.png" />
</lay-logo>
@@ -10,7 +10,7 @@
style="margin-top: 10px; margin-bottom: 0px"
>
<lay-form>
<lay-search :datas="menus"></lay-search>
<lay-search :datas="menus" />
</lay-form>
</ul>
<ul
@@ -38,8 +38,8 @@
style="padding: 6px"
>
<li
:key="menu"
v-for="menu in menus"
:key="menu"
:class="[
currentPath === menu.path ? 'layui-menu-item-checked2' : '',
]"
@@ -58,7 +58,7 @@
</lay-side>
<lay-body>
<div style="padding: 20px">
<router-view></router-view>
<router-view />
</div>
</lay-body>
</lay-layout>
@@ -254,7 +254,8 @@ export default {
title: '图标选择',
subTitle: 'iconPicker',
path: '/zh-CN/components/iconPicker',
},{
},
{
id: 29,
title: '分页',
subTitle: 'page',
@@ -304,19 +305,19 @@ export default {
padding-left: 10px;
}
@media screen and (max-width:768px) {
.layui-side {
width: 0px!important;
@media screen and (max-width: 768px) {
.layui-side {
width: 0px !important;
}
.layui-body {
left: 0px!important;
width: 100%!important;
left: 0px !important;
width: 100% !important;
}
.layui-logo {
display: none!important;
display: none !important;
}
.layui-layout-left {
left: 0px!important;
left: 0px !important;
}
}
</style>

4
docs/src/router/index.ts
View File

@@ -11,6 +11,6 @@ export function createRouter(): Router {
const baseUrl = import.meta.env.BASE_URL
return _createRouter({
history: createWebHashHistory(baseUrl),
routes: routes
routes: routes,
})
}
}

40
docs/src/router/zh-CN.ts
View File

@@ -16,7 +16,8 @@ const zhCN = [
path: '/zh-CN/guide/install',
component: () => import('../../docs/zh-CN/guide/install.md'),
meta: { title: '安装' },
}, {
},
{
path: '/zh-CN/guide/changelog',
component: () => import('../../docs/zh-CN/guide/changelog.md'),
meta: { title: '更新' },
@@ -43,7 +44,8 @@ const zhCN = [
path: '/zh-CN/components/container',
component: () => import('../../docs/zh-CN/components/container.md'),
meta: { title: '容器' },
}, {
},
{
path: '/zh-CN/components/breadcrumb',
component: () => import('../../docs/zh-CN/components/breadcrumb.md'),
meta: { title: '面包屑' },
@@ -52,27 +54,33 @@ const zhCN = [
path: '/zh-CN/components/button',
component: () => import('../../docs/zh-CN/components/button.md'),
meta: { title: '按钮' },
}, {
},
{
path: '/zh-CN/components/icon',
component: () => import('../../docs/zh-CN/components/icon.md'),
meta: { title: '图标' },
}, {
},
{
path: '/zh-CN/components/panel',
component: () => import('../../docs/zh-CN/components/panel.md'),
meta: { title: '面板' },
}, {
},
{
path: '/zh-CN/components/animation',
component: () => import('../../docs/zh-CN/components/animation.md'),
meta: { title: '动画' },
}, {
},
{
path: '/zh-CN/components/card',
component: () => import('../../docs/zh-CN/components/cards.md'),
meta: { title: '卡片' },
}, {
},
{
path: '/zh-CN/components/grid',
component: () => import('../../docs/zh-CN/components/grid.md'),
meta: { title: '栅格' },
}, {
},
{
path: '/zh-CN/components/form',
component: () => import('../../docs/zh-CN/components/form.md'),
meta: { title: '表单' },
@@ -136,22 +144,26 @@ const zhCN = [
path: '/zh-CN/components/rate',
component: () => import('../../docs/zh-CN/components/rate.md'),
meta: { title: '评分' },
}, {
},
{
path: '/zh-CN/components/dropdown',
component: () => import('../../docs/zh-CN/components/dropdown.md'),
meta: { title: '下拉' },
}, {
},
{
path: '/zh-CN/components/tab',
component: () => import('../../docs/zh-CN/components/tab.md'),
meta: { title: '选项卡' },
}, {
},
{
path: '/zh-CN/components/iconPicker',
component: () => import('../../docs/zh-CN/components/iconPicker.md'),
meta: { title: '图标选择' },
}, {
},
{
path: '/zh-CN/components/tree',
component: () => import('../../docs/zh-CN/components/tree.md'),
meta: { title: '树形组件' }
meta: { title: '树形组件' },
},
{
path: '/zh-CN/components/page',
@@ -162,7 +174,7 @@ const zhCN = [
path: '/zh-CN/components/transfer',
component: () => import('../../docs/zh-CN/components/transfer.md'),
meta: { title: '穿梭框' },
}
},
],
},
]

16
docs/src/styles/markdown.css
View File

@@ -62,7 +62,6 @@ h1 {
}
}
h3 {
margin-top: 1.5rem;
}
@@ -159,7 +158,8 @@ table td {
font-size: 0;
}
.site-doc-icon li .doc-icon-name, .site-doc-icon li .doc-icon-code {
.site-doc-icon li .doc-icon-name,
.site-doc-icon li .doc-icon-code {
color: #c2c2c2;
}
@@ -184,8 +184,8 @@ table td {
font-size: 14px;
text-align: center;
color: #666;
transition: all .3s;
-webkit-transition: all .3s;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.site-doc-icon li .layui-icon {
@@ -199,7 +199,7 @@ table td {
.site-doc-necolor li div {
border-radius: 0;
color: #000!important;
color: #000 !important;
}
.site-doc-color li div {
@@ -268,8 +268,8 @@ table td {
font-size: 14px;
text-align: center;
color: #666;
transition: all .3s;
-webkit-transition: all .3s;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}
.anim .site-doc-icon li .layui-anim {
@@ -286,4 +286,4 @@ table td {
.anim .site-doc-icon li .code {
white-space: nowrap;
}
}