pages-componentsA-overlay-overlay.85c3c750.js 4.9 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[1552],{35397:function(t,e,i){var n=i(91340);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=i(56).Z;o("522838eb",n,!0,{sourceMap:!1,shadowMode:!1})},52580:function(t,e,i){var n=i(81498);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=i(56).Z;o("c8a1b4d0",n,!0,{sourceMap:!1,shadowMode:!1})},12682:function(t,e,i){"use strict";i.d(e,{Z:function(){return p}});var n,o={uTransition:i(46800).Z},a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("u-transition",{attrs:{show:t.show,"custom-class":"u-overlay",duration:t.duration,"custom-style":t.overlayStyle},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clickHandler.apply(void 0,arguments)}}},[t._t("default")],2)},s=[],l=(i(9653),{props:{show:{type:Boolean,default:uni.$u.props.overlay.show},zIndex:{type:[String,Number],default:uni.$u.props.overlay.zIndex},duration:{type:[String,Number],default:uni.$u.props.overlay.duration},opacity:{type:[String,Number],default:uni.$u.props.overlay.opacity}}}),u={name:"u-overlay",mixins:[uni.$u.mpMixin,uni.$u.mixin,l],computed:{overlayStyle:function(){var t={position:"fixed",top:0,left:0,right:0,zIndex:this.zIndex,bottom:0,"background-color":"rgba(0, 0, 0, ".concat(this.opacity,")")};return uni.$u.deepMerge(t,uni.$u.addStyle(this.customStyle))}},methods:{clickHandler:function(){this.$emit("click")}}},c=u,r=(i(35397),i(69453)),d=(0,r.Z)(c,a,s,!1,null,"ed62b646",null,!1,o,n),p=d.exports},89674:function(t,e,i){"use strict";i.r(e),i.d(e,{default:function(){return d}});var n,o={uNavbar:i(74505).Z,uCell:i(4438).Z,uOverlay:i(12682).Z},a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"u-page"},[i("u-navbar",{attrs:{title:"遮罩层",safeAreaInsetTop:!0,fixed:!0,placeholder:!0},on:{leftClick:function(e){arguments[0]=e=t.$handleEvent(e),t.navigateBack.apply(void 0,arguments)}}}),t._l(t.list,(function(e,n){return i("u-cell",{key:n,attrs:{titleStyle:{fontWeight:500},title:e.title,isLink:!0},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.openMask(n)}}},[i("v-uni-image",{staticClass:"u-cell-icon",attrs:{slot:"icon",src:e.iconUrl,mode:"widthFix"},slot:"icon"})],1)})),i("u-overlay",{attrs:{show:t.show},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.show=!t.show}}}),i("u-overlay",{attrs:{show:t.showSlot},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.showSlot=!t.showSlot}}},[i("v-uni-view",{staticClass:"overlay-wrap"},[i("v-uni-view",{staticClass:"overlay-wrap__box"})],1)],1),i("u-overlay",{attrs:{opacity:".85",show:t.showOpcatiy},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.showOpcatiy=!t.showOpcatiy}}})],2)},s=[],l={data:function(){return{show:!1,showSlot:!1,showOpcatiy:!1,list:[{title:"基本案列",iconUrl:"https://cdn.uviewui.com/uview/demo/overlay/baseCases.png"},{title:"嵌入内容",iconUrl:"https://cdn.uviewui.com/uview/demo/overlay/embeddedContent.png"},{title:"设置透明度",iconUrl:"https://cdn.uviewui.com/uview/demo/overlay/setTransparency.png"}]}},methods:{openMask:function(t){0==t?this.show=!this.show:1==t?this.showSlot=!this.showSlot:2==t&&(this.showOpcatiy=!this.showOpcatiy)},navigateBack:function(){uni.navigateBack()}}},u=l,c=(i(52580),i(69453)),r=(0,c.Z)(u,a,s,!1,null,"dee0ed0c",null,!1,o,n),d=r.exports},91340:function(t,e,i){"use strict";i.r(e);var n=i(43481),o=i.n(n),a=i(2400),s=i.n(a),l=s()(o());l.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */uni-view[data-v-ed62b646], uni-scroll-view[data-v-ed62b646], uni-swiper-item[data-v-ed62b646]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-overlay[data-v-ed62b646]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}',""]),e["default"]=l},81498:function(t,e,i){"use strict";i.r(e);var n=i(43481),o=i.n(n),a=i(2400),s=i.n(a),l=s()(o());l.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.u-page[data-v-dee0ed0c]{padding:0}.overlay-wrap[data-v-dee0ed0c]{display:flex;flex-direction:row;justify-content:center;align-items:center;flex:1}.overlay-wrap__box[data-v-dee0ed0c]{width:%?200?%;height:%?200?%;background-color:#70e1f5}',""]),e["default"]=l}}]);