info
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-modal/tui-modal"],{1024:function(t,e,n){"use strict";n.r(e);var r=n(1025),u=n(1027);for(var a in u)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return u[t]}))}(a);n(1029);var o,i=n(46),d=Object(i["default"])(u["default"],r["render"],r["staticRenderFns"],!1,null,"6ccfff18",null,!1,r["components"],o);d.options.__file="components/thorui/tui-modal/tui-modal.vue",e["default"]=d.exports},1025:function(t,e,n){"use strict";n.r(e);var r=n(1026);n.d(e,"render",(function(){return r["render"]})),n.d(e,"staticRenderFns",(function(){return r["staticRenderFns"]})),n.d(e,"recyclableRender",(function(){return r["recyclableRender"]})),n.d(e,"components",(function(){return r["components"]}))},1026:function(t,e,n){"use strict";var r;n.r(e),n.d(e,"render",(function(){return u})),n.d(e,"staticRenderFns",(function(){return o})),n.d(e,"recyclableRender",(function(){return a})),n.d(e,"components",(function(){return r}));var u=function(){var t=this,e=t.$createElement,n=(t._self._c,t.custom?null:t.button.length),r=t.custom?null:t.__map(t.button,(function(e,n){var r=t.__get_orig(e),u=t.button.length,a=t.button.length;return{$orig:r,g1:u,g2:a}}));t.$mp.data=Object.assign({},{$root:{g0:n,l0:r}})},a=!1,o=[];u._withStripped=!0},1027:function(t,e,n){"use strict";n.r(e);var r=n(1028),u=n.n(r);for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=u.a},1028:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var r={name:"tuiModal",props:{show:{type:Boolean,default:!1},width:{type:String,default:"84%"},backgroundColor:{type:String,default:"#fff"},padding:{type:String,default:"40rpx 64rpx"},radius:{type:String,default:"24rpx"},title:{type:String,default:""},content:{type:String,default:""},color:{type:String,default:"#999"},size:{type:Number,default:28},shape:{type:String,default:"square"},button:{type:Array,default:function(){return[{text:"取消",type:"red",plain:!0},{text:"确定",type:"red",plain:!1}]}},maskClosable:{type:Boolean,default:!0},fadeIn:{type:Boolean,default:!1},custom:{type:Boolean,default:!1},zIndex:{type:Number,default:9997},maskZIndex:{type:Number,default:9990}},data:function(){return{}},methods:{handleClick:function(t){if(this.show){var e=t.currentTarget.dataset;this.$emit("click",{index:Number(e.index)})}},handleClickCancel:function(){this.maskClosable&&this.$emit("cancel")}}};e.default=r},1029:function(t,e,n){"use strict";n.r(e);var r=n(1030),u=n.n(r);for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);e["default"]=u.a},1030:function(t,e,n){}}]);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/components/thorui/tui-modal/tui-modal.js.map
|
||||
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
||||
'components/thorui/tui-modal/tui-modal-create-component',
|
||||
{
|
||||
'components/thorui/tui-modal/tui-modal-create-component':(function(module, exports, __webpack_require__){
|
||||
__webpack_require__('2')['createComponent'](__webpack_require__(1024))
|
||||
})
|
||||
},
|
||||
[['components/thorui/tui-modal/tui-modal-create-component']]
|
||||
]);
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<view data-event-opts="{{[['touchmove',[['',['$event']]]]]}}" class="{{['tui-modal__container','data-v-6ccfff18',show?'tui-modal-show':'']}}" style="{{'z-index:'+(zIndex)+';'}}" catchtouchmove="__e"><view class="{{['tui-modal-box','data-v-6ccfff18',fadeIn||show?'tui-modal-normal':'tui-modal-scale',show?'tui-modal-show':'']}}" style="{{'width:'+(width)+';'+('padding:'+(padding)+';')+('border-radius:'+(radius)+';')+('background-color:'+(backgroundColor)+';')+('z-index:'+(zIndex+1)+';')}}"><block wx:if="{{!custom}}"><view class="data-v-6ccfff18"><block wx:if="{{title}}"><view class="tui-modal-title data-v-6ccfff18">{{title}}</view></block><view class="{{['tui-modal-content','data-v-6ccfff18',title?'':'tui-mtop']}}" style="{{'color:'+(color)+';'+('font-size:'+(size+'rpx')+';')}}">{{content}}</view><view class="{{['tui-modalBtn-box','data-v-6ccfff18',$root.g0!=2?'tui-flex-column':'']}}"><block wx:for="{{$root.l0}}" wx:for-item="item" wx:for-index="index" wx:key="index"><block class="data-v-6ccfff18"><button class="{{['tui-modal-btn','data-v-6ccfff18','tui-'+(item.$orig.type||'primary')+(item.$orig.plain?'-outline':''),item.g1!=2?'tui-btn-width':'',item.g2>2?'tui-mbtm':'',shape=='circle'?'tui-circle-btn':'']}}" hover-class="{{'tui-'+(item.$orig.plain?'outline':item.$orig.type||'primary')+'-hover'}}" data-index="{{index}}" data-event-opts="{{[['tap',[['handleClick',['$event']]]]]}}" bindtap="__e">{{''+(item.$orig.text||'确定')+''}}</button></block></block></view></view></block><block wx:else><view class="data-v-6ccfff18"><slot></slot></view></block></view><view data-event-opts="{{[['tap',[['handleClickCancel',['$event']]]]]}}" class="{{['tui-modal-mask','data-v-6ccfff18',show?'tui-mask-show':'']}}" style="{{'z-index:'+(maskZIndex)+';'}}" bindtap="__e"></view></view>
|
||||
@@ -0,0 +1,218 @@
|
||||
|
||||
.tui-modal__container.data-v-6ccfff18 {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tui-modal-box.data-v-6ccfff18 {
|
||||
position: relative;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
box-sizing: border-box;
|
||||
transition: all 0.3s ease-in-out;
|
||||
}
|
||||
.tui-modal-scale.data-v-6ccfff18 {
|
||||
-webkit-transform: scale(0);
|
||||
transform: scale(0);
|
||||
}
|
||||
.tui-modal-normal.data-v-6ccfff18 {
|
||||
-webkit-transform: scale(1);
|
||||
transform: scale(1);
|
||||
}
|
||||
.tui-modal-show.data-v-6ccfff18 {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
.tui-modal-mask.data-v-6ccfff18 {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
background-color: rgba(0, 0, 0, 0.6);
|
||||
transition: all 0.3s ease-in-out;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
}
|
||||
.tui-mask-show.data-v-6ccfff18 {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
.tui-modal-title.data-v-6ccfff18 {
|
||||
text-align: center;
|
||||
font-size: 34rpx;
|
||||
color: #333;
|
||||
padding-top: 20rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
.tui-modal-content.data-v-6ccfff18 {
|
||||
text-align: center;
|
||||
color: #999;
|
||||
font-size: 28rpx;
|
||||
padding-top: 20rpx;
|
||||
padding-bottom: 60rpx;
|
||||
}
|
||||
.tui-mtop.data-v-6ccfff18 {
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.tui-mbtm.data-v-6ccfff18 {
|
||||
margin-bottom: 30rpx;
|
||||
}
|
||||
.tui-modalBtn-box.data-v-6ccfff18 {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.tui-flex-column.data-v-6ccfff18 {
|
||||
flex-direction: column;
|
||||
}
|
||||
.tui-modal-btn.data-v-6ccfff18 {
|
||||
width: 46%;
|
||||
height: 68rpx;
|
||||
line-height: 68rpx;
|
||||
position: relative;
|
||||
border-radius: 10rpx;
|
||||
font-size: 26rpx;
|
||||
overflow: visible;
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
.tui-modal-btn.data-v-6ccfff18::after {
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
-webkit-transform-origin: 0 0;
|
||||
transform-origin: 0 0;
|
||||
-webkit-transform: scale(0.5, 0.5) translateZ(0);
|
||||
transform: scale(0.5, 0.5) translateZ(0);
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 20rpx;
|
||||
z-index: 2;
|
||||
}
|
||||
.tui-btn-width.data-v-6ccfff18 {
|
||||
width: 80% !important;
|
||||
}
|
||||
.tui-primary.data-v-6ccfff18 {
|
||||
background: #5677fc;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-primary-hover.data-v-6ccfff18 {
|
||||
background: #4a67d6;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.tui-primary-outline.data-v-6ccfff18 {
|
||||
color: #5677fc;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-primary-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #5677fc;
|
||||
}
|
||||
.tui-danger.data-v-6ccfff18 {
|
||||
background: #ed3f14;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-danger-hover.data-v-6ccfff18 {
|
||||
background: #d53912;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.tui-danger-outline.data-v-6ccfff18 {
|
||||
color: #ed3f14;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-danger-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #ed3f14;
|
||||
}
|
||||
.tui-red.data-v-6ccfff18 {
|
||||
background: #e41f19;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-red-hover.data-v-6ccfff18 {
|
||||
background: #c51a15;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.tui-red-outline.data-v-6ccfff18 {
|
||||
color: #e41f19;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-red-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #e41f19;
|
||||
}
|
||||
.tui-warning.data-v-6ccfff18 {
|
||||
background: #ff7900;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-warning-hover.data-v-6ccfff18 {
|
||||
background: #e56d00;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.tui-warning-outline.data-v-6ccfff18 {
|
||||
color: #ff7900;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-warning-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #ff7900;
|
||||
}
|
||||
.tui-green.data-v-6ccfff18 {
|
||||
background: #19be6b;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-green-hover.data-v-6ccfff18 {
|
||||
background: #16ab60;
|
||||
color: #e5e5e5;
|
||||
}
|
||||
.tui-green-outline.data-v-6ccfff18 {
|
||||
color: #19be6b;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-green-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #19be6b;
|
||||
}
|
||||
.tui-white.data-v-6ccfff18 {
|
||||
background: #fff;
|
||||
color: #333;
|
||||
}
|
||||
.tui-white-hover.data-v-6ccfff18 {
|
||||
background: #f7f7f9;
|
||||
color: #666;
|
||||
}
|
||||
.tui-white-outline.data-v-6ccfff18 {
|
||||
color: #333;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-white-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #333;
|
||||
}
|
||||
.tui-gray.data-v-6ccfff18 {
|
||||
background: #ededed;
|
||||
color: #999;
|
||||
}
|
||||
.tui-gray-hover.data-v-6ccfff18 {
|
||||
background: #d5d5d5;
|
||||
color: #898989;
|
||||
}
|
||||
.tui-gray-outline.data-v-6ccfff18 {
|
||||
color: #999;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-gray-outline.data-v-6ccfff18::after {
|
||||
border: 1px solid #999;
|
||||
}
|
||||
.tui-outline-hover.data-v-6ccfff18 {
|
||||
opacity: 0.6;
|
||||
}
|
||||
.tui-circle-btn.data-v-6ccfff18 {
|
||||
border-radius: 40rpx !important;
|
||||
}
|
||||
.tui-circle-btn.data-v-6ccfff18::after {
|
||||
border-radius: 80rpx !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user