54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
|
var e = require("../common/component"), t = require("../mixins/button"), i = require("../mixins/open-type");
|
||
|
|
|
||
|
|
(0, e.VantComponent)({
|
||
|
|
mixins: [ t.button, i.openType ],
|
||
|
|
classes: [ "hover-class", "loading-class" ],
|
||
|
|
data: {
|
||
|
|
style: ""
|
||
|
|
},
|
||
|
|
props: {
|
||
|
|
icon: String,
|
||
|
|
iconstyle: String,
|
||
|
|
plain: Boolean,
|
||
|
|
block: Boolean,
|
||
|
|
round: Boolean,
|
||
|
|
square: Boolean,
|
||
|
|
loading: Boolean,
|
||
|
|
hairline: Boolean,
|
||
|
|
disabled: Boolean,
|
||
|
|
loadingText: String,
|
||
|
|
customStyle: String,
|
||
|
|
loadingType: {
|
||
|
|
type: String,
|
||
|
|
value: "circular"
|
||
|
|
},
|
||
|
|
type: {
|
||
|
|
type: String,
|
||
|
|
value: "default"
|
||
|
|
},
|
||
|
|
size: {
|
||
|
|
type: String,
|
||
|
|
value: "normal"
|
||
|
|
},
|
||
|
|
loadingSize: {
|
||
|
|
type: String,
|
||
|
|
value: "20px"
|
||
|
|
},
|
||
|
|
color: {
|
||
|
|
type: String,
|
||
|
|
observer: function(e) {
|
||
|
|
var t = "";
|
||
|
|
e && (t += "color: " + (this.data.plain ? e : "white") + ";", this.data.plain || (t += "background: " + e + ";"),
|
||
|
|
-1 !== e.indexOf("gradient") ? t += "border: 0;" : t += "border-color: " + e + ";"),
|
||
|
|
t !== this.data.style && this.setData({
|
||
|
|
style: t
|
||
|
|
});
|
||
|
|
}
|
||
|
|
}
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
onClick: function() {
|
||
|
|
this.data.disabled || this.data.loading || this.$emit("click");
|
||
|
|
}
|
||
|
|
}
|
||
|
|
});
|