🌀(ie): 移除 ie 兼容 css

更新文档
This commit is contained in:
就眠儀式 2022-06-18 23:59:29 +08:00
parent e658ba92e2
commit db4eac69bf
14 changed files with 19 additions and 61 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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;
} }

View File

@ -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;

View File

@ -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);

View File

@ -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;

View File

@ -118,7 +118,6 @@ a:hover {
a cite { a cite {
font-style: normal; font-style: normal;
*cursor: pointer;
} }
.layui-border-box, .layui-border-box,

View File

@ -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>

View File

@ -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
} }