info
This commit is contained in:
@@ -0,0 +1,11 @@
|
||||
(global["webpackJsonp"]=global["webpackJsonp"]||[]).push([["components/thorui/tui-button/tui-button"],{1017:function(t,e,n){"use strict";n.r(e);var i=n(1018),r=n(1020);for(var a in r)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return r[t]}))}(a);n(1022);var u,o=n(46),d=Object(o["default"])(r["default"],i["render"],i["staticRenderFns"],!1,null,"270e3966",null,!1,i["components"],u);d.options.__file="components/thorui/tui-button/tui-button.vue",e["default"]=d.exports},1018:function(t,e,n){"use strict";n.r(e);var i=n(1019);n.d(e,"render",(function(){return i["render"]})),n.d(e,"staticRenderFns",(function(){return i["staticRenderFns"]})),n.d(e,"recyclableRender",(function(){return i["recyclableRender"]})),n.d(e,"components",(function(){return i["components"]}))},1019:function(t,e,n){"use strict";var i;n.r(e),n.d(e,"render",(function(){return r})),n.d(e,"staticRenderFns",(function(){return u})),n.d(e,"recyclableRender",(function(){return a})),n.d(e,"components",(function(){return i}));var r=function(){var t=this,e=t.$createElement,n=(t._self._c,t.getDisabledClass(t.disabled,t.type,t.plain)),i=t.getShapeClass(t.shape,t.plain),r=t.getShadowClass(t.type,t.shadow,t.plain),a=t.getHoverClass(t.disabled,t.type,t.plain);t.$mp.data=Object.assign({},{$root:{m0:n,m1:i,m2:r,m3:a}})},a=!1,u=[];r._withStripped=!0},1020:function(t,e,n){"use strict";n.r(e);var i=n(1021),r=n.n(i);for(var a in i)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return i[t]}))}(a);e["default"]=r.a},1021:function(t,e,n){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i={name:"tuiButton",behaviors:["wx://form-field-button"],props:{type:{type:String,default:"primary"},shadow:{type:Boolean,default:!1},width:{type:String,default:"100%"},height:{type:String,default:"96rpx"},size:{type:Number,default:32},bold:{type:Boolean,default:!1},margin:{type:String,default:"0"},shape:{type:String,default:"square"},plain:{type:Boolean,default:!1},link:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},disabledGray:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},formType:{type:String,default:""},openType:{type:String,default:""},index:{type:[Number,String],default:0},preventClick:{type:Boolean,default:!1}},data:function(){return{time:0}},methods:{handleClick:function(){var t=this;if(!this.disabled){if(this.preventClick){if((new Date).getTime()-this.time<=200)return;this.time=(new Date).getTime(),setTimeout((function(){t.time=0}),200)}this.$emit("click",{index:Number(this.index)})}},bindgetuserinfo:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.detail,n=void 0===e?{}:e;this.$emit("getuserinfo",n)},bindcontact:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.detail,n=void 0===e?{}:e;this.$emit("contact",n)},bindgetphonenumber:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.detail,n=void 0===e?{}:e;this.$emit("getphonenumber",n)},binderror:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.detail,n=void 0===e?{}:e;this.$emit("error",n)},getShadowClass:function(t,e,n){var i="";return e&&"white"!=t&&!n&&(i="tui-shadow-"+t),i},getDisabledClass:function(t,e,n){var i="";if(t&&"white"!=e&&-1==e.indexOf("-")){var r=this.disabledGray?"tui-gray-disabled":"tui-dark-disabled";i=n?"tui-dark-disabled-outline":r}return i},getShapeClass:function(t,e){var n="";return"circle"==t?n=e?"tui-outline-fillet":"tui-fillet":"rightAngle"==t&&(n=e?"tui-outline-rightAngle":"tui-rightAngle"),n},getHoverClass:function(t,e,n){var i="";return t||(i=n?"tui-outline-hover":"tui-"+(e||"primary")+"-hover"),i}}};e.default=i},1022:function(t,e,n){"use strict";n.r(e);var i=n(1023),r=n.n(i);for(var a in i)["default"].indexOf(a)<0&&function(t){n.d(e,t,(function(){return i[t]}))}(a);e["default"]=r.a},1023:function(t,e,n){}}]);
|
||||
//# sourceMappingURL=../../../../.sourcemap/mp-weixin/components/thorui/tui-button/tui-button.js.map
|
||||
;(global["webpackJsonp"] = global["webpackJsonp"] || []).push([
|
||||
'components/thorui/tui-button/tui-button-create-component',
|
||||
{
|
||||
'components/thorui/tui-button/tui-button-create-component':(function(module, exports, __webpack_require__){
|
||||
__webpack_require__('2')['createComponent'](__webpack_require__(1017))
|
||||
})
|
||||
},
|
||||
[['components/thorui/tui-button/tui-button-create-component']]
|
||||
]);
|
||||
@@ -0,0 +1,4 @@
|
||||
{
|
||||
"component": true,
|
||||
"usingComponents": {}
|
||||
}
|
||||
@@ -0,0 +1 @@
|
||||
<button class="{{['tui-btn','data-v-270e3966',plain?'tui-'+type+'-outline':'tui-btn-'+(type||'primary'),$root.m0,$root.m1,$root.m2,bold?'tui-text-bold':'',link?'tui-btn__link':'']}}" style="{{'width:'+(width)+';'+('height:'+(height)+';')+('line-height:'+(height)+';')+('font-size:'+(size+'rpx')+';')+('margin:'+(margin)+';')}}" hover-class="{{$root.m3}}" loading="{{loading}}" form-type="{{formType}}" open-type="{{openType}}" disabled="{{disabled}}" data-event-opts="{{[['getuserinfo',[['bindgetuserinfo',['$event']]]],['getphonenumber',[['bindgetphonenumber',['$event']]]],['contact',[['bindcontact',['$event']]]],['error',[['binderror',['$event']]]],['tap',[['handleClick',['$event']]]]]}}" bindgetuserinfo="__e" bindgetphonenumber="__e" bindcontact="__e" binderror="__e" bindtap="__e"><slot></slot></button>
|
||||
@@ -0,0 +1,273 @@
|
||||
|
||||
.tui-btn-primary.data-v-270e3966 {
|
||||
background: #5677fc !important;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-shadow-primary.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(86, 119, 252, 0.2);
|
||||
}
|
||||
.tui-btn-danger.data-v-270e3966 {
|
||||
background: #eb0909 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-shadow-danger.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.2);
|
||||
}
|
||||
.tui-btn-warning.data-v-270e3966 {
|
||||
background: #fc872d !important;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-shadow-warning.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(252, 135, 45, 0.2);
|
||||
}
|
||||
.tui-btn-green.data-v-270e3966 {
|
||||
background: #07c160 !important;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-shadow-green.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(7, 193, 96, 0.2);
|
||||
}
|
||||
.tui-btn-blue.data-v-270e3966 {
|
||||
background: #007aff !important;
|
||||
color: #fff;
|
||||
}
|
||||
.tui-shadow-blue.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(0, 122, 255, 0.2);
|
||||
}
|
||||
.tui-btn-white.data-v-270e3966 {
|
||||
background: #fff !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.tui-btn-gray.data-v-270e3966 {
|
||||
background: #bfbfbf !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tui-btn-black.data-v-270e3966 {
|
||||
background: #333 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tui-btn-brown.data-v-270e3966{
|
||||
background: #ac9157 !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tui-btn-gray-black.data-v-270e3966 {
|
||||
background: #f2f2f2 !important;
|
||||
color: #333;
|
||||
}
|
||||
.tui-btn-gray-primary.data-v-270e3966 {
|
||||
background: #f2f2f2 !important;
|
||||
color: #5677fc !important;
|
||||
}
|
||||
.tui-gray-primary-hover.data-v-270e3966 {
|
||||
background: #d9d9d9 !important;
|
||||
}
|
||||
.tui-btn-gray-green.data-v-270e3966 {
|
||||
background: #f2f2f2 !important;
|
||||
color: #07c160 !important;
|
||||
}
|
||||
.tui-gray-green-hover.data-v-270e3966 {
|
||||
background: #d9d9d9 !important;
|
||||
}
|
||||
.tui-btn-gray-danger.data-v-270e3966 {
|
||||
background: #f2f2f2 !important;
|
||||
color: #eb0909 !important;
|
||||
}
|
||||
.tui-gray-danger-hover.data-v-270e3966 {
|
||||
background: #d9d9d9 !important;
|
||||
}
|
||||
.tui-btn-gray-warning.data-v-270e3966 {
|
||||
background: #f2f2f2 !important;
|
||||
color: #fc872d !important;
|
||||
}
|
||||
.tui-gray-warning-hover.data-v-270e3966 {
|
||||
background: #d9d9d9 !important;
|
||||
}
|
||||
.tui-shadow-gray.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(191, 191, 191, 0.2);
|
||||
}
|
||||
.tui-hover-gray.data-v-270e3966 {
|
||||
background: #f7f7f9 !important;
|
||||
}
|
||||
.tui-black-hover.data-v-270e3966 {
|
||||
background: #555 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-brown-hover.data-v-270e3966{
|
||||
background: #A37F49 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
|
||||
/* button start*/
|
||||
.tui-btn.data-v-270e3966 {
|
||||
width: 100%;
|
||||
position: relative;
|
||||
border: 0 !important;
|
||||
border-radius: 6rpx;
|
||||
padding-left: 0;
|
||||
padding-right: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
.tui-btn.data-v-270e3966::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);
|
||||
box-sizing: border-box;
|
||||
left: 0;
|
||||
top: 0;
|
||||
border-radius: 12rpx;
|
||||
border: 0;
|
||||
}
|
||||
.tui-text-bold.data-v-270e3966 {
|
||||
font-weight: bold;
|
||||
}
|
||||
.tui-btn-white.data-v-270e3966::after {
|
||||
border: 1px solid #bfbfbf;
|
||||
}
|
||||
.tui-white-hover.data-v-270e3966 {
|
||||
background: #e5e5e5 !important;
|
||||
color: #2e2e2e !important;
|
||||
}
|
||||
.tui-dark-disabled.data-v-270e3966 {
|
||||
opacity: 0.6 !important;
|
||||
color: #fafbfc !important;
|
||||
}
|
||||
.tui-dark-disabled-outline.data-v-270e3966 {
|
||||
opacity: 0.5 !important;
|
||||
}
|
||||
.tui-gray-disabled.data-v-270e3966 {
|
||||
background: #f3f3f3 !important;
|
||||
color: #919191 !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.tui-outline-hover.data-v-270e3966 {
|
||||
opacity: 0.5;
|
||||
}
|
||||
.tui-primary-hover.data-v-270e3966 {
|
||||
background: #4a67d6 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-primary-outline.data-v-270e3966::after {
|
||||
border: 1px solid #5677fc !important;
|
||||
}
|
||||
.tui-primary-outline.data-v-270e3966 {
|
||||
color: #5677fc !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-danger-hover.data-v-270e3966 {
|
||||
background: #c80808 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-danger-outline.data-v-270e3966 {
|
||||
color: #eb0909 !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-danger-outline.data-v-270e3966::after {
|
||||
border: 1px solid #eb0909 !important;
|
||||
}
|
||||
.tui-warning-hover.data-v-270e3966 {
|
||||
background: #d67326 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-warning-outline.data-v-270e3966 {
|
||||
color: #fc872d !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-warning-outline.data-v-270e3966::after {
|
||||
border: 1px solid #fc872d !important;
|
||||
}
|
||||
.tui-green-hover.data-v-270e3966 {
|
||||
background: #06ad56 !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-green-outline.data-v-270e3966 {
|
||||
color: #07c160 !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-green-outline.data-v-270e3966::after {
|
||||
border: 1px solid #07c160 !important;
|
||||
}
|
||||
.tui-blue-hover.data-v-270e3966 {
|
||||
background: #0062cc !important;
|
||||
color: #e5e5e5 !important;
|
||||
}
|
||||
.tui-blue-outline.data-v-270e3966 {
|
||||
color: #007aff !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-blue-outline.data-v-270e3966::after {
|
||||
border: 1px solid #007aff !important;
|
||||
}
|
||||
.tui-btn-gradual.data-v-270e3966 {
|
||||
background: linear-gradient(90deg, rgb(255, 89, 38), rgb(240, 14, 44)) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tui-shadow-gradual.data-v-270e3966 {
|
||||
box-shadow: 0 10rpx 14rpx 0 rgba(235, 9, 9, 0.15);
|
||||
}
|
||||
.tui-gray-hover.data-v-270e3966 {
|
||||
background: #a3a3a3 !important;
|
||||
color: #898989;
|
||||
}
|
||||
.tui-gradual-hover.data-v-270e3966 {
|
||||
background: linear-gradient(90deg, #d74620, #cd1225) !important;
|
||||
color: #fff !important;
|
||||
}
|
||||
.tui-gray-outline.data-v-270e3966 {
|
||||
color: #999 !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.tui-white-outline.data-v-270e3966 {
|
||||
color: #fff !important;
|
||||
background: transparent !important;
|
||||
}
|
||||
.tui-black-outline.data-v-270e3966 {
|
||||
background: transparent !important;
|
||||
color: #333 !important;
|
||||
}
|
||||
.tui-gray-outline.data-v-270e3966::after {
|
||||
border: 1px solid #ccc !important;
|
||||
}
|
||||
.tui-white-outline.data-v-270e3966::after {
|
||||
border: 1px solid #fff !important;
|
||||
}
|
||||
.tui-black-outline.data-v-270e3966::after {
|
||||
border: 1px solid #333 !important;
|
||||
}
|
||||
.tui-brown-outline.data-v-270e3966 {
|
||||
color: #ac9157 !important;
|
||||
background: transparent;
|
||||
}
|
||||
.tui-brown-outline.data-v-270e3966::after {
|
||||
border: 1px solid #ac9157 !important;
|
||||
}
|
||||
|
||||
/*圆角 */
|
||||
.tui-fillet.data-v-270e3966 {
|
||||
border-radius: 50rpx;
|
||||
}
|
||||
.tui-btn-white.tui-fillet.data-v-270e3966::after {
|
||||
border-radius: 98rpx;
|
||||
}
|
||||
.tui-outline-fillet.data-v-270e3966::after {
|
||||
border-radius: 98rpx;
|
||||
}
|
||||
|
||||
/*平角*/
|
||||
.tui-rightAngle.data-v-270e3966 {
|
||||
border-radius: 0;
|
||||
}
|
||||
.tui-btn-white.tui-rightAngle.data-v-270e3966::after {
|
||||
border-radius: 0;
|
||||
}
|
||||
.tui-outline-rightAngle.data-v-270e3966::after {
|
||||
border-radius: 0;
|
||||
}
|
||||
.tui-btn__link.data-v-270e3966::after {
|
||||
border: 0 !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user