You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

1 line
30 KiB
Plaintext

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

{"version":3,"sources":["webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-button/u-button.vue?f8ed","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-button/u-button.vue?9917","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-button/u-button.vue?8fb2","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-button/u-button.vue?50c0","uni-app:///uview-ui/components/u-button/u-button.vue","webpack:///C:/Users/lenovo/Desktop/uni-Identify-quality/uview-ui/components/u-button/u-button.vue?6581"],"names":["renderjs","component","options","__file","components","uLoadingIcon","uIcon","e","message","indexOf","console","error","render","_vm","this","_h","$createElement","s0","_self","_c","__get_style","baseColor","$u","addStyle","customStyle","m0","Number","hoverStartTime","m1","hoverStayTime","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","name","mixins","computed","bemClass","loadingColor","uni","iconColorCom","style","nvueTextStyle","textSize","size","methods","clickHandler","getphonenumber","getuserinfo","opensetting","launchapp"],"mappings":"sIAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,4CACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IACEA,EAAa,CACXC,aAAc,WACZ,OAAO,qHAITC,MAAO,WACL,OAAO,sGAKX,MAAOC,GACP,IAC+C,IAA7CA,EAAEC,QAAQC,QAAQ,wBACa,IAA/BF,EAAEC,QAAQC,QAAQ,QAWlB,MAAMF,EATNG,QAAQC,MAAMJ,EAAEC,SAChBE,QAAQC,MAAM,mBACdD,QAAQC,MACN,uFAEFD,QAAQC,MACN,mDAMN,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,YAAY,CAACP,EAAIQ,UAAWR,EAAIS,GAAGC,SAASV,EAAIW,gBACzDC,EAAKC,OAAOb,EAAIc,gBAChBC,EAAKF,OAAOb,EAAIgB,eACpBhB,EAAIiB,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACLjB,GAAIA,EACJQ,GAAIA,EACJG,GAAIA,MAKRO,GAAmB,EACnBC,EAAkB,GACtBxB,EAAOyB,eAAgB,G,iCCnDvB,yHAAsrB,eAAG,G,2HC+GzrB,gBACA,YACA,YACA,EA2CA,CACAC,gBAEAC,+DAKAR,gBACA,UAEAS,UAEAC,oBAEA,kBAQA,SACA,SACA,iBACA,iCAVA,SACA,SACA,wBACA,kCAWAC,wBACA,kBAEA,WACA,WACAC,0CAEA,mBACA,UAEA,sBAEAC,wBAGA,qCACA,WACA,gCAEA,wCAGAvB,qBACA,SA0BA,OAzBA,aAEAwB,sCACA,aAEAA,mCAEA,oCAIAA,mBACAA,qBACAA,sBACAA,oBACA,aACAA,gCAIAA,yBACAA,oBACAA,wBAGA,GAGAC,yBACA,SASA,MAPA,qBACAD,mBAEA,aACAA,uCAEAA,8BACA,GAGAE,oBACA,SACAC,YAKA,MAJA,oBACA,qBACA,oBACA,mBACA,IAGAC,SACAC,wBAAA,WAEA,6BAEAP,0BACA,mBACA,oBAIAQ,2BACA,gCAEAC,wBACA,6BAEAzC,kBACA,uBAEA0C,wBACA,6BAEAC,sBACA,6BAGA,c,6DCjSA,yHAA6yC,eAAG,G","file":"uview-ui/components/u-button/u-button.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-button.vue?vue&type=template&id=6e15e680&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=6e15e680&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../Downloads/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 \"6e15e680\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-button/u-button.vue\"\nexport default component.exports","export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=template&id=6e15e680&scoped=true&\"","var components\ntry {\n components = {\n uLoadingIcon: function () {\n return import(\n /* webpackChunkName: \"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: \"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 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 \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/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 \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=script&lang=js&\"","<template>\r\n <!-- #ifndef APP-NVUE -->\r\n <button\r\n :hover-start-time=\"Number(hoverStartTime)\"\r\n :hover-stay-time=\"Number(hoverStayTime)\"\r\n :form-type=\"formType\"\r\n :open-type=\"openType\"\r\n :app-parameter=\"appParameter\"\r\n :hover-stop-propagation=\"hoverStopPropagation\"\r\n :send-message-title=\"sendMessageTitle\"\r\n :send-message-path=\"sendMessagePath\"\r\n :lang=\"lang\"\r\n :data-name=\"dataName\"\r\n :session-from=\"sessionFrom\"\r\n :send-message-img=\"sendMessageImg\"\r\n :show-message-card=\"showMessageCard\"\r\n @getphonenumber=\"getphonenumber\"\r\n @getuserinfo=\"getuserinfo\"\r\n @error=\"error\"\r\n @opensetting=\"opensetting\"\r\n @launchapp=\"launchapp\"\r\n :hover-class=\"!disabled && !loading ? 'u-button--active' : ''\"\r\n class=\"u-button u-reset-button\"\r\n :style=\"[baseColor, $u.addStyle(customStyle)]\"\r\n @tap=\"clickHandler\"\r\n :class=\"bemClass\"\r\n >\r\n <template v-if=\"loading\">\r\n <u-loading-icon\r\n :mode=\"loadingMode\"\r\n :size=\"loadingSize * 1.15\"\r\n :color=\"loadingColor\"\r\n ></u-loading-icon>\r\n <text\r\n class=\"u-button__loading-text\"\r\n :style=\"[{ fontSize: textSize + 'px' }]\"\r\n >{{ loadingText || text }}</text\r\n >\r\n </template>\r\n <template v-else>\r\n <u-icon\r\n v-if=\"icon\"\r\n :name=\"icon\"\r\n :color=\"iconColorCom\"\r\n :size=\"textSize * 1.35\"\r\n :customStyle=\"{ marginRight: '2px' }\"\r\n ></u-icon>\r\n <slot>\r\n <text\r\n class=\"u-button__text\"\r\n :style=\"[{ fontSize: textSize + 'px' }]\"\r\n >{{ text }}</text\r\n >\r\n </slot>\r\n </template>\r\n </button>\r\n <!-- #endif -->\r\n\r\n <!-- #ifdef APP-NVUE -->\r\n <view\r\n :hover-start-time=\"Number(hoverStartTime)\"\r\n :hover-stay-time=\"Number(hoverStayTime)\"\r\n class=\"u-button\"\r\n :hover-class=\"\r\n !disabled && !loading && !color && (plain || type === 'info')\r\n ? 'u-button--active--plain'\r\n : !disabled && !loading && !plain\r\n ? 'u-button--active'\r\n : ''\r\n \"\r\n @tap=\"clickHandler\"\r\n :class=\"bemClass\"\r\n :style=\"[baseColor, $u.addStyle(customStyle)]\"\r\n >\r\n <template v-if=\"loading\">\r\n <u-loading-icon\r\n :mode=\"loadingMode\"\r\n :size=\"loadingSize * 1.15\"\r\n :color=\"loadingColor\"\r\n ></u-loading-icon>\r\n <text\r\n class=\"u-button__loading-text\"\r\n :style=\"[nvueTextStyle]\"\r\n :class=\"[plain && `u-button__text--plain--${type}`]\"\r\n >{{ loadingText || text }}</text\r\n >\r\n </template>\r\n <template v-else>\r\n <u-icon\r\n v-if=\"icon\"\r\n :name=\"icon\"\r\n :color=\"iconColorCom\"\r\n :size=\"textSize * 1.35\"\r\n ></u-icon>\r\n <text\r\n class=\"u-button__text\"\r\n :style=\"[\r\n {\r\n marginLeft: icon ? '2px' : 0,\r\n },\r\n nvueTextStyle,\r\n ]\"\r\n :class=\"[plain && `u-button__text--plain--${type}`]\"\r\n >{{ text }}</text\r\n >\r\n </template>\r\n </view>\r\n <!-- #endif -->\r\n</template>\r\n\r\n<script>\r\nimport button from \"../../libs/mixin/button.js\";\r\nimport openType from \"../../libs/mixin/openType.js\";\r\nimport props from \"./props.js\";\r\n/**\r\n * button 按钮\r\n * @description Button 按钮\r\n * @tutorial https://www.uviewui.com/components/button.html\r\n *\r\n * @property {Boolean}\t\t\thairline\t\t\t\t是否显示按钮的细边框 (默认 true )\r\n * @property {String}\t\t\ttype\t\t\t\t\t按钮的预置样式infoprimaryerrorwarningsuccess (默认 'info' )\r\n * @property {String}\t\t\tsize\t\t\t\t\t按钮尺寸largenormalmini (默认 normal\r\n * @property {String}\t\t\tshape\t\t\t\t\t按钮形状circle两边为半圆square带圆角 (默认 'square' \r\n * @property {Boolean}\t\t\tplain\t\t\t\t\t按钮是否镂空背景色透明 (默认 false\r\n * @property {Boolean}\t\t\tdisabled\t\t\t\t是否禁用 (默认 false\r\n * @property {Boolean}\t\t\tloading\t\t\t\t\t按钮名称前是否带 loading 图标(App-nvue 平台,在 ios 上为雪花Android上为圆圈) (默认 false\r\n * @property {String | Number}\tloadingText\t\t\t\t加载中提示文字\r\n * @property {String}\t\t\tloadingMode\t\t\t\t加载状态图标类型 (默认 'spinner' \r\n * @property {String | Number}\tloadingSize\t\t\t\t加载图标大小 (默认 15 \r\n * @property {String}\t\t\topenType\t\t\t\t开放能力具体请看uniapp稳定关于button组件部分说明\r\n * @property {String}\t\t\tformType\t\t\t\t用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件\r\n * @property {String}\t\t\tappParameter\t\t\t打开 APP 时,向 APP 传递的参数open-type=launchApp时有效 只微信小程序、QQ小程序有效\r\n * @property {Boolean}\t\t\thoverStopPropagation\t指定是否阻止本节点的祖先节点出现点击态微信小程序有效默认 true \r\n * @property {String}\t\t\tlang\t\t\t\t\t指定返回用户信息的语言zh_CN 简体中文zh_TW 繁体中文en 英文(默认 en \r\n * @property {String}\t\t\tsessionFrom\t\t\t\t会话来源openType=\"contact\"时有效\r\n * @property {String}\t\t\tsendMessageTitle\t\t会话内消息卡片标题openType=\"contact\"时有效\r\n * @property {String}\t\t\tsendMessagePath\t\t\t会话内消息卡片点击跳转小程序路径openType=\"contact\"时有效\r\n * @property {String}\t\t\tsendMessageImg\t\t\t会话内消息卡片图片openType=\"contact\"时有效\r\n * @property {Boolean}\t\t\tshowMessageCard\t\t\t是否显示会话内消息卡片设置此参数为 true用户进入客服会话会在右下角显示\"可能要发送的小程序\"提示用户点击后可以快速发送小程序消息openType=\"contact\"时有效默认false\r\n * @property {String}\t\t\tdataName\t\t\t\t额外传参参数用于小程序的data-xxx属性通过target.dataset.name获取\r\n * @property {String | Number}\tthrottleTime\t\t\t节流一定时间内只能触发一次 (默认 0 )\r\n * @property {String | Number}\thoverStartTime\t\t\t按住后多久出现点击态单位毫秒 (默认 0 )\r\n * @property {String | Number}\thoverStayTime\t\t\t手指松开后点击态保留时间单位毫秒 (默认 200 )\r\n * @property {String | Number}\ttext\t\t\t\t\t按钮文字之所以通过props传入是因为slot传入的话nvue中无法控制文字的样式\r\n * @property {String}\t\t\ticon\t\t\t\t\t按钮图标\r\n * @property {String}\t\t\ticonColor\t\t\t\t按钮图标颜色\r\n * @property {String}\t\t\tcolor\t\t\t\t\t按钮颜色支持传入linear-gradient渐变色\r\n * @property {Object}\t\t\tcustomStyle\t\t\t\t定义需要用到的外部样式\r\n *\r\n * @event {Function}\tclick\t\t\t非禁止并且非加载中才能点击\r\n * @event {Function}\tgetphonenumber\topen-type=\"getPhoneNumber\"时有效\r\n * @event {Function}\tgetuserinfo\t\t用户点击该按钮时会返回获取到的用户信息从返回参数的detail中获取到的值同uni.getUserInfo\r\n * @event {Function}\terror\t\t\t当使用开放能力时发生错误的回调\r\n * @event {Function}\topensetting\t\t在打开授权设置页并关闭后回调\r\n * @event {Function}\tlaunchapp\t\t打开 APP 成功的回调\r\n * @example <u-button>月落</u-button>\r\n */\r\nexport default {\r\n name: \"u-button\",\r\n // #ifdef MP\r\n mixins: [uni.$u.mpMixin, uni.$u.mixin, button, openType, props],\r\n // #endif\r\n // #ifndef MP\r\n mixins: [uni.$u.mpMixin, uni.$u.mixin, props],\r\n // #endif\r\n data() {\r\n return {};\r\n },\r\n computed: {\r\n // 生成bem风格的类名\r\n bemClass() {\r\n // this.bem为一个computed变量在mixin中\r\n if (!this.color) {\r\n return this.bem(\r\n \"button\",\r\n [\"type\", \"shape\", \"size\"],\r\n [\"disabled\", \"plain\", \"hairline\"]\r\n );\r\n } else {\r\n // 由于nvue的原因在有color参数时不需要传入type否则会生成type相关的类型影响最终的样式\r\n return this.bem(\r\n \"button\",\r\n [\"shape\", \"size\"],\r\n [\"disabled\", \"plain\", \"hairline\"]\r\n );\r\n }\r\n },\r\n loadingColor() {\r\n if (this.plain) {\r\n // 如果有设置color值则用color值否则使用type主题颜色\r\n return this.color\r\n ? this.color\r\n : uni.$u.config.color[`u-${this.type}`];\r\n }\r\n if (this.type === \"info\") {\r\n return \"#c9c9c9\";\r\n }\r\n return \"rgb(200, 200, 200)\";\r\n },\r\n iconColorCom() {\r\n // 如果是镂空状态设置了color就用color值否则使用主题颜色\r\n // u-icon的color能接受一个主题颜色的值\r\n\t\t\tif (this.iconColor) return this.iconColor;\r\n\t\t\tif (this.plain) {\r\n return this.color ? this.color : this.type;\r\n } else {\r\n return this.type === \"info\" ? \"#000000\" : \"#ffffff\";\r\n }\r\n },\r\n baseColor() {\r\n let style = {};\r\n if (this.color) {\r\n // 针对自定义了color颜色的情况镂空状态下就是用自定义的颜色\r\n style.color = this.plain ? this.color : \"white\";\r\n if (!this.plain) {\r\n // 非镂空,背景色使用自定义的颜色\r\n style[\"background-color\"] = this.color;\r\n }\r\n if (this.color.indexOf(\"gradient\") !== -1) {\r\n // 如果自定义的颜色为渐变色不显示边框以及通过backgroundImage设置渐变色\r\n // weex文档说明可以写borderWidth的形式为什么这里需要分开写\r\n // 因为weex是阿里巴巴为了部门业绩考核而做的你懂的东西所以需要这么写才有效\r\n style.borderTopWidth = 0;\r\n style.borderRightWidth = 0;\r\n style.borderBottomWidth = 0;\r\n style.borderLeftWidth = 0;\r\n if (!this.plain) {\r\n style.backgroundImage = this.color;\r\n }\r\n } else {\r\n // 非渐变色,则设置边框相关的属性\r\n style.borderColor = this.color;\r\n style.borderWidth = \"1px\";\r\n style.borderStyle = \"solid\";\r\n }\r\n }\r\n return style;\r\n },\r\n // nvue版本按钮的字体不会继承父组件的颜色需要对每一个text组件进行单独的设置\r\n nvueTextStyle() {\r\n let style = {};\r\n // 针对自定义了color颜色的情况镂空状态下就是用自定义的颜色\r\n if (this.type === \"info\") {\r\n style.color = \"#323233\";\r\n }\r\n if (this.color) {\r\n style.color = this.plain ? this.color : \"white\";\r\n }\r\n style.fontSize = this.textSize + \"px\";\r\n return style;\r\n },\r\n // 字体大小\r\n textSize() {\r\n let fontSize = 14,\r\n { size } = this;\r\n if (size === \"large\") fontSize = 16;\r\n if (size === \"normal\") fontSize = 14;\r\n if (size === \"small\") fontSize = 12;\r\n if (size === \"mini\") fontSize = 10;\r\n return fontSize;\r\n },\r\n },\r\n methods: {\r\n clickHandler() {\r\n // 非禁止并且非加载中,才能点击\r\n if (!this.disabled && !this.loading) {\r\n\t\t\t\t// 进行节流控制每this.throttle毫秒内只在开始处执行\r\n\t\t\t\tuni.$u.throttle(() => {\r\n\t\t\t\t\tthis.$emit(\"click\");\r\n\t\t\t\t}, this.throttleTime);\r\n }\r\n },\r\n // 下面为对接uniapp官方按钮开放能力事件回调的对接\r\n getphonenumber(res) {\r\n this.$emit(\"getphonenumber\", res);\r\n },\r\n getuserinfo(res) {\r\n this.$emit(\"getuserinfo\", res);\r\n },\r\n error(res) {\r\n this.$emit(\"error\", res);\r\n },\r\n opensetting(res) {\r\n this.$emit(\"opensetting\", res);\r\n },\r\n launchapp(res) {\r\n this.$emit(\"launchapp\", res);\r\n },\r\n },\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@import \"../../libs/css/components.scss\";\r\n\r\n/* #ifndef APP-NVUE */\r\n@import \"./vue.scss\";\r\n/* #endif */\r\n\r\n/* #ifdef APP-NVUE */\r\n@import \"./nvue.scss\";\r\n/* #endif */\r\n\r\n$u-button-u-button-height: 40px !default;\r\n$u-button-text-font-size: 15px !default;\r\n$u-button-loading-text-font-size: 15px !default;\r\n$u-button-loading-text-margin-left: 4px !default;\r\n$u-button-large-width: 100% !default;\r\n$u-button-large-height: 50px !default;\r\n$u-button-normal-padding: 0 12px !default;\r\n$u-button-large-padding: 0 15px !default;\r\n$u-button-normal-font-size: 14px !default;\r\n$u-button-small-min-width: 60px !default;\r\n$u-button-small-height: 30px !default;\r\n$u-button-small-padding: 0px 8px !default;\r\n$u-button-mini-padding: 0px 8px !default;\r\n$u-button-small-font-size: 12px !default;\r\n$u-button-mini-height: 22px !default;\r\n$u-button-mini-font-size: 10px !default;\r\n$u-button-mini-min-width: 50px !default;\r\n$u-button-disabled-opacity: 0.5 !default;\r\n$u-button-info-color: #323233 !default;\r\n$u-button-info-background-color: #fff !default;\r\n$u-button-info-border-color: #ebedf0 !default;\r\n$u-button-info-border-width: 1px !default;\r\n$u-button-info-border-style: solid !default;\r\n$u-button-success-color: #fff !default;\r\n$u-button-success-background-color: $u-success !default;\r\n$u-button-success-border-color: $u-button-success-background-color !default;\r\n$u-button-success-border-width: 1px !default;\r\n$u-button-success-border-style: solid !default;\r\n$u-button-primary-color: #fff !default;\r\n$u-button-primary-background-color: $u-primary !default;\r\n$u-button-primary-border-color: $u-button-primary-background-color !default;\r\n$u-button-primary-border-width: 1px !default;\r\n$u-button-primary-border-style: solid !default;\r\n$u-button-error-color: #fff !default;\r\n$u-button-error-background-color: $u-error !default;\r\n$u-button-error-border-color: $u-button-error-background-color !default;\r\n$u-button-error-border-width: 1px !default;\r\n$u-button-error-border-style: solid !default;\r\n$u-button-warning-color: #fff !default;\r\n$u-button-warning-background-color: $u-warning !default;\r\n$u-button-warning-border-color: $u-button-warning-background-color !default;\r\n$u-button-warning-border-width: 1px !default;\r\n$u-button-warning-border-style: solid !default;\r\n$u-button-block-width: 100% !default;\r\n$u-button-circle-border-top-right-radius: 100px !default;\r\n$u-button-circle-border-top-left-radius: 100px !default;\r\n$u-button-circle-border-bottom-left-radius: 100px !default;\r\n$u-button-circle-border-bottom-right-radius: 100px !default;\r\n$u-button-square-border-top-right-radius: 3px !default;\r\n$u-button-square-border-top-left-radius: 3px !default;\r\n$u-button-square-border-bottom-left-radius: 3px !default;\r\n$u-button-square-border-bottom-right-radius: 3px !default;\r\n$u-button-icon-min-width: 1em !default;\r\n$u-button-plain-background-color: #fff !default;\r\n$u-button-hairline-border-width: 0.5px !default;\r\n\r\n.u-button {\r\n height: $u-button-u-button-height;\r\n position: relative;\r\n align-items: center;\r\n justify-content: center;\r\n @include flex;\r\n /* #ifndef APP-NVUE */\r\n box-sizing: border-box;\r\n /* #endif */\r\n flex-direction: row;\r\n\r\n &__text {\r\n font-size: $u-button-text-font-size;\r\n }\r\n\r\n &__loading-text {\r\n font-size: $u-button-loading-text-font-size;\r\n margin-left: $u-button-loading-text-margin-left;\r\n }\r\n\r\n &--large {\r\n /* #ifndef APP-NVUE */\r\n width: $u-button-large-width;\r\n /* #endif */\r\n height: $u-button-large-height;\r\n padding: $u-button-large-padding;\r\n }\r\n\r\n &--normal {\r\n padding: $u-button-normal-padding;\r\n font-size: $u-button-normal-font-size;\r\n }\r\n\r\n &--small {\r\n /* #ifndef APP-NVUE */\r\n min-width: $u-button-small-min-width;\r\n /* #endif */\r\n height: $u-button-small-height;\r\n padding: $u-button-small-padding;\r\n font-size: $u-button-small-font-size;\r\n }\r\n\r\n &--mini {\r\n height: $u-button-mini-height;\r\n font-size: $u-button-mini-font-size;\r\n /* #ifndef APP-NVUE */\r\n min-width: $u-button-mini-min-width;\r\n /* #endif */\r\n padding: $u-button-mini-padding;\r\n }\r\n\r\n &--disabled {\r\n opacity: $u-button-disabled-opacity;\r\n }\r\n\r\n &--info {\r\n color: $u-button-info-color;\r\n background-color: $u-button-info-background-color;\r\n border-color: $u-button-info-border-color;\r\n border-width: $u-button-info-border-width;\r\n border-style: $u-button-info-border-style;\r\n }\r\n\r\n &--success {\r\n color: $u-button-success-color;\r\n background-color: $u-button-success-background-color;\r\n border-color: $u-button-success-border-color;\r\n border-width: $u-button-success-border-width;\r\n border-style: $u-button-success-border-style;\r\n }\r\n\r\n &--primary {\r\n color: $u-button-primary-color;\r\n background-color: $u-button-primary-background-color;\r\n border-color: $u-button-primary-border-color;\r\n border-width: $u-button-primary-border-width;\r\n border-style: $u-button-primary-border-style;\r\n }\r\n\r\n &--error {\r\n color: $u-button-error-color;\r\n background-color: $u-button-error-background-color;\r\n border-color: $u-button-error-border-color;\r\n border-width: $u-button-error-border-width;\r\n border-style: $u-button-error-border-style;\r\n }\r\n\r\n &--warning {\r\n color: $u-button-warning-color;\r\n background-color: $u-button-warning-background-color;\r\n border-color: $u-button-warning-border-color;\r\n border-width: $u-button-warning-border-width;\r\n border-style: $u-button-warning-border-style;\r\n }\r\n\r\n &--block {\r\n @include flex;\r\n width: $u-button-block-width;\r\n }\r\n\r\n &--circle {\r\n border-top-right-radius: $u-button-circle-border-top-right-radius;\r\n border-top-left-radius: $u-button-circle-border-top-left-radius;\r\n border-bottom-left-radius: $u-button-circle-border-bottom-left-radius;\r\n border-bottom-right-radius: $u-button-circle-border-bottom-right-radius;\r\n }\r\n\r\n &--square {\r\n border-bottom-left-radius: $u-button-square-border-top-right-radius;\r\n border-bottom-right-radius: $u-button-square-border-top-left-radius;\r\n border-top-left-radius: $u-button-square-border-bottom-left-radius;\r\n border-top-right-radius: $u-button-square-border-bottom-right-radius;\r\n }\r\n\r\n &__icon {\r\n /* #ifndef APP-NVUE */\r\n min-width: $u-button-icon-min-width;\r\n line-height: inherit !important;\r\n vertical-align: top;\r\n /* #endif */\r\n }\r\n\r\n &--plain {\r\n background-color: $u-button-plain-background-color;\r\n }\r\n\r\n &--hairline {\r\n border-width: $u-button-hairline-border-width !important;\r\n }\r\n}\r\n</style>\r\n","import mod from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=style&index=0&id=6e15e680&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../Downloads/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-button.vue?vue&type=style&index=0&id=6e15e680&lang=scss&scoped=true&\""],"sourceRoot":""}