🐛(tab): 修复 brief 背景色为 transparent

This commit is contained in:
就眠儀式 2022-06-02 16:40:36 +08:00
parent d553e38ab4
commit 35f3ccad18
5 changed files with 24 additions and 20 deletions

View File

@ -1,6 +1,6 @@
{ {
"name": "@layui/layui-vue", "name": "@layui/layui-vue",
"version": "1.1.4", "version": "1.1.5-alpha.1",
"author": "就眠儀式", "author": "就眠儀式",
"license": "MIT", "license": "MIT",
"description": "a component library for Vue 3 base on layui-vue", "description": "a component library for Vue 3 base on layui-vue",

View File

@ -123,7 +123,7 @@
} }
.layui-tab-brief>.layui-tab-head{ .layui-tab-brief>.layui-tab-head{
background-color: #FFF; background-color: transparent;
} }
.layui-tab-brief>.layui-tab-head>.layui-tab-title .layui-this { .layui-tab-brief>.layui-tab-head>.layui-tab-title .layui-this {
@ -319,15 +319,16 @@
bottom: 0px; bottom: 0px;
left: 0; left: 0;
height: 1.5px; height: 1.5px;
background-color: #409eff; background-color: var(--global-checked-color);
z-index: 2; z-index: 2;
transition: transform .3s; transition: transform .3s;
list-style: none; list-style: none;
box-sizing: border-box; box-sizing: border-box;
pointer-events: none; pointer-events: none;
} }
.is-top .layui-tab-active-bar{ .is-top .layui-tab-active-bar{
bottom: 0px; bottom: -1px;
height: 1.5px; height: 1.5px;
} }

View File

@ -2,21 +2,19 @@
::: :::
<br> <br>
<p>
<p> <a href="http://layui-vue.pearadmin.com" style="margin-left:30px;">
<a href="http://layui-vue.pearadmin.com" style="margin-left:30px;"> <img src="../../../assets/layui-logo.png" alt="layui" width="105" style="border-radius:12px;">
<img src="../../../assets/layui-logo.png" alt="layui" width="105" style="border-radius:12px;"> </a>
</a> <span style="font-size:32px;color:#e2e2e2;margin:30px;">+</span>
<span style="font-size:32px;color:#e2e2e2;margin:30px;">+</span> <a href="http://layui-vue.pearadmin.com">
<a href="http://layui-vue.pearadmin.com"> <img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:12px;">
<img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:12px;"> </a>
</a> <span style="font-size:32px;color:#e2e2e2;margin:30px;">=</span>
<span style="font-size:32px;color:#e2e2e2;margin:30px;">=</span> <a href="http://layui-vue.pearadmin.com">
<a href="http://layui-vue.pearadmin.com"> <img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:12px;">
<img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:12px;"> </a>
</a> </p>
</p>
<br> <br>
::: title 使用包管理 ::: title 使用包管理

View File

@ -4,4 +4,8 @@
::: describe 以下整理了一些 Layui Vue 社区常见的问题和官方答复,在提问之前建议找找有没有类似的问题。 ::: describe 以下整理了一些 Layui Vue 社区常见的问题和官方答复,在提问之前建议找找有没有类似的问题。
::: :::
::: describe 若你想在 DOM 中直接书写 Vue 模板Vue 则必须从 DOM 中获取模板字符串。因为浏览器的原生 HTML 解析行为,因此有一些需要注意的事项。
:::
::: describe <a>https://staging-cn.vuejs.org/guide/essentials/component-basics.html#dom-template-parsing-caveats</a >
:::

View File

@ -49,4 +49,5 @@ const themeVariable = {
--global-neutral-color-7: #cccccc; // 辅助色-7 --global-neutral-color-7: #cccccc; // 辅助色-7
--global-neutral-color-8: #c2c2c2; // 辅助色-8 --global-neutral-color-8: #c2c2c2; // 辅助色-8
``` ```