优化页面
This commit is contained in:
@@ -1 +1 @@
|
||||
"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const o=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!0},zIndex:{default:9999},useMask:{type:Boolean,default:!0},maskColor:{default:"rgba(0, 0, 0, 0.6)"},isFullScreen:{type:Boolean,default:!0},width:{default:"auto"},height:{default:"auto"}},emits:["onOverlayClick"],setup(o,{expose:t,emit:a}){const l=a,s=o,i=e.ref(),u=e.ref(s.visible);function n(){l("onOverlayClick")}return e.watch((()=>s.visible),(e=>{e?u.value=!0:setTimeout((()=>{u.value=!1}),150)}),{immediate:!0}),t({overlayDomRef:i}),(o,t)=>e.e({a:e.unref(u)},e.unref(u)?e.e({b:s.useMask},s.useMask?{c:s.visible?1:"",d:s.maskColor,e:e.o$1(n),f:e.o$1(n)}:{},{g:s.isFullScreen?1:"",h:s.isFullScreen?"fixed":"absolute",i:s.zIndex}):{})}}),t=e._export_sfc(o,[["__scopeId","data-v-c34aefc6"]]);wx.createComponent(t);
|
||||
"use strict";const e=require("../../../../common/vendor.js");require("../../../adapter-vue.js");const o=e.defineComponent({__name:"index",props:{visible:{type:Boolean,default:!0},zIndex:{default:9999},useMask:{type:Boolean,default:!0},maskColor:{default:"rgba(0, 0, 0, 0.6)"},isFullScreen:{type:Boolean,default:!0},width:{default:"auto"},height:{default:"auto"}},emits:["onOverlayClick"],setup(o,{expose:t,emit:a}){const l=a,s=o,i=e.ref(),u=e.ref(s.visible);function n(){l("onOverlayClick")}return e.watch((()=>s.visible),(e=>{e?u.value=!0:setTimeout((()=>{u.value=!1}),150)}),{immediate:!0}),t({overlayDomRef:i}),(o,t)=>e.e({a:e.unref(u)},e.unref(u)?e.e({b:s.useMask},s.useMask?{c:s.visible?1:"",d:s.maskColor,e:e.o$1(n),f:e.o$1(n)}:{},{g:s.isFullScreen?1:"",h:s.isFullScreen?"fixed":"absolute",i:s.zIndex}):{})}}),t=e._export_sfc(o,[["__scopeId","data-v-879d32df"]]);wx.createComponent(t);
|
||||
|
||||
@@ -1 +1 @@
|
||||
<view wx:if="{{a}}" ref="overlayDomRef" class="overlay-container data-v-c34aefc6" style="{{'position:' + h + ';' + ('z-index:' + i)}}"><view wx:if="{{b}}" class="{{['data-v-c34aefc6', 'overlay-mask', c && 'fade-in']}}" style="{{'background-color:' + d}}" bindtap="{{e}}" catchtouchstart="{{f}}"/><view class="{{['data-v-c34aefc6', 'overlay-content', g && 'full-screen']}}"><slot/></view></view>
|
||||
<view wx:if="{{a}}" ref="overlayDomRef" class="overlay-container data-v-879d32df" style="{{'position:' + h + ';' + ('z-index:' + i)}}"><view wx:if="{{b}}" class="{{['data-v-879d32df', 'overlay-mask', c && 'fade-in']}}" style="{{'background-color:' + d}}" bindtap="{{e}}" catchtouchstart="{{f}}"/><view class="{{['data-v-879d32df', 'overlay-content', g && 'full-screen']}}"><slot/></view></view>
|
||||
@@ -1 +1 @@
|
||||
.overlay-container.data-v-c34aefc6{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center}.overlay-container .overlay-mask.data-v-c34aefc6{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear;animation:fade-in-c34aefc6 .15s linear}.overlay-container .full-screen.data-v-c34aefc6{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.overlay-mask.fade-in.data-v-c34aefc6{opacity:1}@keyframes fade-in-c34aefc6{0%{opacity:0}to{opacity:1}}
|
||||
.overlay-container.data-v-879d32df{position:fixed;top:0;bottom:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:center}.overlay-container .overlay-mask.data-v-879d32df{z-index:-1;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear;animation:fade-in-879d32df .15s linear}.overlay-container .full-screen.data-v-879d32df{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.overlay-mask.fade-in.data-v-879d32df{opacity:1}@keyframes fade-in-879d32df{0%{opacity:0}to{opacity:1}}
|
||||
|
||||
Reference in New Issue
Block a user