pages-componentsB-alert-alert.eff02103.js 9.8 KB

1
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[1168],{25476:function(t,e,a){var i=a(95770);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var r=a(56).Z;r("0a5339d4",i,!0,{sourceMap:!1,shadowMode:!1})},65746:function(t,e,a){var i=a(71956);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[t.id,i,""]]),i.locals&&(t.exports=i.locals);var r=a(56).Z;r("2a9e4d88",i,!0,{sourceMap:!1,shadowMode:!1})},67470:function(t,e,a){"use strict";a.d(e,{Z:function(){return f}});var i,r={uTransition:a(46800).Z,uIcon:a(38275).Z},c=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("u-transition",{attrs:{mode:"fade",show:t.show}},[a("v-uni-view",{staticClass:"u-alert",class:["u-alert--"+t.type+"--"+t.effect],style:[t.$u.addStyle(t.customStyle)],on:{click:function(e){e.stopPropagation(),arguments[0]=e=t.$handleEvent(e),t.clickHandler.apply(void 0,arguments)}}},[t.showIcon?a("v-uni-view",{staticClass:"u-alert__icon"},[a("u-icon",{attrs:{name:t.iconName,size:"18",color:t.iconColor}})],1):t._e(),a("v-uni-view",{staticClass:"u-alert__content",style:[{paddingRight:t.closable?"20px":0}]},[t.title?a("v-uni-text",{staticClass:"u-alert__content__title",class:["dark"===t.effect?"u-alert__text--dark":"u-alert__text--"+t.type+"--light"],style:[{fontSize:t.$u.addUnit(t.fontSize),textAlign:t.center?"center":"left"}]},[t._v(t._s(t.title))]):t._e(),t.description?a("v-uni-text",{staticClass:"u-alert__content__desc",class:["dark"===t.effect?"u-alert__text--dark":"u-alert__text--"+t.type+"--light"],style:[{fontSize:t.$u.addUnit(t.fontSize),textAlign:t.center?"center":"left"}]},[t._v(t._s(t.description))]):t._e()],1),t.closable?a("v-uni-view",{staticClass:"u-alert__close",on:{click:function(e){e.stopPropagation(),arguments[0]=e=t.$handleEvent(e),t.closeHandler.apply(void 0,arguments)}}},[a("u-icon",{attrs:{name:"close",color:t.iconColor,size:"15"}})],1):t._e()],1)],1)},l=[],s=(a(82526),a(41817),a(9653),{props:{title:{type:String,default:uni.$u.props.alert.title},type:{type:String,default:uni.$u.props.alert.type},description:{type:String,default:uni.$u.props.alert.description},closable:{type:Boolean,default:uni.$u.props.alert.closable},showIcon:{type:Boolean,default:uni.$u.props.alert.showIcon},effect:{type:String,default:uni.$u.props.alert.effect},center:{type:Boolean,default:uni.$u.props.alert.center},fontSize:{type:[String,Number],default:uni.$u.props.alert.fontSize}}}),o={name:"u-alert",mixins:[uni.$u.mpMixin,uni.$u.mixin,s],data:function(){return{show:!0}},computed:{iconColor:function(){return"light"===this.effect?this.type:"#fff"},iconName:function(){switch(this.type){case"success":return"checkmark-circle-fill";case"error":return"close-circle-fill";case"warning":return"error-circle-fill";case"info":return"info-circle-fill";case"primary":return"more-circle-fill";default:return"error-circle-fill"}}},methods:{clickHandler:function(){this.$emit("click")},closeHandler:function(){this.show=!1}}},n=o,u=(a(25476),a(69453)),d=(0,u.Z)(n,c,l,!1,null,"7049953c",null,!1,r,i),f=d.exports},98018:function(t,e,a){"use strict";a.r(e),a.d(e,{default:function(){return d}});var i,r={uAlert:a(67470).Z},c=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"u-page"},[a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("基础功能")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"山不在于高,有了神仙就出名",type:"warning"}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"水不在深,有龙则灵",type:"primary"}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"斯是陋室,惟吾德馨。苔痕上阶绿,草色入帘青",type:"error"}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"谈笑有鸿儒,往来无白丁",type:"info"}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"可以调素琴,阅金经",type:"success"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("深浅色")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"无丝竹之乱耳,无案牍之劳形",type:"warning"}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"南阳诸葛庐,西蜀子云亭。孔子云:何陋之有",type:"warning",effect:"dark"}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("显示图标")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"六王毕,四海一;蜀山兀,阿房出",type:"error",showIcon:!0}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"覆压三百余里,隔离天日。骊山北构而西折,直走咸阳,二川溶溶,流入宫墙",type:"error",effect:"dark",showIcon:!0}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("可关闭")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"五步一楼,十步一阁;廊腰缦回,檐牙高啄;各抱地势,钩心斗角",type:"success",showIcon:!0,closable:!0}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{description:"盘盘焉,囷囷焉,蜂房水涡,矗不知其几千万落",type:"success",effect:"dark",closable:!0,showIcon:!0}})],1)],1)],1),a("v-uni-view",{staticClass:"u-demo-block"},[a("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("带标题")]),a("v-uni-view",{staticClass:"u-demo-block__content"},[a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{title:"妃嫔媵嫱,王子皇孙,辞楼下殿",description:"长桥卧波,未云何龙?复道行空,不霁何虹",type:"info",showIcon:!0,closable:!0}})],1),a("v-uni-view",{staticClass:"u-alert-item"},[a("u-alert",{attrs:{title:"辇来于秦,朝歌夜弦,为秦宫人。明星荧荧,开妆镜也",description:"高低冥迷,不知西东。歌台暖响,春光融融;舞殿冷袖,风雨凄凄。一日之内,一宫之间,而气候不齐",type:"info",effect:"dark",closable:!0,showIcon:!0}})],1)],1)],1)],1)},l=[],s={data:function(){return{description:"",title:""}}},o=s,n=(a(65746),a(69453)),u=(0,n.Z)(o,c,l,!1,null,"6885c449",null,!1,r,i),d=u.exports},95770:function(t,e,a){"use strict";a.r(e);var i=a(43481),r=a.n(i),c=a(2400),l=a.n(c),s=l()(r());s.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-7049953c], uni-scroll-view[data-v-7049953c], uni-swiper-item[data-v-7049953c]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-alert[data-v-7049953c]{position:relative;background-color:#3c9cff;padding:8px 10px;\ndisplay:flex;\nflex-direction:row;align-items:center;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.u-alert--primary--dark[data-v-7049953c]{background-color:#3c9cff}.u-alert--primary--light[data-v-7049953c]{background-color:#ecf5ff}.u-alert--error--dark[data-v-7049953c]{background-color:#f56c6c}.u-alert--error--light[data-v-7049953c]{background-color:#fef0f0}.u-alert--success--dark[data-v-7049953c]{background-color:#5ac725}.u-alert--success--light[data-v-7049953c]{background-color:#f5fff0}.u-alert--warning--dark[data-v-7049953c]{background-color:#f9ae3d}.u-alert--warning--light[data-v-7049953c]{background-color:#fdf6ec}.u-alert--info--dark[data-v-7049953c]{background-color:#909399}.u-alert--info--light[data-v-7049953c]{background-color:#f4f4f5}.u-alert__icon[data-v-7049953c]{margin-right:5px}.u-alert__content[data-v-7049953c]{\ndisplay:flex;\nflex-direction:column;flex:1}.u-alert__content__title[data-v-7049953c]{color:#303133;font-size:14px;font-weight:700;color:#fff;margin-bottom:2px}.u-alert__content__desc[data-v-7049953c]{color:#303133;font-size:14px;flex-wrap:wrap;color:#fff}.u-alert__title--dark[data-v-7049953c], .u-alert__desc--dark[data-v-7049953c]{color:#fff}.u-alert__text--primary--light[data-v-7049953c], .u-alert__text--primary--light[data-v-7049953c]{color:#3c9cff}.u-alert__text--success--light[data-v-7049953c], .u-alert__text--success--light[data-v-7049953c]{color:#5ac725}.u-alert__text--warning--light[data-v-7049953c], .u-alert__text--warning--light[data-v-7049953c]{color:#f9ae3d}.u-alert__text--error--light[data-v-7049953c], .u-alert__text--error--light[data-v-7049953c]{color:#f56c6c}.u-alert__text--info--light[data-v-7049953c], .u-alert__text--info--light[data-v-7049953c]{color:#909399}.u-alert__close[data-v-7049953c]{position:absolute;top:11px;right:10px}',""]),e["default"]=s},71956:function(t,e,a){"use strict";a.r(e);var i=a(43481),r=a.n(i),c=a(2400),l=a.n(c),s=l()(r());s.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量\n * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用\n */.u-alert-item[data-v-6885c449]{flex:1;margin-bottom:10px}.u-demo-block__content[data-v-6885c449]{flex-direction:column!important;align-items:stretch}',""]),e["default"]=s}}]);