sinosoft-common-button 1.0.2 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/common-button.es.js +212 -93
  2. package/common-button.umd.js +1 -1
  3. package/package.json +1 -1
  4. package/style.css +1 -1
package/common-button.es.js CHANGED
@@ -1,130 +1,249 @@
1
- import { defineComponent as u, openBlock as l, createElementBlock as i, normalizeClass as f, normalizeStyle as s, createElementVNode as y, createCommentVNode as d, renderSlot as g } from "vue";
2
- const m = ["code"], h = {
3
- key: 0,
4
- class: "s-icon"
5
- }, k = ["src"], b = { key: 1 }, S = /* @__PURE__ */ u({
6
- __name: "Button",
1
+ import { openBlock as d, createElementBlock as c, createElementVNode as p, defineComponent as g, resolveComponent as u, createVNode as r, normalizeClass as $, normalizeStyle as f, withCtx as l, createCommentVNode as _, renderSlot as S, createBlock as z, createTextVNode as a } from "vue";
2
+ /*! Element Plus Icons Vue v2.1.0 */
3
+ var k = (e, t) => {
4
+ let o = e.__vccOpts || e;
5
+ for (let [i, n] of t)
6
+ o[i] = n;
7
+ return o;
8
+ }, F = {
9
+ name: "Loading"
10
+ }, B = {
11
+ xmlns: "http://www.w3.org/2000/svg",
12
+ viewBox: "0 0 1024 1024"
13
+ }, w = /* @__PURE__ */ p(
14
+ "path",
15
+ {
16
+ fill: "currentColor",
17
+ d: "M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"
18
+ },
19
+ null,
20
+ -1
21
+ /* HOISTED */
22
+ ), D = [
23
+ w
24
+ ];
25
+ function E(e, t, o, i, n, y) {
26
+ return d(), c("svg", B, D);
27
+ }
28
+ var L = /* @__PURE__ */ k(F, [["render", E], ["__file", "loading.vue"]]);
29
+ const x = g({
30
+ components: {
31
+ // sIcon,
32
+ Loading: L
33
+ },
7
34
  props: {
8
- // size: {
9
- // type: String as PropType<sizeType>,
10
- // default: ''
11
- // },
12
- // type: {
13
- // type: String as PropType<btnType>,
14
- // default: ''
15
- // },
16
- size: {
17
- type: String,
18
- default: ""
19
- },
20
- type: {
21
- type: String,
22
- default: ""
23
- },
24
- disabled: {
35
+ plain: {
25
36
  type: Boolean,
26
37
  default: !1
27
38
  },
28
- long: {
39
+ primary: {
29
40
  type: Boolean,
30
41
  default: !1
31
42
  },
32
- plain: {
43
+ default: {
33
44
  type: Boolean,
34
45
  default: !1
35
46
  },
36
- round: {
47
+ info: {
37
48
  type: Boolean,
38
49
  default: !1
39
50
  },
40
- icon: {
51
+ circle: {
41
52
  type: String,
42
53
  default: ""
43
54
  },
44
- circle: {
45
- type: Boolean,
46
- default: !1
47
- },
48
- link: {
49
- type: Boolean,
50
- default: !1
55
+ height: {
56
+ type: String,
57
+ default: ""
51
58
  },
52
59
  width: {
53
- type: [Number, String],
60
+ type: String,
54
61
  default: ""
55
62
  },
56
- backgroundcolor: {
63
+ color: {
57
64
  type: String,
58
65
  default: ""
59
66
  },
60
- height: {
61
- type: [Number, String],
62
- default: ""
67
+ loadingColor: {
68
+ type: String,
69
+ default: "#333333"
63
70
  },
64
- code: {
71
+ bgColor: {
65
72
  type: String,
66
73
  default: ""
67
74
  },
68
- iconwidth: {
69
- type: [Number, String],
70
- default: ""
75
+ loading: {
76
+ type: Boolean,
77
+ default: !1
78
+ },
79
+ borderStyle: {
80
+ type: String,
81
+ default: "solid"
82
+ },
83
+ icon: {
84
+ type: String,
85
+ required: !1
71
86
  },
72
- iconheight: {
87
+ size: {
73
88
  type: [Number, String],
74
- default: ""
89
+ default: "auto"
75
90
  }
76
91
  },
77
- emits: ["handleClick"],
78
- setup(e) {
79
- return (t, n) => (l(), i("button", {
80
- class: f([
81
- "btn-style",
82
- {
83
- "is-small": e.size === "small",
84
- "is-normal": e.size === "normal",
85
- "is-large": e.size === "large",
86
- "is-enlarge": e.size === "enlarge",
87
- "is-maxlarge": e.size === "maxlarge",
88
- "is-primary": e.type === "primary",
89
- "is-success": e.type === "success",
90
- "is-error": e.type === "error",
91
- "is-warn": e.type === "warn",
92
- "is-info": e.type === "info",
93
- "is-disabled": e.disabled,
94
- "is-long": e.long,
95
- "is-plain": e.plain,
96
- "is-round": e.round,
97
- "is-circle": e.circle,
98
- "is-link": e.link
99
- }
92
+ computed: {
93
+ styleOjb() {
94
+ return this.plain ? {
95
+ background: "#fff",
96
+ borderWidth: "1px",
97
+ borderStyle: `${this.borderStyle}`,
98
+ borderColor: `${this.color || "#216FED"}`,
99
+ color: this.color || "#216FED"
100
+ } : this.primary ? {
101
+ background: "#216FED",
102
+ borderWidth: "1px",
103
+ borderStyle: `${this.borderStyle}`,
104
+ borderColor: `${this.color || "#4E6DFD"}`,
105
+ color: this.color || "#ffffff"
106
+ } : this.default ? {
107
+ background: "#ffffff",
108
+ borderWidth: "1px",
109
+ borderStyle: `${this.borderStyle}`,
110
+ borderColor: `${this.color || "#DDE2E6"}`,
111
+ color: this.color || "#2C3C4D"
112
+ } : this.info ? {
113
+ background: "#C4C4C4",
114
+ borderWidth: "1px",
115
+ borderStyle: `${this.borderStyle}`,
116
+ borderColor: `${this.color || "#C4C4C4"}`,
117
+ color: this.color || "#FFFFFF"
118
+ } : {
119
+ color: this.color || "#ffffff",
120
+ background: this.bgColor || "#216FED",
121
+ borderStyle: `${this.borderStyle}`,
122
+ borderColor: `${this.color || "#216FED"}`,
123
+ height: this.height,
124
+ width: this.width,
125
+ borderRadius: this.circle
126
+ };
127
+ },
128
+ geturl() {
129
+ if (this.icon) {
130
+ if (this.icon.includes("/") || this.icon.includes("base64"))
131
+ return this.icon;
132
+ if (this.icon.includes("svg"))
133
+ return `@icons/svg/${this.icon}`;
134
+ } else
135
+ return "";
136
+ return `@icons/png/${this.icon}.png`;
137
+ },
138
+ styleObject: function() {
139
+ return {
140
+ width: typeof this.size == "string" ? this.size : this.size + "px",
141
+ height: typeof this.size == "string" ? this.size : this.size + "px"
142
+ };
143
+ }
144
+ }
145
+ });
146
+ const O = (e, t) => {
147
+ const o = e.__vccOpts || e;
148
+ for (const [i, n] of t)
149
+ o[i] = n;
150
+ return o;
151
+ }, V = {
152
+ key: 0,
153
+ class: "s-icon"
154
+ }, N = ["src"];
155
+ function j(e, t, o, i, n, y) {
156
+ const m = u("Loading"), v = u("el-icon"), C = u("el-button");
157
+ return d(), c("div", null, [
158
+ r(C, {
159
+ class: $(["s-button", { plain: e.plain, btnhover: !e.plain, loading: e.loading }]),
160
+ disabled: e.loading,
161
+ style: f(e.styleOjb),
162
+ onClick: t[0] || (t[0] = (H) => e.$emit("handleClick"))
163
+ }, {
164
+ default: l(() => [
165
+ e.icon ? (d(), c("i", V, [
166
+ p("img", {
167
+ src: e.geturl,
168
+ alt: "",
169
+ style: f(e.styleObject)
170
+ }, null, 12, N)
171
+ ])) : _("", !0),
172
+ p("span", {
173
+ style: f({ color: e.color })
174
+ }, [
175
+ S(e.$slots, "default", {}, void 0, !0)
176
+ ], 4),
177
+ e.loading ? (d(), z(v, {
178
+ key: 1,
179
+ class: "is-loading",
180
+ color: e.loadingColor
181
+ }, {
182
+ default: l(() => [
183
+ r(m)
184
+ ]),
185
+ _: 1
186
+ }, 8, ["color"])) : _("", !0)
100
187
  ]),
101
- style: s({ backgroundColor: e.backgroundcolor, width: e.width, height: e.height }),
102
- code: e.code,
103
- onClick: n[0] || (n[0] = (o) => t.$emit("handleClick"))
104
- }, [
105
- e.icon ? (l(), i("i", h, [
106
- y("img", {
107
- src: e.icon,
108
- alt: "",
109
- style: s({ width: e.iconwidth, height: e.iconheight })
110
- }, null, 12, k)
111
- ])) : d("", !0),
112
- t.$slots.default ? (l(), i("span", b, [
113
- g(t.$slots, "default", {}, void 0, !0)
114
- ])) : d("", !0)
115
- ], 14, m));
188
+ _: 3
189
+ }, 8, ["class", "disabled", "style"])
190
+ ]);
191
+ }
192
+ const s = /* @__PURE__ */ O(x, [["render", j], ["__scopeId", "data-v-22aae99b"]]), W = { class: "table-button" }, b = /* @__PURE__ */ g({
193
+ __name: "index",
194
+ setup(e) {
195
+ const t = () => {
196
+ console.log(11111);
197
+ };
198
+ return (o, i) => (d(), c("div", W, [
199
+ r(s, {
200
+ plain: "",
201
+ onHandleClick: t,
202
+ icon: "icon-add",
203
+ size: 16,
204
+ loading: !0
205
+ }, {
206
+ default: l(() => [
207
+ a("提交")
208
+ ]),
209
+ _: 1
210
+ }),
211
+ r(s, {
212
+ bgColor: "#f00",
213
+ height: "80px",
214
+ circle: "60px",
215
+ color: "#000"
216
+ }, {
217
+ default: l(() => [
218
+ a("提交提交提交提交提交提交提交提交提交提交提交提交提交")
219
+ ]),
220
+ _: 1
221
+ }),
222
+ r(s, { primary: "" }, {
223
+ default: l(() => [
224
+ a("提交提交提交提交提交提交提交提交提交提交提交提交提交")
225
+ ]),
226
+ _: 1
227
+ }),
228
+ r(s, { default: "" }, {
229
+ default: l(() => [
230
+ a("提交提交提交提交提交提交提交提交提交提交提交提交提交")
231
+ ]),
232
+ _: 1
233
+ }),
234
+ r(s, { info: "" }, {
235
+ default: l(() => [
236
+ a("提交提交提交提交提交提交提交提交提交提交提交提交提交")
237
+ ]),
238
+ _: 1
239
+ })
240
+ ]));
116
241
  }
117
242
  });
118
- const B = (e, t) => {
119
- const n = e.__vccOpts || e;
120
- for (const [o, r] of t)
121
- n[o] = r;
122
- return n;
123
- }, c = /* @__PURE__ */ B(S, [["__scopeId", "data-v-3041aec2"]]);
124
- function a(e, t = {}) {
125
- a.installed || (a.installed = !0, e.component("common-button", c));
243
+ function h(e, t = {}) {
244
+ h.installed || (h.installed = !0, e.component("common-button", b));
126
245
  }
127
- c.install = a;
246
+ b.install = h;
128
247
  export {
129
- c as default
248
+ b as default
130
249
  };
package/common-button.umd.js CHANGED
@@ -1 +1 @@
1
- (function(t,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(t=typeof globalThis<"u"?globalThis:t||self,t.button=i(t.Vue))})(this,function(t){"use strict";const i=["code"],d={key:0,class:"s-icon"},c=["src"],r={key:1},u=t.defineComponent({__name:"Button",props:{size:{type:String,default:""},type:{type:String,default:""},disabled:{type:Boolean,default:!1},long:{type:Boolean,default:!1},plain:{type:Boolean,default:!1},round:{type:Boolean,default:!1},icon:{type:String,default:""},circle:{type:Boolean,default:!1},link:{type:Boolean,default:!1},width:{type:[Number,String],default:""},backgroundcolor:{type:String,default:""},height:{type:[Number,String],default:""},code:{type:String,default:""},iconwidth:{type:[Number,String],default:""},iconheight:{type:[Number,String],default:""}},emits:["handleClick"],setup(e){return(n,l)=>(t.openBlock(),t.createElementBlock("button",{class:t.normalizeClass(["btn-style",{"is-small":e.size==="small","is-normal":e.size==="normal","is-large":e.size==="large","is-enlarge":e.size==="enlarge","is-maxlarge":e.size==="maxlarge","is-primary":e.type==="primary","is-success":e.type==="success","is-error":e.type==="error","is-warn":e.type==="warn","is-info":e.type==="info","is-disabled":e.disabled,"is-long":e.long,"is-plain":e.plain,"is-round":e.round,"is-circle":e.circle,"is-link":e.link}]),style:t.normalizeStyle({backgroundColor:e.backgroundcolor,width:e.width,height:e.height}),code:e.code,onClick:l[0]||(l[0]=s=>n.$emit("handleClick"))},[e.icon?(t.openBlock(),t.createElementBlock("i",d,[t.createElementVNode("img",{src:e.icon,alt:"",style:t.normalizeStyle({width:e.iconwidth,height:e.iconheight})},null,12,c)])):t.createCommentVNode("",!0),n.$slots.default?(t.openBlock(),t.createElementBlock("span",r,[t.renderSlot(n.$slots,"default",{},void 0,!0)])):t.createCommentVNode("",!0)],14,i))}}),m="",o=((e,n)=>{const l=e.__vccOpts||e;for(const[s,f]of n)l[s]=f;return l})(u,[["__scopeId","data-v-3041aec2"]]);function a(e,n={}){a.installed||(a.installed=!0,e.component("common-button",o))}return o.install=a,o});
1
+ (function(e,l){typeof exports=="object"&&typeof module<"u"?module.exports=l(require("vue")):typeof define=="function"&&define.amd?define(["vue"],l):(e=typeof globalThis<"u"?globalThis:e||self,e.button=l(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.1.0 */var l=(t,o)=>{let r=t.__vccOpts||t;for(let[n,a]of o)r[n]=a;return r},c={name:"Loading"},f={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},p=e.createElementVNode("path",{fill:"currentColor",d:"M512 64a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0V96a32 32 0 0 1 32-32zm0 640a32 32 0 0 1 32 32v192a32 32 0 1 1-64 0V736a32 32 0 0 1 32-32zm448-192a32 32 0 0 1-32 32H736a32 32 0 1 1 0-64h192a32 32 0 0 1 32 32zm-640 0a32 32 0 0 1-32 32H96a32 32 0 0 1 0-64h192a32 32 0 0 1 32 32zM195.2 195.2a32 32 0 0 1 45.248 0L376.32 331.008a32 32 0 0 1-45.248 45.248L195.2 240.448a32 32 0 0 1 0-45.248zm452.544 452.544a32 32 0 0 1 45.248 0L828.8 783.552a32 32 0 0 1-45.248 45.248L647.744 692.992a32 32 0 0 1 0-45.248zM828.8 195.264a32 32 0 0 1 0 45.184L692.992 376.32a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0zm-452.544 452.48a32 32 0 0 1 0 45.248L240.448 828.8a32 32 0 0 1-45.248-45.248l135.808-135.808a32 32 0 0 1 45.248 0z"},null,-1),h=[p];function u(t,o,r,n,a,S){return e.openBlock(),e.createElementBlock("svg",f,h)}var _=l(c,[["render",u],["__file","loading.vue"]]);const g=e.defineComponent({components:{Loading:_},props:{plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},info:{type:Boolean,default:!1},circle:{type:String,default:""},height:{type:String,default:""},width:{type:String,default:""},color:{type:String,default:""},loadingColor:{type:String,default:"#333333"},bgColor:{type:String,default:""},loading:{type:Boolean,default:!1},borderStyle:{type:String,default:"solid"},icon:{type:String,required:!1},size:{type:[Number,String],default:"auto"}},computed:{styleOjb(){return this.plain?{background:"#fff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#216FED"}`,color:this.color||"#216FED"}:this.primary?{background:"#216FED",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#4E6DFD"}`,color:this.color||"#ffffff"}:this.default?{background:"#ffffff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#DDE2E6"}`,color:this.color||"#2C3C4D"}:this.info?{background:"#C4C4C4",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF"}:{color:this.color||"#ffffff",background:this.bgColor||"#216FED",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#216FED"}`,height:this.height,width:this.width,borderRadius:this.circle}},geturl(){if(this.icon){if(this.icon.includes("/")||this.icon.includes("base64"))return this.icon;if(this.icon.includes("svg"))return`@icons/svg/${this.icon}`}else return"";return`@icons/png/${this.icon}.png`},styleObject:function(){return{width:typeof this.size=="string"?this.size:this.size+"px",height:typeof this.size=="string"?this.size:this.size+"px"}}}}),x="",y=(t,o)=>{const r=t.__vccOpts||t;for(const[n,a]of o)r[n]=a;return r},m={key:0,class:"s-icon"},b=["src"];function C(t,o,r,n,a,S){const k=e.resolveComponent("Loading"),z=e.resolveComponent("el-icon"),V=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(V,{class:e.normalizeClass(["s-button",{plain:t.plain,btnhover:!t.plain,loading:t.loading}]),disabled:t.loading,style:e.normalizeStyle(t.styleOjb),onClick:o[0]||(o[0]=B=>t.$emit("handleClick"))},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("i",m,[e.createElementVNode("img",{src:t.geturl,alt:"",style:e.normalizeStyle(t.styleObject)},null,12,b)])):e.createCommentVNode("",!0),e.createElementVNode("span",{style:e.normalizeStyle({color:t.color})},[e.renderSlot(t.$slots,"default",{},void 0,!0)],4),t.loading?(e.openBlock(),e.createBlock(z,{key:1,class:"is-loading",color:t.loadingColor},{default:e.withCtx(()=>[e.createVNode(k)]),_:1},8,["color"])):e.createCommentVNode("",!0)]),_:3},8,["class","disabled","style"])])}const i=y(g,[["render",C],["__scopeId","data-v-22aae99b"]]),$={class:"table-button"},s=e.defineComponent({__name:"index",setup(t){const o=()=>{console.log(11111)};return(r,n)=>(e.openBlock(),e.createElementBlock("div",$,[e.createVNode(i,{plain:"",onHandleClick:o,icon:"icon-add",size:16,loading:!0},{default:e.withCtx(()=>[e.createTextVNode("提交")]),_:1}),e.createVNode(i,{bgColor:"#f00",height:"80px",circle:"60px",color:"#000"},{default:e.withCtx(()=>[e.createTextVNode("提交提交提交提交提交提交提交提交提交提交提交提交提交")]),_:1}),e.createVNode(i,{primary:""},{default:e.withCtx(()=>[e.createTextVNode("提交提交提交提交提交提交提交提交提交提交提交提交提交")]),_:1}),e.createVNode(i,{default:""},{default:e.withCtx(()=>[e.createTextVNode("提交提交提交提交提交提交提交提交提交提交提交提交提交")]),_:1}),e.createVNode(i,{info:""},{default:e.withCtx(()=>[e.createTextVNode("提交提交提交提交提交提交提交提交提交提交提交提交提交")]),_:1})]))}});function d(t,o={}){d.installed||(d.installed=!0,t.component("common-button",s))}return s.install=d,s});
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sinosoft-common-button",
3
- "version": "1.0.2",
3
+ "version": "1.0.4",
4
4
  "description": "",
5
5
  "main": "common-button.es.js",
6
6
  "scripts": {
package/style.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.btn-style[data-v-3041aec2]{display:inline-block;line-height:1;white-space:nowrap;cursor:pointer;background:#ffffff;border:1px solid #dcdfe6;color:#606266;-webkit-appearance:none;text-align:center;box-sizing:border-box;outline:none;transition:.1s;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;padding:12px 20px;font-size:14px;border-radius:4px;margin:0 3px}.btn-style[data-v-3041aec2]:hover,.btn-style[data-v-3041aec2]:focus{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.btn-style.is-small[data-v-3041aec2]{padding:6px 14px}.btn-style.is-normal[data-v-3041aec2]{padding:8px 18px}.btn-style.is-large[data-v-3041aec2]{padding:10px 32px}.btn-style.is-enlarge[data-v-3041aec2]{padding:10px 50px}.btn-style.is-maxlarge[data-v-3041aec2]{padding:10px 82px}.btn-style.is-primary[data-v-3041aec2]{color:#fff;background-color:#409eff;border-color:#409eff}.btn-style.is-primary[data-v-3041aec2]:hover,.btn-style.is-primary[data-v-3041aec2]:focus{background:#66b1ff;background-color:#66b1ff;color:#fff}.btn-style.is-success[data-v-3041aec2]{color:#fff;background-color:#67c23a;border-color:#67c23a}.btn-style.is-success[data-v-3041aec2]:hover,.btn-style.is-success[data-v-3041aec2]:focus{background:#85ce61;background-color:#85ce61;color:#fff}.btn-style.is-error[data-v-3041aec2]{color:#fff;background-color:#f56c6c;border-color:#f56c6c}.btn-style.is-error[data-v-3041aec2]:hover,.btn-style.is-error[data-v-3041aec2]:focus{background:#f78989;background-color:#f78989;color:#fff}.btn-style.is-warn[data-v-3041aec2]{color:#fff;background-color:#e6a23c;border-color:#e6a23c}.btn-style.is-warn[data-v-3041aec2]:hover,.btn-style.is-warn[data-v-3041aec2]:focus{background:#ebb563;background-color:#ebb563;color:#fff}.btn-style.is-info[data-v-3041aec2]{color:#fff;background-color:#909399;border-color:#909399}.btn-style.is-info[data-v-3041aec2]:hover,.btn-style.is-info[data-v-3041aec2]:focus{background:#a6a9ad;background-color:#a6a9ad;color:#fff}.btn-style.is-link[data-v-3041aec2]{border:none!important}.btn-style.is-link[data-v-3041aec2]:hover,.btn-style.is-link[data-v-3041aec2]:focus{background:none}.is-disabled[data-v-3041aec2]{opacity:.5;cursor:not-allowed}.btn-style.is-plain[data-v-3041aec2]:hover,.btn-style.is-plain[data-v-3041aec2]:focus{background:#fff;border-color:#489eff;color:#409eff}.btn-style.is-primary.is-plain[data-v-3041aec2]{color:#409eff;background:#ecf5ff}.btn-style.is-primary.is-plain[data-v-3041aec2]:hover,.btn-style.is-primary.is-plain[data-v-3041aec2]:focus{background:#409eff;border-color:#409eff;color:#fff}.btn-style.is-success.is-plain[data-v-3041aec2]{color:#67c23a;background:#c2e7b0}.btn-style.is-success.is-plain[data-v-3041aec2]:hover,.btn-style.is-success.is-plain[data-v-3041aec2]:focus{background:#67c23a;border-color:#67c23a;color:#fff}.btn-style.is-info.is-plain[data-v-3041aec2]{color:#909399;background:#d3d4d6}.btn-style.is-info.is-plain[data-v-3041aec2]:hover,.btn-style.is-info.is-plain[data-v-3041aec2]:focus{background:#909399;border-color:#909399;color:#fff}.btn-style.is-warn.is-plain[data-v-3041aec2]{color:#e6a23c;background:#f5dab1}.btn-style.is-warn.is-plain[data-v-3041aec2]:hover,.btn-style.is-warn.is-plain[data-v-3041aec2]:focus{background:#e6a23c;border-color:#e6a23c;color:#fff}.btn-style.is-error.is-plain[data-v-3041aec2]{color:#f56c6c;background:#fbc4c4}.btn-style.is-error.is-plain[data-v-3041aec2]:hover,.btn-style.is-error.is-plain[data-v-3041aec2]:focus{background:#f56c6c;border-color:#f56c6c;color:#fff}.btn-style.is-round[data-v-3041aec2]{border-radius:20px;padding:12px 23px}.btn-style.is-circle[data-v-3041aec2]{box-sizing:border-box;border-radius:50%;padding:12px 14px 12px 12px}.btn-style .s-icon[data-v-3041aec2]{box-sizing:border-box}
1
+ .btnhover[data-v-22aae99b]:hover{box-shadow:0 0 15px #2461cc4d;opacity:.95}.s-button[data-v-22aae99b]{display:inline-block;height:36px;line-height:1;border:none;background:linear-gradient(350deg,#4A60FF 0%,#64B0F3 100%,#64B0F3 100%);padding:0 19px;border-radius:7px;cursor:pointer;white-space:nowrap;text-align:center;transition:all .5s ease-in-out;user-select:none}.s-button+.s-button[data-v-22aae99b]{margin-left:15px}.s-button span[data-v-22aae99b]{display:inline-block;margin:0 4px;text-justify:auto;line-height:1;font-size:14px;font-weight:500}.s-button>*[data-v-22aae99b]{vertical-align:middle}.plain[data-v-22aae99b]{background:#fff}.plain-icon[data-v-22aae99b]{margin-right:4px}.loading[data-v-22aae99b]{opacity:.8}.s-icon[data-v-22aae99b]{display:inline-block;line-height:1;flex-shrink:0;overflow:hidden}.s-icon img[data-v-22aae99b]{float:left}