u-button.js.map 30.6 KB
{"version":3,"sources":["webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?72d5","webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?af63","webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?26dd","webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?7fd9","uni-app:///node_modules/uview-ui/components/u-button/u-button.vue","webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?0a33","webpack:///D:/vue/drama/node_modules/uview-ui/components/u-button/u-button.vue?7d35"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiI;AACjI;AAC4D;AACL;AACsC;;;AAG7F;AACgL;AAChL,gBAAgB,6KAAU;AAC1B,EAAE,8EAAM;AACR,EAAE,+FAAM;AACR,EAAE,wGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,mGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA,aAAa,qUAEN;AACP,KAAK;AACL;AACA,aAAa,qRAEN;AACP;AACA;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACpDA;AAAA;AAAA;AAAA;AAAsqB,CAAgB,knBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC+G1rB;AACA;AACA,gF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBA2CA,EACA,gBADA,EAGA,0FAHA,EAQA,IARA,kBAQA,CACA,UACA,CAVA,EAWA,YACA;AACA,YAFA,sBAEA,CACA;AACA,wBACA,gBACA,QADA,EAEA,yBAFA,EAGA,iCAHA,EAKA,CANA,MAMA,CACA;AACA,wBACA,QADA,EAEA,iBAFA,EAGA,iCAHA,EAKA,CACA,CAlBA,EAmBA,YAnBA,0BAmBA,CACA,iBACA;AACA,4BACA,UADA,GAEA,2CAFA,CAGA,CACA,2BACA,iBACA,CACA,4BACA,CA9BA,EA+BA,YA/BA,0BA+BA,CACA;AACA;AACA,gDACA,iBACA,2CACA,CAFA,MAEA,CACA,oDACA,CACA,CAxCA,EAyCA,SAzCA,uBAyCA,CACA,eACA,iBACA;AACA,wDACA,kBACA;AACA,iDACA,CACA,4CACA;AACA;AACA;AACA,mCACA,2BACA,4BACA,0BACA,kBACA,mCACA,CACA,CAXA,MAWA,CACA;AACA,yCACA,0BACA,4BACA,CACA,CACA,aACA,CArEA,EAsEA;AACA,iBAvEA,2BAuEA,CACA,eADA,CAEA;AACA,iCACA,wBACA,CACA,iBACA,gDACA,CACA,sCACA,aACA,CAlFA,EAmFA;AACA,YApFA,sBAoFA,CACA,kBACA,IADA,GACA,IADA,CACA,IADA,CAEA,oCACA,qCACA,oCACA,mCACA,gBACA,CA5FA,EAXA,EAyGA,WACA,YADA,0BACA,mBACA;AACA,4CACA;AACA,qCACA,qBACA,CAFA,EAEA,iBAFA,EAGA,CACA,CATA,EAUA;AACA,kBAXA,0BAWA,GAXA,EAWA,CACA,kCACA,CAbA,EAcA,WAdA,uBAcA,GAdA,EAcA,CACA,+BACA,CAhBA,EAiBA,KAjBA,iBAiBA,GAjBA,EAiBA,CACA,yBACA,CAnBA,EAoBA,WApBA,uBAoBA,GApBA,EAoBA,CACA;AACA,KAtBA;AAuBA,aAvBA,qBAuBA,GAvBA,EAuBA;AACA;AACA,KAzBA,EAzGA,E;;;;;;;;;;;;;AC7JA;AAAA;AAAA;AAAA;AAA6xC,CAAgB,ynCAAG,EAAC,C;;;;;;;;;;;ACAjzC;AACA,OAAO,KAAU,EAAE,kBAKd","file":"node-modules/uview-ui/components/u-button/u-button.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-button.vue?vue&type=template&id=3bf2dba7&scoped=true&\"\nvar renderjs\nimport script from \"./u-button.vue?vue&type=script&lang=js&\"\nexport * from \"./u-button.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-button.vue?vue&type=style&index=0&id=3bf2dba7&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3bf2dba7\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"node_modules/uview-ui/components/u-button/u-button.vue\"\nexport default component.exports","export * from \"-!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=template&id=3bf2dba7&scoped=true&\"","var components\ntry {\n  components = {\n    uLoadingIcon: function() {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-loading-icon/u-loading-icon\" */ \"uview-ui/components/u-loading-icon/u-loading-icon.vue\"\n      )\n    },\n    uIcon: function() {\n      return import(\n        /* webpackChunkName: \"node-modules/uview-ui/components/u-icon/u-icon\" */ \"uview-ui/components/u-icon/u-icon.vue\"\n      )\n    }\n  }\n} catch (e) {\n  if (\n    e.message.indexOf(\"Cannot find module\") !== -1 &&\n    e.message.indexOf(\".vue\") !== -1\n  ) {\n    console.error(e.message)\n    console.error(\"1. 排查组件名称拼写是否正确\")\n    console.error(\n      \"2. 排查组件是否符合 easycom 规范,文档:https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n    )\n    console.error(\n      \"3. 若组件不符合 easycom 规范,需手动引入,并在 components 中注册该组件\"\n    )\n  } else {\n    throw e\n  }\n}\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var s0 = _vm.__get_style([_vm.baseColor, _vm.$u.addStyle(_vm.customStyle)])\n\n  var m0 = Number(_vm.hoverStartTime)\n  var m1 = Number(_vm.hoverStayTime)\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        s0: s0,\n        m0: m0,\n        m1: m1\n      }\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=script&lang=js&\"","<template>\n    <!-- #ifndef APP-NVUE -->\n    <button\n        :hover-start-time=\"Number(hoverStartTime)\"\n        :hover-stay-time=\"Number(hoverStayTime)\"\n        :form-type=\"formType\"\n        :open-type=\"openType\"\n        :app-parameter=\"appParameter\"\n        :hover-stop-propagation=\"hoverStopPropagation\"\n        :send-message-title=\"sendMessageTitle\"\n        :send-message-path=\"sendMessagePath\"\n        :lang=\"lang\"\n        :data-name=\"dataName\"\n        :session-from=\"sessionFrom\"\n        :send-message-img=\"sendMessageImg\"\n        :show-message-card=\"showMessageCard\"\n        @getphonenumber=\"getphonenumber\"\n        @getuserinfo=\"getuserinfo\"\n        @error=\"error\"\n        @opensetting=\"opensetting\"\n        @launchapp=\"launchapp\"\n        :hover-class=\"!disabled && !loading ? 'u-button--active' : ''\"\n        class=\"u-button u-reset-button\"\n        :style=\"[baseColor, $u.addStyle(customStyle)]\"\n        @tap=\"clickHandler\"\n        :class=\"bemClass\"\n    >\n        <template v-if=\"loading\">\n            <u-loading-icon\n                :mode=\"loadingMode\"\n                :size=\"textSize * 1.15\"\n                :color=\"loadingColor\"\n            ></u-loading-icon>\n            <text\n                class=\"u-button__loading-text\"\n                :style=\"[{ fontSize: textSize + 'px' }]\"\n                >{{ loadingText || text }}</text\n            >\n        </template>\n        <template v-else>\n            <u-icon\n                v-if=\"icon\"\n                :name=\"icon\"\n                :color=\"iconColorCom\"\n                :size=\"textSize * 1.35\"\n                :customStyle=\"{ marginRight: '2px' }\"\n            ></u-icon>\n            <slot>\n                <text\n                    class=\"u-button__text\"\n                    :style=\"[{ fontSize: textSize + 'px' }]\"\n                    >{{ text }}</text\n                >\n            </slot>\n        </template>\n    </button>\n    <!-- #endif -->\n\n    <!-- #ifdef APP-NVUE -->\n    <view\n        :hover-start-time=\"Number(hoverStartTime)\"\n        :hover-stay-time=\"Number(hoverStayTime)\"\n        class=\"u-button\"\n        :hover-class=\"\n            !disabled && !loading && !color && (plain || type === 'info')\n                ? 'u-button--active--plain'\n                : !disabled && !loading && !plain\n                ? 'u-button--active'\n                : ''\n        \"\n        @tap=\"clickHandler\"\n        :class=\"bemClass\"\n        :style=\"[baseColor, $u.addStyle(customStyle)]\"\n    >\n        <template v-if=\"loading\">\n            <u-loading-icon\n                :mode=\"loadingMode\"\n                :size=\"textSize * 1.15\"\n                :color=\"loadingColor\"\n            ></u-loading-icon>\n            <text\n                class=\"u-button__loading-text\"\n                :style=\"[nvueTextStyle]\"\n                :class=\"[plain && `u-button__text--plain--${type}`]\"\n                >{{ loadingText || text }}</text\n            >\n        </template>\n        <template v-else>\n            <u-icon\n                v-if=\"icon\"\n                :name=\"icon\"\n                :color=\"iconColorCom\"\n                :size=\"textSize * 1.35\"\n            ></u-icon>\n            <text\n                class=\"u-button__text\"\n                :style=\"[\n                    {\n                        marginLeft: icon ? '2px' : 0,\n                    },\n                    nvueTextStyle,\n                ]\"\n                :class=\"[plain && `u-button__text--plain--${type}`]\"\n                >{{ text }}</text\n            >\n        </template>\n    </view>\n    <!-- #endif -->\n</template>\n\n<script>\nimport button from \"../../libs/mixin/button.js\";\nimport openType from \"../../libs/mixin/openType.js\";\nimport props from \"./props.js\";\n/**\n * button 按钮\n * @description Button 按钮\n * @tutorial https://www.uviewui.com/components/button.html\n *\n * @property {Boolean}\t\t\thairline\t\t\t\t是否显示按钮的细边框 (默认 true )\n * @property {String}\t\t\ttype\t\t\t\t\t按钮的预置样式,info,primary,error,warning,success (默认 'info' )\n * @property {String}\t\t\tsize\t\t\t\t\t按钮尺寸,large,normal,mini (默认 normal)\n * @property {String}\t\t\tshape\t\t\t\t\t按钮形状,circle(两边为半圆),square(带圆角) (默认 'square' )\n * @property {Boolean}\t\t\tplain\t\t\t\t\t按钮是否镂空,背景色透明 (默认 false)\n * @property {Boolean}\t\t\tdisabled\t\t\t\t是否禁用 (默认 false)\n * @property {Boolean}\t\t\tloading\t\t\t\t\t按钮名称前是否带 loading 图标(App-nvue 平台,在 ios 上为雪花,Android上为圆圈) (默认 false)\n * @property {String | Number}\tloadingText\t\t\t\t加载中提示文字\n * @property {String}\t\t\tloadingMode\t\t\t\t加载状态图标类型 (默认 'spinner' )\n * @property {String | Number}\tloadingSize\t\t\t\t加载图标大小 (默认 15 )\n * @property {String}\t\t\topenType\t\t\t\t开放能力,具体请看uniapp稳定关于button组件部分说明\n * @property {String}\t\t\tformType\t\t\t\t用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件\n * @property {String}\t\t\tappParameter\t\t\t打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效 (注:只微信小程序、QQ小程序有效)\n * @property {Boolean}\t\t\thoverStopPropagation\t指定是否阻止本节点的祖先节点出现点击态,微信小程序有效(默认 true )\n * @property {String}\t\t\tlang\t\t\t\t\t指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文(默认 en )\n * @property {String}\t\t\tsessionFrom\t\t\t\t会话来源,openType=\"contact\"时有效\n * @property {String}\t\t\tsendMessageTitle\t\t会话内消息卡片标题,openType=\"contact\"时有效\n * @property {String}\t\t\tsendMessagePath\t\t\t会话内消息卡片点击跳转小程序路径,openType=\"contact\"时有效\n * @property {String}\t\t\tsendMessageImg\t\t\t会话内消息卡片图片,openType=\"contact\"时有效\n * @property {Boolean}\t\t\tshowMessageCard\t\t\t是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示\"可能要发送的小程序\"提示,用户点击后可以快速发送小程序消息,openType=\"contact\"时有效(默认false)\n * @property {String}\t\t\tdataName\t\t\t\t额外传参参数,用于小程序的data-xxx属性,通过target.dataset.name获取\n * @property {String | Number}\tthrottleTime\t\t\t节流,一定时间内只能触发一次 (默认 0 )\n * @property {String | Number}\thoverStartTime\t\t\t按住后多久出现点击态,单位毫秒 (默认 0 )\n * @property {String | Number}\thoverStayTime\t\t\t手指松开后点击态保留时间,单位毫秒 (默认 200 )\n * @property {String | Number}\ttext\t\t\t\t\t按钮文字,之所以通过props传入,是因为slot传入的话(注:nvue中无法控制文字的样式)\n * @property {String}\t\t\ticon\t\t\t\t\t按钮图标\n * @property {String}\t\t\ticonColor\t\t\t\t按钮图标颜色\n * @property {String}\t\t\tcolor\t\t\t\t\t按钮颜色,支持传入linear-gradient渐变色\n * @property {Object}\t\t\tcustomStyle\t\t\t\t定义需要用到的外部样式\n *\n * @event {Function}\tclick\t\t\t非禁止并且非加载中,才能点击\n * @event {Function}\tgetphonenumber\topen-type=\"getPhoneNumber\"时有效\n * @event {Function}\tgetuserinfo\t\t用户点击该按钮时,会返回获取到的用户信息,从返回参数的detail中获取到的值同uni.getUserInfo\n * @event {Function}\terror\t\t\t当使用开放能力时,发生错误的回调\n * @event {Function}\topensetting\t\t在打开授权设置页并关闭后回调\n * @event {Function}\tlaunchapp\t\t打开 APP 成功的回调\n * @example <u-button>月落</u-button>\n */\nexport default {\n    name: \"u-button\",\n    // #ifdef MP\n    mixins: [uni.$u.mpMixin, uni.$u.mixin, button, openType, props],\n    // #endif\n    // #ifndef MP\n    mixins: [uni.$u.mpMixin, uni.$u.mixin, props],\n    // #endif\n    data() {\n        return {};\n    },\n    computed: {\n        // 生成bem风格的类名\n        bemClass() {\n            // this.bem为一个computed变量,在mixin中\n            if (!this.color) {\n                return this.bem(\n                    \"button\",\n                    [\"type\", \"shape\", \"size\"],\n                    [\"disabled\", \"plain\", \"hairline\"]\n                );\n            } else {\n                // 由于nvue的原因,在有color参数时,不需要传入type,否则会生成type相关的类型,影响最终的样式\n                return this.bem(\n                    \"button\",\n                    [\"shape\", \"size\"],\n                    [\"disabled\", \"plain\", \"hairline\"]\n                );\n            }\n        },\n        loadingColor() {\n            if (this.plain) {\n                // 如果有设置color值,则用color值,否则使用type主题颜色\n                return this.color\n                    ? this.color\n                    : uni.$u.config.color[`u-${this.type}`];\n            }\n            if (this.type === \"info\") {\n                return \"#c9c9c9\";\n            }\n            return \"rgb(200, 200, 200)\";\n        },\n        iconColorCom() {\n            // 如果是镂空状态,设置了color就用color值,否则使用主题颜色,\n            // u-icon的color能接受一个主题颜色的值\n\t\t\tif (this.iconColor) return this.iconColor;\n\t\t\tif (this.plain) {\n                return this.color ? this.color : this.type;\n            } else {\n                return this.type === \"info\" ? \"#000000\" : \"#ffffff\";\n            }\n        },\n        baseColor() {\n            let style = {};\n            if (this.color) {\n                // 针对自定义了color颜色的情况,镂空状态下,就是用自定义的颜色\n                style.color = this.plain ? this.color : \"white\";\n                if (!this.plain) {\n                    // 非镂空,背景色使用自定义的颜色\n                    style[\"background-color\"] = this.color;\n                }\n                if (this.color.indexOf(\"gradient\") !== -1) {\n                    // 如果自定义的颜色为渐变色,不显示边框,以及通过backgroundImage设置渐变色\n                    // weex文档说明可以写borderWidth的形式,为什么这里需要分开写?\n                    // 因为weex是阿里巴巴为了部门业绩考核而做的你懂的东西,所以需要这么写才有效\n                    style.borderTopWidth = 0;\n                    style.borderRightWidth = 0;\n                    style.borderBottomWidth = 0;\n                    style.borderLeftWidth = 0;\n                    if (!this.plain) {\n                        style.backgroundImage = this.color;\n                    }\n                } else {\n                    // 非渐变色,则设置边框相关的属性\n                    style.borderColor = this.color;\n                    style.borderWidth = \"1px\";\n                    style.borderStyle = \"solid\";\n                }\n            }\n            return style;\n        },\n        // nvue版本按钮的字体不会继承父组件的颜色,需要对每一个text组件进行单独的设置\n        nvueTextStyle() {\n            let style = {};\n            // 针对自定义了color颜色的情况,镂空状态下,就是用自定义的颜色\n            if (this.type === \"info\") {\n                style.color = \"#323233\";\n            }\n            if (this.color) {\n                style.color = this.plain ? this.color : \"white\";\n            }\n            style.fontSize = this.textSize + \"px\";\n            return style;\n        },\n        // 字体大小\n        textSize() {\n            let fontSize = 14,\n                { size } = this;\n            if (size === \"large\") fontSize = 16;\n            if (size === \"normal\") fontSize = 14;\n            if (size === \"small\") fontSize = 12;\n            if (size === \"mini\") fontSize = 10;\n            return fontSize;\n        },\n    },\n    methods: {\n        clickHandler() {\n            // 非禁止并且非加载中,才能点击\n            if (!this.disabled && !this.loading) {\n\t\t\t\t// 进行节流控制,每this.throttle毫秒内,只在开始处执行\n\t\t\t\tuni.$u.throttle(() => {\n\t\t\t\t\tthis.$emit(\"click\");\n\t\t\t\t}, this.throttleTime);\n            }\n        },\n        // 下面为对接uniapp官方按钮开放能力事件回调的对接\n        getphonenumber(res) {\n            this.$emit(\"getphonenumber\", res);\n        },\n        getuserinfo(res) {\n            this.$emit(\"getuserinfo\", res);\n        },\n        error(res) {\n            this.$emit(\"error\", res);\n        },\n        opensetting(res) {\n            this.$emit(\"opensetting\", res);\n        },\n        launchapp(res) {\n            this.$emit(\"launchapp\", res);\n        },\n    },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@import \"../../libs/css/components.scss\";\n\n/* #ifndef APP-NVUE */\n@import \"./vue.scss\";\n/* #endif */\n\n/* #ifdef APP-NVUE */\n@import \"./nvue.scss\";\n/* #endif */\n\n$u-button-u-button-height: 40px !default;\n$u-button-text-font-size: 15px !default;\n$u-button-loading-text-font-size: 15px !default;\n$u-button-loading-text-margin-left: 4px !default;\n$u-button-large-width: 100% !default;\n$u-button-large-height: 50px !default;\n$u-button-normal-padding: 0 12px !default;\n$u-button-large-padding: 0 15px !default;\n$u-button-normal-font-size: 14px !default;\n$u-button-small-min-width: 60px !default;\n$u-button-small-height: 30px !default;\n$u-button-small-padding: 0px 8px !default;\n$u-button-mini-padding: 0px 8px !default;\n$u-button-small-font-size: 12px !default;\n$u-button-mini-height: 22px !default;\n$u-button-mini-font-size: 10px !default;\n$u-button-mini-min-width: 50px !default;\n$u-button-disabled-opacity: 0.5 !default;\n$u-button-info-color: #323233 !default;\n$u-button-info-background-color: #fff !default;\n$u-button-info-border-color: #ebedf0 !default;\n$u-button-info-border-width: 1px !default;\n$u-button-info-border-style: solid !default;\n$u-button-success-color: #fff !default;\n$u-button-success-background-color: $u-success !default;\n$u-button-success-border-color: $u-button-success-background-color !default;\n$u-button-success-border-width: 1px !default;\n$u-button-success-border-style: solid !default;\n$u-button-primary-color: #fff !default;\n$u-button-primary-background-color: $u-primary !default;\n$u-button-primary-border-color: $u-button-primary-background-color !default;\n$u-button-primary-border-width: 1px !default;\n$u-button-primary-border-style: solid !default;\n$u-button-error-color: #fff !default;\n$u-button-error-background-color: $u-error !default;\n$u-button-error-border-color: $u-button-error-background-color !default;\n$u-button-error-border-width: 1px !default;\n$u-button-error-border-style: solid !default;\n$u-button-warning-color: #fff !default;\n$u-button-warning-background-color: $u-warning !default;\n$u-button-warning-border-color: $u-button-warning-background-color !default;\n$u-button-warning-border-width: 1px !default;\n$u-button-warning-border-style: solid !default;\n$u-button-block-width: 100% !default;\n$u-button-circle-border-top-right-radius: 100px !default;\n$u-button-circle-border-top-left-radius: 100px !default;\n$u-button-circle-border-bottom-left-radius: 100px !default;\n$u-button-circle-border-bottom-right-radius: 100px !default;\n$u-button-square-border-top-right-radius: 3px !default;\n$u-button-square-border-top-left-radius: 3px !default;\n$u-button-square-border-bottom-left-radius: 3px !default;\n$u-button-square-border-bottom-right-radius: 3px !default;\n$u-button-icon-min-width: 1em !default;\n$u-button-plain-background-color: #fff !default;\n$u-button-hairline-border-width: 0.5px !default;\n\n.u-button {\n    height: $u-button-u-button-height;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n    @include flex;\n    /* #ifndef APP-NVUE */\n    box-sizing: border-box;\n    /* #endif */\n    flex-direction: row;\n\n    &__text {\n        font-size: $u-button-text-font-size;\n    }\n\n    &__loading-text {\n        font-size: $u-button-loading-text-font-size;\n        margin-left: $u-button-loading-text-margin-left;\n    }\n\n    &--large {\n        /* #ifndef APP-NVUE */\n        width: $u-button-large-width;\n        /* #endif */\n        height: $u-button-large-height;\n        padding: $u-button-large-padding;\n    }\n\n    &--normal {\n        padding: $u-button-normal-padding;\n        font-size: $u-button-normal-font-size;\n    }\n\n    &--small {\n        /* #ifndef APP-NVUE */\n        min-width: $u-button-small-min-width;\n        /* #endif */\n        height: $u-button-small-height;\n        padding: $u-button-small-padding;\n        font-size: $u-button-small-font-size;\n    }\n\n    &--mini {\n        height: $u-button-mini-height;\n        font-size: $u-button-mini-font-size;\n        /* #ifndef APP-NVUE */\n        min-width: $u-button-mini-min-width;\n        /* #endif */\n        padding: $u-button-mini-padding;\n    }\n\n    &--disabled {\n        opacity: $u-button-disabled-opacity;\n    }\n\n    &--info {\n        color: $u-button-info-color;\n        background-color: $u-button-info-background-color;\n        border-color: $u-button-info-border-color;\n        border-width: $u-button-info-border-width;\n        border-style: $u-button-info-border-style;\n    }\n\n    &--success {\n        color: $u-button-success-color;\n        background-color: $u-button-success-background-color;\n        border-color: $u-button-success-border-color;\n        border-width: $u-button-success-border-width;\n        border-style: $u-button-success-border-style;\n    }\n\n    &--primary {\n        color: $u-button-primary-color;\n        background-color: $u-button-primary-background-color;\n        border-color: $u-button-primary-border-color;\n        border-width: $u-button-primary-border-width;\n        border-style: $u-button-primary-border-style;\n    }\n\n    &--error {\n        color: $u-button-error-color;\n        background-color: $u-button-error-background-color;\n        border-color: $u-button-error-border-color;\n        border-width: $u-button-error-border-width;\n        border-style: $u-button-error-border-style;\n    }\n\n    &--warning {\n        color: $u-button-warning-color;\n        background-color: $u-button-warning-background-color;\n        border-color: $u-button-warning-border-color;\n        border-width: $u-button-warning-border-width;\n        border-style: $u-button-warning-border-style;\n    }\n\n    &--block {\n        @include flex;\n        width: $u-button-block-width;\n    }\n\n    &--circle {\n        border-top-right-radius: $u-button-circle-border-top-right-radius;\n        border-top-left-radius: $u-button-circle-border-top-left-radius;\n        border-bottom-left-radius: $u-button-circle-border-bottom-left-radius;\n        border-bottom-right-radius: $u-button-circle-border-bottom-right-radius;\n    }\n\n    &--square {\n        border-bottom-left-radius: $u-button-square-border-top-right-radius;\n        border-bottom-right-radius: $u-button-square-border-top-left-radius;\n        border-top-left-radius: $u-button-square-border-bottom-left-radius;\n        border-top-right-radius: $u-button-square-border-bottom-right-radius;\n    }\n\n    &__icon {\n        /* #ifndef APP-NVUE */\n        min-width: $u-button-icon-min-width;\n        line-height: inherit !important;\n        vertical-align: top;\n        /* #endif */\n    }\n\n    &--plain {\n        background-color: $u-button-plain-background-color;\n    }\n\n    &--hairline {\n        border-width: $u-button-hairline-border-width !important;\n    }\n}\n</style>\n","import mod from \"-!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=style&index=0&id=3bf2dba7&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=style&index=0&id=3bf2dba7&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1661738184397\n      var cssReload = require(\"D:/高级前台制作/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}