|
|
|
|
@@ -1,47 +1,47 @@
|
|
|
|
|
<template>
|
|
|
|
|
<lay-scroll height="100%">
|
|
|
|
|
<div class="markdown-body light-scheme">
|
|
|
|
|
<div class="alone-header">
|
|
|
|
|
<img class="alone-logo" src="../assets/logo.png" />
|
|
|
|
|
<a
|
|
|
|
|
style="
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 16%;
|
|
|
|
|
line-height: 60px;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
"
|
|
|
|
|
>{{ version }}</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
href="https://gitee.com/layui-vue/layer-vue"
|
|
|
|
|
style="position: absolute; right: 10%; line-height: 75px"
|
|
|
|
|
>
|
|
|
|
|
<svg width="1.7em" height="1.7em" viewBox="0 0 24 24">
|
|
|
|
|
<path
|
|
|
|
|
fill="#fff"
|
|
|
|
|
d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"
|
|
|
|
|
></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="alone-banner layui-bg-black">
|
|
|
|
|
<div class="layui-main">
|
|
|
|
|
<img src="../assets/logo.jpg" />
|
|
|
|
|
<h1>layer vue</h1>
|
|
|
|
|
<p>首 选 的 函 数 式 弹 出 层 解 决 方 案 ⭐</p>
|
|
|
|
|
<lay-scroll height="100%">
|
|
|
|
|
<div class="markdown-body light-scheme">
|
|
|
|
|
<div class="alone-header">
|
|
|
|
|
<img class="alone-logo" src="../assets/logo.png" />
|
|
|
|
|
<a
|
|
|
|
|
style="
|
|
|
|
|
position: absolute;
|
|
|
|
|
right: 16%;
|
|
|
|
|
line-height: 60px;
|
|
|
|
|
color: white;
|
|
|
|
|
font-size: 15px;
|
|
|
|
|
"
|
|
|
|
|
>{{ version }}</a
|
|
|
|
|
>
|
|
|
|
|
<a
|
|
|
|
|
href="https://gitee.com/layui-vue/layer-vue"
|
|
|
|
|
style="position: absolute; right: 10%; line-height: 75px"
|
|
|
|
|
>
|
|
|
|
|
<svg width="1.7em" height="1.7em" viewBox="0 0 24 24">
|
|
|
|
|
<path
|
|
|
|
|
fill="#fff"
|
|
|
|
|
d="M10.9,2.1c-4.6,0.5-8.3,4.2-8.8,8.7c-0.5,4.7,2.2,8.9,6.3,10.5C8.7,21.4,9,21.2,9,20.8v-1.6c0,0-0.4,0.1-0.9,0.1 c-1.4,0-2-1.2-2.1-1.9c-0.1-0.4-0.3-0.7-0.6-1C5.1,16.3,5,16.3,5,16.2C5,16,5.3,16,5.4,16c0.6,0,1.1,0.7,1.3,1c0.5,0.8,1.1,1,1.4,1 c0.4,0,0.7-0.1,0.9-0.2c0.1-0.7,0.4-1.4,1-1.8c-2.3-0.5-4-1.8-4-4c0-1.1,0.5-2.2,1.2-3C7.1,8.8,7,8.3,7,7.6C7,7.2,7,6.6,7.3,6 c0,0,1.4,0,2.8,1.3C10.6,7.1,11.3,7,12,7s1.4,0.1,2,0.3C15.3,6,16.8,6,16.8,6C17,6.6,17,7.2,17,7.6c0,0.8-0.1,1.2-0.2,1.4 c0.7,0.8,1.2,1.8,1.2,3c0,2.2-1.7,3.5-4,4c0.6,0.5,1,1.4,1,2.3v2.6c0,0.3,0.3,0.6,0.7,0.5c3.7-1.5,6.3-5.1,6.3-9.3 C22,6.1,16.9,1.4,10.9,2.1z"
|
|
|
|
|
></path>
|
|
|
|
|
</svg>
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="alone-banner layui-bg-black">
|
|
|
|
|
<div class="layui-main">
|
|
|
|
|
<img src="../assets/logo.jpg" />
|
|
|
|
|
<h1>layer vue</h1>
|
|
|
|
|
<p>首 选 的 函 数 式 弹 出 层 解 决 方 案 ⭐</p>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-container" style="width: 80%; margin-left: 10%">
|
|
|
|
|
<lay-tab type="brief" v-model="active">
|
|
|
|
|
<lay-tab-item title="入门" id="/zh-CN/index"></lay-tab-item>
|
|
|
|
|
<lay-tab-item title="示例" id="/zh-CN/demo"></lay-tab-item>
|
|
|
|
|
<lay-tab-item title="帮助" id="/zh-CN/help"></lay-tab-item>
|
|
|
|
|
</lay-tab>
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="layui-container" style="width: 80%; margin-left: 10%">
|
|
|
|
|
<lay-tab type="brief" v-model="active">
|
|
|
|
|
<lay-tab-item title="入门" id="/zh-CN/index"></lay-tab-item>
|
|
|
|
|
<lay-tab-item title="示例" id="/zh-CN/demo"></lay-tab-item>
|
|
|
|
|
<lay-tab-item title="帮助" id="/zh-CN/help"></lay-tab-item>
|
|
|
|
|
</lay-tab>
|
|
|
|
|
<router-view></router-view>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</lay-scroll>
|
|
|
|
|
</lay-scroll>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
<script setup>
|
|
|
|
|
@@ -56,7 +56,7 @@ const router = useRouter();
|
|
|
|
|
|
|
|
|
|
watch(active, (val) => {
|
|
|
|
|
router.push(val);
|
|
|
|
|
})
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<style>
|
|
|
|
|
@@ -133,6 +133,6 @@ body {
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.layui-tab-content {
|
|
|
|
|
padding: 0!important;
|
|
|
|
|
padding: 0 !important;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
|