docs(fullscreen): 修复文档样式冲突

This commit is contained in:
就眠儀式
2022-03-17 14:18:56 +08:00
parent 7b83700967
commit 8d766be166
4 changed files with 20 additions and 27 deletions

View File

@@ -44,7 +44,7 @@ export default {
<template>
<lay-fullscreen :target="elRef" v-slot="{ enter, exit, toggle, isFullscreen }" @fullscreenchange=fullscreen2>
<div ref="elRef" class="wrapper">
<div ref="elRef" class="wrapper-fullscreen">
<lay-button type="normal" @click="enter()">进入全屏</lay-button>
<lay-button type="normal" @click="exit()">退出</lay-button>
<lay-button type="warm" @click="toggle()"> 切换: {{isFullscreen ? "退出" : "进入全屏"}} </lay-button>
@@ -69,7 +69,7 @@ export default {
}
</script>
<style>
.wrapper{
.wrapper-fullscreen{
padding:10px;
border:1px solid #dddddd;
background-color:#F6F6F6;
@@ -117,7 +117,7 @@ export default {
}
</script>
<style>
.wrapper{
.wrapper-fullscreen{
padding:10px;
border:1px solid #dddddd;
background-color:#F6F6F6;
@@ -141,7 +141,7 @@ export default {
position="absolute"
v-slot="{ enter, exit, toggle, isFullscreen }"
@fullscreenchange=fullscreen4>
<div ref="fullscreenTargetRef2" class="wrapper">
<div ref="fullscreenTargetRef2" class="wrapper-fullscreen">
<lay-button type="normal" @click="enter()">进入全屏</lay-button>
<lay-button type="normal" @click="exit()">退出</lay-button>
<lay-button type="warm" @click="toggle()"> 切换: {{isFullscreen ? "退出" : "进入全屏"}} </lay-button>
@@ -175,7 +175,7 @@ export default {
background-color: red;
border:1px solid #dddddd;
};
.wrapper{
.wrapper-fullscreen{
padding:10px;
border:1px solid #dddddd;
background-color:#F6F6F6;

View File

@@ -14,10 +14,11 @@
<ul>
<a name="0-4-0"> </a>
<li>
<h3>0.4.0 <span class="layui-badge-rim">2022-03-08</span></h3>
<h3>0.4.0 <span class="layui-badge-rim">2022-03-17</span></h3>
<ul>
<li>[新增] scroll 虚拟滚动组件。</li>
<li>[新增] water-marker 水印组件。</li>
<li>[新增] table 表格组件 excel 导出工具栏。</li>
<li>[新增] page 分页组件 v-model 属性, 支持默认页设置。</li>
<li>[新增] date-picker 日期选择组件, 支持年月, 日期, 时间。</li>
<li>[修复] slider 滑块组件, 默认 step 值异常。</li>