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

补充组件描述, 起草 lay-config-provider 全局配置

Browse Source
This commit is contained in:
就眠儀式
2022-02-08 11:36:36 +08:00
parent dc03f2a65b
commit 3787e80ff0
12 changed files with 135 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files

119
example/src/layouts/Layout.vue
View File

@@ -1,60 +1,62 @@
<template>
<lay-layout class="layui-layout-document">
<lay-header
><lay-logo style="box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15)">
<img src="../assets/logo.png" />
</lay-logo>
<ul
class="layui-nav layui-layout-left"
style="margin-top: 0px; margin-bottom: 0px"
>
<li class="layui-nav-item">
<router-link to="/zh-CN/index"> 首页 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/guide"> 指南 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/components"> 组件 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/ecology"> 生态 </router-link>
</li>
<li class="layui-nav-item">
<lay-form>
<lay-search :datas="menus" />
</lay-form>
</li>
</ul>
<ul
class="layui-nav layui-layout-right"
style="margin-top: 0px; margin-bottom: 0px"
>
<li class="layui-nav-item">
<a
href="https://layui-vue.gitee.io/layui-vue-playground"
target="_blank"
>
<lay-icon type="layui-icon-util" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="https://gitee.com/layui-vue">
<lay-icon type="layui-icon-fonts-code" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="https://gitee.com/layui-vue/layui-vue/issues">
<lay-icon type="layui-icon-chat" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:void(0)"> 0.3.7 </a>
</li>
</ul>
</lay-header>
<router-view></router-view>
</lay-layout>
<lay-config-provider :theme="theme">
<lay-layout class="layui-layout-document">
<lay-header
><lay-logo style="box-shadow: 0 0px 2px 0 rgba(0, 0, 0, 0.15)">
<img src="../assets/logo.png" />
</lay-logo>
<ul
class="layui-nav layui-layout-left"
style="margin-top: 0px; margin-bottom: 0px"
>
<li class="layui-nav-item">
<router-link to="/zh-CN/index"> 首页 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/guide"> 指南 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/components"> 组件 </router-link>
</li>
<li class="layui-nav-item">
<router-link to="/zh-CN/ecology"> 生态 </router-link>
</li>
<li class="layui-nav-item">
<lay-form>
<lay-search :datas="menus" />
</lay-form>
</li>
</ul>
<ul
class="layui-nav layui-layout-right"
style="margin-top: 0px; margin-bottom: 0px"
>
<li class="layui-nav-item">
<a
href="https://layui-vue.gitee.io/layui-vue-playground"
target="_blank"
>
<lay-icon type="layui-icon-util" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="https://gitee.com/layui-vue">
<lay-icon type="layui-icon-fonts-code" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="https://gitee.com/layui-vue/layui-vue/issues">
<lay-icon type="layui-icon-chat" size="15px"></lay-icon>
</a>
</li>
<li class="layui-nav-item">
<a href="javascript:void(0)"> 0.3.7 </a>
</li>
</ul>
</lay-header>
<router-view></router-view>
</lay-layout>
</lay-config-provider>
</template>
<script>
import { ref, watch } from "vue";
@@ -65,7 +67,6 @@ export default {
const route = useRoute();
const router = useRouter();
const currentPath = ref("/zh-CN/guide");
const theme = ref(false);
const menus = [];
@@ -90,6 +91,10 @@ export default {
router.push(menu.path);
};
const theme = {
"@global-primary-color":"red"
}
return {
menus,
theme,

2
example/src/plugin/create-block.ts
View File

@@ -18,7 +18,7 @@ export default function createContainer(
const token = tokens[idx]
const info = token.info.trim().slice(klass.length).trim()
if (token.nesting === 1) {
return `<lay-block style="margin-left:8px;margin-bottom:40px;">${info}`
return `<lay-block style="margin-left:0px;margin-right:0px;margin-top:20px;margin-bottom:40px;">${info}`
} else {
return '</lay-block>\n'
}