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