sinosoft-common-button 1.0.5 → 1.0.7

package/common-button.es.js

@@ -1,16 +1,16 @@
-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 n } from "vue";
+import { openBlock as l, createElementBlock as d, createElementVNode as a, defineComponent as _, resolveComponent as n, createVNode as c, normalizeClass as m, normalizeStyle as s, withCtx as f, createCommentVNode as u, renderSlot as S, createBlock as $ } from "vue";
 /*! Element Plus Icons Vue v2.1.0 */
-var k = (e, t) => {
+var F = (e, t) => {
   let o = e.__vccOpts || e;
-  for (let [i, s] of t)
-    o[i] = s;
+  for (let [r, i] of t)
+    o[r] = i;
   return o;
-}, F = {
+}, v = {
   name: "Loading"
-}, B = {
+}, w = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 1024 1024"
-}, w = /* @__PURE__ */ p(
+}, z = /* @__PURE__ */ a(
   "path",
   {
     fill: "currentColor",
@@ -19,17 +19,17 @@ var k = (e, t) => {
   null,
   -1
   /* HOISTED */
-), D = [
-  w
+), x = [
+  z
 ];
-function E(e, t, o, i, s, y) {
-  return d(), c("svg", B, D);
+function D(e, t, o, r, i, g) {
+  return l(), d("svg", w, x);
 }
-var L = /* @__PURE__ */ k(F, [["render", E], ["__file", "loading.vue"]]);
-const x = g({
+var k = /* @__PURE__ */ F(v, [["render", D], ["__file", "loading.vue"]]);
+const E = _({
   components: {
     // sIcon,
-    Loading: L
+    Loading: k
   },
   props: {
     plain: {
@@ -44,10 +44,32 @@ const x = g({
       type: Boolean,
       default: !1
     },
+    // 弹窗提交按钮
+    primaryDialog: {
+      type: Boolean,
+      default: !1
+    },
+    // 普通提交
+    primaryOrdinary: {
+      type: Boolean,
+      default: !1
+    },
     info: {
       type: Boolean,
       default: !1
     },
+    infoDialog: {
+      type: Boolean,
+      default: !1
+    },
+    infoOrdinary: {
+      type: Boolean,
+      default: !1
+    },
+    btnCode: {
+      type: String,
+      default: ""
+    },
     circle: {
       type: String,
       default: ""
@@ -96,32 +118,88 @@ const x = g({
         borderWidth: "1px",
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.color || "#216FED"}`,
-        color: this.color || "#216FED"
+        color: this.color || "#216FED",
+        width: this.width,
+        height: this.height,
+        borderRadius: this.circle
       } : this.primary ? {
         background: "#216FED",
         borderWidth: "1px",
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.color || "#4E6DFD"}`,
-        color: this.color || "#ffffff"
+        color: this.color || "#ffffff",
+        width: this.width,
+        height: this.height,
+        borderRadius: this.circle
+      } : this.primaryOrdinary ? {
+        background: "#216FED",
+        borderWidth: "1px",
+        borderStyle: `${this.borderStyle}`,
+        borderColor: `${this.color || "#4E6DFD"}`,
+        color: this.color || "#ffffff",
+        width: "190px",
+        height: "52px",
+        borderRadius: this.circle,
+        fontSize: "16px",
+        fontWeight: 600
+      } : this.primaryDialog ? {
+        width: "176px",
+        height: "46px",
+        background: "#216FED",
+        borderWidth: "1px",
+        borderStyle: `${this.borderStyle}`,
+        borderColor: `${this.color || "#4E6DFD"}`,
+        color: this.color || "#ffffff",
+        borderRadius: "8px",
+        fontSize: "16px",
+        fontWeight: 600
       } : this.default ? {
         background: "#ffffff",
         borderWidth: "1px",
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.color || "#DDE2E6"}`,
-        color: this.color || "#2C3C4D"
+        color: this.color || "#2C3C4D",
+        width: this.width,
+        height: this.height,
+        borderRadius: this.circle
       } : this.info ? {
         background: "#C4C4C4",
         borderWidth: "1px",
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.color || "#C4C4C4"}`,
-        color: this.color || "#FFFFFF"
+        color: this.color || "#FFFFFF",
+        width: this.width,
+        height: this.height,
+        borderRadius: this.circle
+      } : this.infoDialog ? {
+        width: "190px",
+        height: "46px ",
+        background: "#C4C4C4",
+        borderWidth: "1px",
+        borderStyle: `${this.borderStyle}`,
+        borderColor: `${this.color || "#C4C4C4"}`,
+        color: this.color || "#FFFFFF",
+        borderRadius: "8px",
+        fontSize: "16px",
+        fontWeight: 600
+      } : this.infoOrdinary ? {
+        width: "176px",
+        height: "52px",
+        background: "#C4C4C4",
+        borderWidth: "1px",
+        borderStyle: `${this.borderStyle}`,
+        borderColor: `${this.color || "#C4C4C4"}`,
+        color: this.color || "#FFFFFF",
+        borderRadius: "8px",
+        fontSize: "16px",
+        fontWeight: 600
       } : {
         color: this.color || "#ffffff",
         background: this.bgColor || "#216FED",
         borderStyle: `${this.borderStyle}`,
         borderColor: `${this.color || "#216FED"}`,
-        height: this.height,
         width: this.width,
+        height: this.height,
         borderRadius: this.circle
       };
     },
@@ -143,113 +221,58 @@ const x = g({
     }
   }
 });
-const O = (e, t) => {
+const B = (e, t) => {
   const o = e.__vccOpts || e;
-  for (const [i, s] of t)
-    o[i] = s;
+  for (const [r, i] of t)
+    o[r] = i;
   return o;
-}, V = {
+}, W = {
   key: 0,
   class: "s-icon"
-}, N = ["src"];
-function j(e, t, o, i, s, y) {
-  const m = u("Loading"), v = u("el-icon"), C = u("el-button");
-  return d(), c("div", null, [
-    r(C, {
-      class: $(["s-button", { plain: e.plain, btnhover: !e.plain, loading: e.loading }]),
+}, L = ["src"];
+function O(e, t, o, r, i, g) {
+  const b = n("Loading"), y = n("el-icon"), C = n("el-button");
+  return l(), d("div", null, [
+    c(C, {
+      class: m(["s-button", { plain: e.plain, btnhover: !e.plain, loading: e.loading }]),
       disabled: e.loading,
-      style: f(e.styleOjb),
-      onClick: t[0] || (t[0] = (H) => e.$emit("handleClick"))
+      style: s(e.styleOjb),
+      onClick: t[0] || (t[0] = (R) => e.$emit("handleClick")),
+      btnCode: e.btnCode
     }, {
-      default: l(() => [
-        e.icon ? (d(), c("i", V, [
-          p("img", {
+      default: f(() => [
+        e.icon ? (l(), d("i", W, [
+          a("img", {
             src: e.geturl,
             alt: "",
-            style: f(e.styleObject)
-          }, null, 12, N)
-        ])) : _("", !0),
-        p("span", {
-          style: f({ color: e.color })
+            style: s(e.styleObject)
+          }, null, 12, L)
+        ])) : u("", !0),
+        a("span", {
+          style: s({ color: e.color })
         }, [
           S(e.$slots, "default", {}, void 0, !0)
         ], 4),
-        e.loading ? (d(), z(v, {
+        e.loading ? (l(), $(y, {
           key: 1,
           class: "is-loading",
           color: e.loadingColor
         }, {
-          default: l(() => [
-            r(m)
+          default: f(() => [
+            c(b)
           ]),
           _: 1
-        }, 8, ["color"])) : _("", !0)
+        }, 8, ["color"])) : u("", !0)
       ]),
       _: 3
-    }, 8, ["class", "disabled", "style"])
+    }, 8, ["class", "disabled", "style", "btnCode"])
   ]);
 }
-const a = /* @__PURE__ */ O(x, [["render", j], ["__scopeId", "data-v-22aae99b"]]), W = { class: "table-button" }, b = /* @__PURE__ */ g({
-  __name: "index",
-  setup(e) {
-    const t = () => {
-      console.log(11111);
-    };
-    return (o, i) => (d(), c("div", W, [
-      r(a, {
-        plain: "",
-        icon: "icon-add",
-        size: 16,
-        loading: !0,
-        onHandleClick: t
-      }, {
-        default: l(() => [
-          n("提交")
-        ]),
-        _: 1
-      }),
-      r(a, {
-        bgColor: "#f00",
-        height: "80px",
-        circle: "60px",
-        color: "#000"
-      }, {
-        default: l(() => [
-          n("自定义")
-        ]),
-        _: 1
-      }),
-      r(a, { primary: "" }, {
-        default: l(() => [
-          n("提交")
-        ]),
-        _: 1
-      }),
-      r(a, { default: "" }, {
-        default: l(() => [
-          n("重置")
-        ]),
-        _: 1
-      }),
-      r(a, { info: "" }, {
-        default: l(() => [
-          n("置灰")
-        ]),
-        _: 1
-      }),
-      r(a, null, {
-        default: l(() => [
-          n("置灰")
-        ]),
-        _: 1
-      })
-    ]));
-  }
-});
+const p = /* @__PURE__ */ B(E, [["render", O], ["__scopeId", "data-v-d8e77edc"]]);
 function h(e, t = {}) {
-  h.installed || (h.installed = !0, e.component("common-button", b));
+  h.installed || (h.installed = !0, e.component("common-button", p));
 }
-b.install = h;
+p.install = h;
 export {
-  b as default
+  p as default
 };

package/common-button.umd.js

@@ -1 +1 @@
-(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.button=i(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.1.0 */var i=(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 _(t,o,r,n,a,S){return e.openBlock(),e.createElementBlock("svg",f,h)}var u=i(c,[["render",_],["__file","loading.vue"]]);const g=e.defineComponent({components:{Loading:u},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"}}}}),z="",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"),V=e.resolveComponent("el-icon"),x=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(x,{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]=N=>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(V,{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 l=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(l,{plain:"",icon:"icon-add",size:16,loading:!0,onHandleClick:o},{default:e.withCtx(()=>[e.createTextVNode("提交")]),_:1}),e.createVNode(l,{bgColor:"#f00",height:"80px",circle:"60px",color:"#000"},{default:e.withCtx(()=>[e.createTextVNode("自定义")]),_:1}),e.createVNode(l,{primary:""},{default:e.withCtx(()=>[e.createTextVNode("提交")]),_:1}),e.createVNode(l,{default:""},{default:e.withCtx(()=>[e.createTextVNode("重置")]),_:1}),e.createVNode(l,{info:""},{default:e.withCtx(()=>[e.createTextVNode("置灰")]),_:1}),e.createVNode(l,null,{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});
+(function(e,i){typeof exports=="object"&&typeof module<"u"?module.exports=i(require("vue")):typeof define=="function"&&define.amd?define(["vue"],i):(e=typeof globalThis<"u"?globalThis:e||self,e.button=i(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.1.0 */var i=(t,o)=>{let r=t.__vccOpts||t;for(let[l,n]of o)r[l]=n;return r},a={name:"Loading"},h={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},c=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),f=[c];function p(t,o,r,l,n,_){return e.openBlock(),e.createElementBlock("svg",h,f)}var u=i(a,[["render",p],["__file","loading.vue"]]);const b=e.defineComponent({components:{Loading:u},props:{plain:{type:Boolean,default:!1},primary:{type:Boolean,default:!1},default:{type:Boolean,default:!1},primaryDialog:{type:Boolean,default:!1},primaryOrdinary:{type:Boolean,default:!1},info:{type:Boolean,default:!1},infoDialog:{type:Boolean,default:!1},infoOrdinary:{type:Boolean,default:!1},btnCode:{type:String,default:""},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",width:this.width,height:this.height,borderRadius:this.circle}:this.primary?{background:"#216FED",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#4E6DFD"}`,color:this.color||"#ffffff",width:this.width,height:this.height,borderRadius:this.circle}:this.primaryOrdinary?{background:"#216FED",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#4E6DFD"}`,color:this.color||"#ffffff",width:"190px",height:"52px",borderRadius:this.circle,fontSize:"16px",fontWeight:600}:this.primaryDialog?{width:"176px",height:"46px",background:"#216FED",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#4E6DFD"}`,color:this.color||"#ffffff",borderRadius:"8px",fontSize:"16px",fontWeight:600}:this.default?{background:"#ffffff",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#DDE2E6"}`,color:this.color||"#2C3C4D",width:this.width,height:this.height,borderRadius:this.circle}:this.info?{background:"#C4C4C4",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",width:this.width,height:this.height,borderRadius:this.circle}:this.infoDialog?{width:"190px",height:"46px ",background:"#C4C4C4",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",borderRadius:"8px",fontSize:"16px",fontWeight:600}:this.infoOrdinary?{width:"176px",height:"52px",background:"#C4C4C4",borderWidth:"1px",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#C4C4C4"}`,color:this.color||"#FFFFFF",borderRadius:"8px",fontSize:"16px",fontWeight:600}:{color:this.color||"#ffffff",background:this.bgColor||"#216FED",borderStyle:`${this.borderStyle}`,borderColor:`${this.color||"#216FED"}`,width:this.width,height:this.height,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"}}}}),k="",g=(t,o)=>{const r=t.__vccOpts||t;for(const[l,n]of o)r[l]=n;return r},y={key:0,class:"s-icon"},C=["src"];function m(t,o,r,l,n,_){const S=e.resolveComponent("Loading"),$=e.resolveComponent("el-icon"),F=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(F,{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]=w=>t.$emit("handleClick")),btnCode:t.btnCode},{default:e.withCtx(()=>[t.icon?(e.openBlock(),e.createElementBlock("i",y,[e.createElementVNode("img",{src:t.geturl,alt:"",style:e.normalizeStyle(t.styleObject)},null,12,C)])):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($,{key:1,class:"is-loading",color:t.loadingColor},{default:e.withCtx(()=>[e.createVNode(S)]),_:1},8,["color"])):e.createCommentVNode("",!0)]),_:3},8,["class","disabled","style","btnCode"])])}const s=g(b,[["render",m],["__scopeId","data-v-d8e77edc"]]);function d(t,o={}){d.installed||(d.installed=!0,t.component("common-button",s))}return s.install=d,s});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sinosoft-common-button",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "",
   "main": "common-button.es.js",
   "scripts": {

package/style.css

@@ -1 +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}
+.btnhover[data-v-d8e77edc]:hover{box-shadow:0 0 15px #2461cc4d;opacity:.95}.s-button[data-v-d8e77edc]{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-d8e77edc]{margin-left:15px}.s-button span[data-v-d8e77edc]{display:inline-block;margin:0 4px;text-justify:auto;line-height:1}.s-button>*[data-v-d8e77edc]{vertical-align:middle}.plain[data-v-d8e77edc]{background:#fff}.plain-icon[data-v-d8e77edc]{margin-right:4px}.loading[data-v-d8e77edc]{opacity:.8}.s-icon[data-v-d8e77edc]{display:inline-block;line-height:1;flex-shrink:0;overflow:hidden}.s-icon img[data-v-d8e77edc]{float:left}