style: 优化 layer 样式

This commit is contained in:
就眠仪式
2021-11-05 00:07:45 +08:00
parent 00e316324e
commit deb3f53299
11 changed files with 27 additions and 33 deletions

View File

@@ -47,8 +47,6 @@ html #layuicss-layer {
}
.layui-layer-border {
border: 1px solid #b2b2b2;
border: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
@@ -570,7 +568,7 @@ html #layuicss-layer {
.layui-layer-hui {
min-width: 100px;
background-color: #000;
filter: alpha(opacity=60);
opacity: 0.6;
background-color: rgba(0, 0, 0, 0.6);
color: #fff;
border: none;

View File

@@ -11,7 +11,11 @@
<div
v-if="visible"
:id="id"
class="layui-layer"
class="layui-layer layui-layer-border"
:class="{
'layui-layer-dialog': type === 1,
'layui-layer-iframe': type === 2,
}"
style="position: fixed"
:style="{
top: top,
@@ -67,6 +71,7 @@
}}</a>
</template>
</div>
<span class="layui-layer-resize"></span>
</div>
</template>