🌀(ie): 移除 ie 兼容 css
更新文档
This commit is contained in:
parent
e658ba92e2
commit
db4eac69bf
@ -6,7 +6,17 @@ export default {
|
||||
|
||||
<script setup lang="ts">
|
||||
import "./index.less";
|
||||
import { withDefaults, provide, useSlots, ref, computed, VNode, Ref, Component, watch } from "vue";
|
||||
import {
|
||||
withDefaults,
|
||||
provide,
|
||||
useSlots,
|
||||
ref,
|
||||
computed,
|
||||
VNode,
|
||||
Ref,
|
||||
Component,
|
||||
watch,
|
||||
} from "vue";
|
||||
import CarouselItem from "../carouselItem/index.vue";
|
||||
|
||||
const slot = useSlots() as any;
|
||||
|
@ -8,7 +8,6 @@
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/* 饱和度和亮度 */
|
||||
.saturation-value {
|
||||
cursor: pointer;
|
||||
width: 100%;
|
||||
@ -26,7 +25,6 @@
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* 圆圈 */
|
||||
.point {
|
||||
box-sizing: border-box;
|
||||
width: 6px;
|
||||
@ -47,14 +45,12 @@
|
||||
background: linear-gradient(to top, black, #ffffff00);
|
||||
}
|
||||
|
||||
/* 色调 透明度 */
|
||||
.layui-color-picker-middle {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
/* 色调滑块条 */
|
||||
.hue-slider {
|
||||
position: relative;
|
||||
margin-bottom: 6px;
|
||||
@ -72,7 +68,6 @@
|
||||
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
/* 透明度滑块条 */
|
||||
.alpha-slider {
|
||||
position: relative;
|
||||
height: 10px;
|
||||
@ -82,7 +77,6 @@
|
||||
background-size: 10px 10px;
|
||||
}
|
||||
|
||||
/* 滑块 */
|
||||
.slider {
|
||||
position: absolute;
|
||||
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
|
||||
@ -92,7 +86,6 @@
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
/* 颜色方块 */
|
||||
.color-diamond {
|
||||
position: relative;
|
||||
margin-left: 5px;
|
||||
@ -113,7 +106,6 @@
|
||||
background-size: 10px 10px;
|
||||
}
|
||||
|
||||
/* 颜色的值 hex rgba */
|
||||
.color-value {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
@ -157,7 +149,6 @@
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
/* 预设颜色 */
|
||||
.preset {
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
|
@ -1,7 +1,6 @@
|
||||
.layui-form-item {
|
||||
margin-bottom: 20px;
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
}
|
||||
|
||||
.layui-form-item-right .layui-form-label {
|
||||
@ -24,7 +23,6 @@
|
||||
.layui-form-item:after {
|
||||
content: "\20";
|
||||
clear: both;
|
||||
*zoom: 1;
|
||||
display: block;
|
||||
height: 0;
|
||||
}
|
||||
|
@ -1,9 +1,9 @@
|
||||
.layui-fullscreen {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 10;
|
||||
position: fixed;
|
||||
overflow: auto;
|
||||
z-index: 10;
|
||||
}
|
@ -85,13 +85,13 @@
|
||||
padding: 0px;
|
||||
}
|
||||
}
|
||||
/* 谷歌--去掉自带的控制按钮 */
|
||||
/* google */
|
||||
input.layui-input::-webkit-outer-spin-button,
|
||||
input.layui-input::-webkit-inner-spin-button {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
/* 火狐--去掉自带的控制按钮 */
|
||||
/* firefox */
|
||||
input.layui-input[type="number"] {
|
||||
-moz-appearance: textfield;
|
||||
}
|
||||
|
@ -39,8 +39,6 @@
|
||||
.layui-nav .layui-nav-item {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: middle;
|
||||
line-height: 60px;
|
||||
}
|
||||
|
@ -1,7 +1,5 @@
|
||||
.layui-laypage {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: middle;
|
||||
margin: 10px 0;
|
||||
font-size: 0;
|
||||
@ -36,8 +34,6 @@
|
||||
.layui-laypage a,
|
||||
.layui-laypage span {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: middle;
|
||||
padding: 0 15px;
|
||||
height: 28px;
|
||||
@ -117,6 +113,7 @@
|
||||
.layui-laypage select {
|
||||
height: 22px;
|
||||
padding: 3px;
|
||||
margin-top: 4px;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
@ -5,7 +5,6 @@
|
||||
clear: both;
|
||||
}
|
||||
|
||||
/** generate space */
|
||||
.generate-space(@a) {
|
||||
.layui-col-space@{a} {
|
||||
margin: -0.5px * @a;
|
||||
@ -23,8 +22,6 @@
|
||||
|
||||
.loop-generate-space(1);
|
||||
|
||||
/** generate col xs */
|
||||
|
||||
.generate-col-xs(@a) {
|
||||
.layui-col-xs@{a} {
|
||||
float: left;
|
||||
|
@ -17,7 +17,6 @@
|
||||
.layui-slider-btn-v {
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
// background-color: @global-back-color;
|
||||
background-color: white;
|
||||
position: absolute;
|
||||
border: 2px solid var(--global-primary-color);
|
||||
|
@ -41,8 +41,6 @@
|
||||
|
||||
.layui-tab-title li {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: middle;
|
||||
font-size: 14px;
|
||||
transition: all 0.2s;
|
||||
@ -291,15 +289,10 @@
|
||||
|
||||
.layui-tab-more .layui-tab-bar .layui-icon {
|
||||
top: -2px;
|
||||
top: 3px\9;
|
||||
-webkit-transform: rotate(180deg);
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
:root .layui-tab-more .layui-tab-bar .layui-icon {
|
||||
top: -2px\0 / IE9;
|
||||
}
|
||||
|
||||
.layui-tab-title li .layui-tab-close {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
|
@ -118,7 +118,6 @@ a:hover {
|
||||
|
||||
a cite {
|
||||
font-style: normal;
|
||||
*cursor: pointer;
|
||||
}
|
||||
|
||||
.layui-border-box,
|
||||
|
@ -16,9 +16,9 @@
|
||||
<li>
|
||||
<h3>1.1.8 <span class="layui-badge-rim">2022-06-18</span></h3>
|
||||
<ul>
|
||||
<li>[新增] checkbox 组件 is-indeterminate 属性, 用于展示半选状态</li>
|
||||
<li>[新增] layui-vue-helper 插件, 用于 Visual Studio Code 辅助开发</li>
|
||||
<li>[新增] checkbox 组件 is-indeterminate 属性, 用于展示半选状态, 默认为 false</li>
|
||||
<li>[新增] textarea 组件 show-count 属性, 用于展示输入长度与 max-length, 默认为 false</li>
|
||||
<li>[新增] textarea 组件 show-count 属性, 用于展示输入长度与 max-length</li>
|
||||
<li>[修复] carousel 组件加载时无法获取 carousel-item 轮播项</li>
|
||||
<li>[修复] input-number 组件 modelValue 属性类型错误</li>
|
||||
</ul>
|
||||
|
@ -16,7 +16,6 @@ html #layuicss-layer {
|
||||
.layui-layer,
|
||||
.layui-layer-shade {
|
||||
position: fixed;
|
||||
_position: absolute;
|
||||
pointer-events: auto
|
||||
}
|
||||
|
||||
@ -26,7 +25,6 @@ html #layuicss-layer {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgb(0, 0, 0);
|
||||
_height: expression(document.body.offsetHeight+"px")
|
||||
}
|
||||
|
||||
.layui-layer {
|
||||
@ -66,15 +64,12 @@ html #layuicss-layer {
|
||||
.layui-layer-dialog .layui-layer-ico,
|
||||
.layui-layer-setwin a {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
.layui-layer-move {
|
||||
display: none;
|
||||
position: fixed;
|
||||
*position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
@ -675,7 +670,6 @@ html #layuicss-layer {
|
||||
.layui-layer-setwin {
|
||||
position: absolute;
|
||||
right: 15px;
|
||||
*right: 0;
|
||||
top: 17px;
|
||||
font-size: 0;
|
||||
line-height: initial
|
||||
@ -687,7 +681,6 @@ html #layuicss-layer {
|
||||
height: 16px;
|
||||
margin-left: 10px;
|
||||
font-size: 12px;
|
||||
_overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-min cite {
|
||||
@ -699,7 +692,6 @@ html #layuicss-layer {
|
||||
margin-top: -1px;
|
||||
background-color: #2E2D3C;
|
||||
cursor: pointer;
|
||||
_overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-min:hover cite {
|
||||
@ -739,8 +731,6 @@ html #layuicss-layer {
|
||||
height: 30px;
|
||||
margin-left: 0;
|
||||
background-position: -149px -31px;
|
||||
*right: -18px;
|
||||
_display: none
|
||||
}
|
||||
|
||||
.layui-layer-setwin .layui-layer-close2:hover {
|
||||
@ -934,7 +924,6 @@ html #layuicss-layer {
|
||||
min-width: 12px;
|
||||
padding: 8px 15px;
|
||||
font-size: 12px;
|
||||
_float: left;
|
||||
border-radius: 2px;
|
||||
box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
|
||||
background-color: #000;
|
||||
@ -953,7 +942,6 @@ html #layuicss-layer {
|
||||
border-width: 8px;
|
||||
border-color: transparent;
|
||||
border-style: dashed;
|
||||
*overflow: hidden
|
||||
}
|
||||
|
||||
.layui-layer-tips i.layui-layer-TipsB,
|
||||
@ -1116,8 +1104,6 @@ html #layuicss-layer {
|
||||
position: relative;
|
||||
width: 100%;
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top
|
||||
}
|
||||
|
||||
@ -1126,34 +1112,27 @@ html #layuicss-layer {
|
||||
position: fixed;
|
||||
top: 50%;
|
||||
width: 27px;
|
||||
_width: 44px;
|
||||
height: 44px;
|
||||
margin-top: -22px;
|
||||
outline: 0;
|
||||
blr: expression(this.onFocus=this.blur())
|
||||
}
|
||||
|
||||
.layui-layer-imgprev {
|
||||
left: 30px;
|
||||
background-position: -5px -5px;
|
||||
_background-position: -70px -5px
|
||||
}
|
||||
|
||||
.layui-layer-imgprev:hover {
|
||||
background-position: -33px -5px;
|
||||
_background-position: -120px -5px
|
||||
}
|
||||
|
||||
.layui-layer-imgnext {
|
||||
right: 30px;
|
||||
_right: 8px;
|
||||
background-position: -5px -50px;
|
||||
_background-position: -70px -50px
|
||||
}
|
||||
|
||||
.layui-layer-imgnext:hover {
|
||||
background-position: -33px -50px;
|
||||
_background-position: -120px -50px
|
||||
}
|
||||
|
||||
.layui-layer-imgbar {
|
||||
@ -1164,7 +1143,6 @@ html #layuicss-layer {
|
||||
width: 100%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
background-color: #000\9;
|
||||
filter: Alpha(opacity=60);
|
||||
background-color: rgba(2, 0, 0, .35);
|
||||
color: #fff;
|
||||
@ -1174,8 +1152,6 @@ html #layuicss-layer {
|
||||
|
||||
.layui-layer-imgtit * {
|
||||
display: inline-block;
|
||||
*display: inline;
|
||||
*zoom: 1;
|
||||
vertical-align: top;
|
||||
font-size: 12px
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user