style: 优化 layer 样式
This commit is contained in:
@@ -82,7 +82,6 @@ export default {
|
||||
::: demo
|
||||
|
||||
<template>
|
||||
{{active}}
|
||||
<lay-carousel v-model="active" indicator="outside">
|
||||
<lay-carousel-item id="1">
|
||||
<div style="color: white;text-align: center;width:100%;height:300px;line-height:300px;background-color:#79C48C;">条目一</div>
|
||||
|
||||
@@ -28,7 +28,7 @@ export default {
|
||||
|
||||
:::
|
||||
|
||||
::: title Collapse attributes
|
||||
::: title Collapse 属性
|
||||
|
||||
:::
|
||||
|
||||
@@ -36,7 +36,7 @@ export default {
|
||||
| -------- | ----------- | --------------- |
|
||||
| openKeys | 打开的目录 | `array` |
|
||||
|
||||
::: title Collapse-item attributes
|
||||
::: title Collapse-item 属性
|
||||
|
||||
:::
|
||||
|
||||
|
||||
@@ -6,9 +6,7 @@
|
||||
<template>
|
||||
<lay-button @click="changeVisible1" type="primary">基础使用</lay-button>
|
||||
<lay-layer title="基础使用" v-model:visible="visible1">
|
||||
<div style="padding: 20px;">
|
||||
这是一个基础弹窗
|
||||
</div>
|
||||
这是一个基础弹窗
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -41,9 +39,7 @@ export default {
|
||||
<template>
|
||||
<lay-button @click="changeVisible2" type="primary">允许拖动</lay-button>
|
||||
<lay-layer title="允许拖动" v-model:visible="visible2" move="true">
|
||||
<div style="padding: 20px;">
|
||||
这是一个可以拖拽的弹窗
|
||||
</div>
|
||||
这是一个可以拖拽的弹窗
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -76,9 +72,7 @@ export default {
|
||||
<template>
|
||||
<lay-button @click="changeVisible3" type="primary">放大缩小</lay-button>
|
||||
<lay-layer title="放大缩小" v-model:visible="visible3" move="true" maxmin="true">
|
||||
<div style="padding: 20px;">
|
||||
该弹窗支持放大缩小
|
||||
</div>
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -111,9 +105,7 @@ export default {
|
||||
<template>
|
||||
<lay-button @click="changeVisible4" type="primary">指定位置</lay-button>
|
||||
<lay-layer title="指定位置" v-model:visible="visible4" move="true" :offset="['100px','100px']">
|
||||
<div style="padding: 20px;">
|
||||
指定弹窗显示的默认位置
|
||||
</div>
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -179,9 +171,7 @@ export default {
|
||||
<template>
|
||||
<lay-button @click="changeVisible6" type="primary">定义操作</lay-button>
|
||||
<lay-layer title="定义操作" v-model:visible="visible6" move="true" :btn="btn6">
|
||||
<div style="padding: 20px;">
|
||||
定义一组弹窗操作按钮
|
||||
</div>
|
||||
定义一组弹窗操作按钮
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -219,9 +209,7 @@ export default {
|
||||
<template>
|
||||
<lay-button @click="changeVisible7" type="primary">开启遮盖</lay-button>
|
||||
<lay-layer title="开启遮盖" move="true" shade="true" v-model:visible="visible7">
|
||||
<div style="padding: 20px;">
|
||||
允许点击遮盖层关闭弹窗
|
||||
</div>
|
||||
</lay-layer>
|
||||
</template>
|
||||
|
||||
@@ -262,3 +250,4 @@ export default {
|
||||
| shade | 开启遮盖 | -- |
|
||||
| shadeClose | 遮盖点击关闭 | -- |
|
||||
| zIndex | 自定义层级 | -- |
|
||||
| type | 类型 | `1`,`2` |
|
||||
@@ -1,4 +1,4 @@
|
||||
::: title 基本使用
|
||||
::: title 基础使用
|
||||
:::
|
||||
|
||||
::: demo
|
||||
|
||||
@@ -10,6 +10,9 @@
|
||||
::: demo
|
||||
<template>
|
||||
<lay-timeline>
|
||||
<lay-timeline-item title="0.2.3">
|
||||
[新增] useFullScreen 全屏 hooks。<br>
|
||||
</lay-timeline-item>
|
||||
<lay-timeline-item title="0.2.2">
|
||||
[新增] useFullScreen 全屏 hooks。<br>
|
||||
[新增] useMove 拖拽 hooks。<br>
|
||||
|
||||
@@ -43,7 +43,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="layui-nav-item">
|
||||
<a href="javascript:void(0)"> 0.2.2 </a>
|
||||
<a href="javascript:void(0)"> 0.2.3 </a>
|
||||
</li>
|
||||
</ul>
|
||||
</lay-header>
|
||||
|
||||
@@ -28,7 +28,7 @@
|
||||
>
|
||||
</div>
|
||||
<div class="site-version">
|
||||
<span>当前版本:v<cite class="site-showv">0.2.2</cite></span>
|
||||
<span>当前版本:v<cite class="site-showv">0.2.3</cite></span>
|
||||
<span
|
||||
><router-link
|
||||
class="layui-inline site-down"
|
||||
|
||||
Reference in New Issue
Block a user