🐛(tab): 修复 brief 背景色为 transparent
This commit is contained in:
		
							parent
							
								
									d553e38ab4
								
							
						
					
					
						commit
						35f3ccad18
					
				@ -1,6 +1,6 @@
 | 
			
		||||
{
 | 
			
		||||
  "name": "@layui/layui-vue",
 | 
			
		||||
  "version": "1.1.4",
 | 
			
		||||
  "version": "1.1.5-alpha.1",
 | 
			
		||||
  "author": "就眠儀式",
 | 
			
		||||
  "license": "MIT",
 | 
			
		||||
  "description": "a component library for Vue 3 base on layui-vue",
 | 
			
		||||
 | 
			
		||||
@ -123,7 +123,7 @@
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-tab-brief>.layui-tab-head{
 | 
			
		||||
  background-color: #FFF;
 | 
			
		||||
  background-color: transparent;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.layui-tab-brief>.layui-tab-head>.layui-tab-title .layui-this {
 | 
			
		||||
@ -319,15 +319,16 @@
 | 
			
		||||
  bottom: 0px;
 | 
			
		||||
  left: 0;
 | 
			
		||||
  height: 1.5px;
 | 
			
		||||
  background-color: #409eff;
 | 
			
		||||
  background-color: var(--global-checked-color);
 | 
			
		||||
  z-index: 2;
 | 
			
		||||
  transition: transform .3s;
 | 
			
		||||
  list-style: none;
 | 
			
		||||
  box-sizing: border-box;
 | 
			
		||||
  pointer-events: none;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
.is-top .layui-tab-active-bar{
 | 
			
		||||
  bottom: 0px;
 | 
			
		||||
  bottom: -1px;
 | 
			
		||||
  height: 1.5px;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
 | 
			
		||||
@ -2,21 +2,19 @@
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
<br>
 | 
			
		||||
 | 
			
		||||
<p>
 | 
			
		||||
  <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;">
 | 
			
		||||
  </a>
 | 
			
		||||
  <span style="font-size:32px;color:#e2e2e2;margin:30px;">+</span>
 | 
			
		||||
  <a href="http://layui-vue.pearadmin.com">
 | 
			
		||||
    <img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:12px;">
 | 
			
		||||
  </a>
 | 
			
		||||
  <span style="font-size:32px;color:#e2e2e2;margin:30px;">=</span>
 | 
			
		||||
  <a href="http://layui-vue.pearadmin.com">
 | 
			
		||||
    <img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:12px;">
 | 
			
		||||
  </a>
 | 
			
		||||
</p>
 | 
			
		||||
 | 
			
		||||
  <p>
 | 
			
		||||
    <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;">
 | 
			
		||||
    </a>
 | 
			
		||||
    <span style="font-size:32px;color:#e2e2e2;margin:30px;">+</span>
 | 
			
		||||
    <a href="http://layui-vue.pearadmin.com">
 | 
			
		||||
      <img src="https://qn.antdv.com/vue.png" alt="layui" width="105" style="border-radius:12px;">
 | 
			
		||||
    </a>
 | 
			
		||||
    <span style="font-size:32px;color:#e2e2e2;margin:30px;">=</span>
 | 
			
		||||
    <a href="http://layui-vue.pearadmin.com">
 | 
			
		||||
      <img src="../../../assets/logo.jpg" alt="layui" width="105" style="border-radius:12px;">
 | 
			
		||||
    </a>
 | 
			
		||||
  </p>
 | 
			
		||||
<br>
 | 
			
		||||
 | 
			
		||||
::: title 使用包管理
 | 
			
		||||
 | 
			
		||||
@ -4,4 +4,8 @@
 | 
			
		||||
::: 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 >
 | 
			
		||||
:::
 | 
			
		||||
 | 
			
		||||
@ -49,4 +49,5 @@ const themeVariable = {
 | 
			
		||||
--global-neutral-color-7: #cccccc; // 辅助色-7
 | 
			
		||||
  
 | 
			
		||||
--global-neutral-color-8: #c2c2c2; // 辅助色-8
 | 
			
		||||
 | 
			
		||||
```
 | 
			
		||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user