{"version":3,"sources":["webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?15e2","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?1f22","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?d2e1","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?b023","uni-app:///uview-ui/components/u-tabbar/u-tabbar.vue","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?7ca5","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-tabbar/u-tabbar.vue?6e7e"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAiI;AACjI;AAC4D;AACL;AACsC;;;AAG7F;AACsN;AACtN,gBAAgB,iNAAU;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,wMAEN;AACP,KAAK;AACL;AACA,aAAa,8MAEN;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;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO;AACP;AACA;;AAEA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC/EA;AAAA;AAAA;AAAA;AAAo2B,CAAgB,syBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACkDx3B;AACA;AACA;AACA;AACA,mBADA;AAEA,mBAFA,EAFA;;AAMA;AACA;AACA,4BADA;AAEA,gBAFA,EAPA;;AAWA;AACA;AACA,kBADA;AAEA,wBAFA,EAZA;;AAgBA;AACA;AACA,4BADA;AAEA,qBAFA,EAjBA;;AAqBA;AACA;AACA,4BADA;AAEA,iBAFA,EAtBA;;AA0BA;AACA;AACA,4BADA;AAEA,iBAFA,EA3BA;;AA+BA;AACA;AACA,kBADA;AAEA,wBAFA,EAhCA;;AAoCA;AACA;AACA,kBADA;AAEA,wBAFA,EArCA;;AAyCA;AACA;AACA,mBADA;AAEA,oBAFA,EA1CA;;AA8CA;AACA;AACA,iBADA;AAEA,aAFA,sBAEA;AACA;AACA,OAJA,EA/CA;;AAqDA;AACA;AACA,oBADA;AAEA,mBAFA,EAtDA;;AA0DA;AACA;AACA,mBADA;AAEA,mBAFA,EA3DA;;AA+DA;AACA;AACA,mBADA;AAEA,mBAFA,EAhEA,EADA;;;AAsEA,MAtEA,kBAsEA;AACA;AACA;AACA,0BAFA;AAGA,iBAHA,CAGA;AAHA;AAKA,GA5EA;AA6EA,SA7EA,qBA6EA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GApFA;AAqFA;AACA,cADA,wBACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAFA,MAEA;AACA;AACA;AACA,SANA,MAMA;AACA;AACA;AACA;AACA,OAjBA;AAkBA,KApBA;AAqBA,WArBA,qBAqBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAHA,MAGA;AACA;AACA;AACA,OATA;AAUA,KAhCA,EArFA;;AAuHA,SAvHA,qBAuHA;AACA;AACA,GAzHA;AA0HA;AACA,gBADA,wBACA,KADA,EACA;AACA,gFADA;AAEA;AACA;AACA;AACA,4BALA,GAKA,+DALA;AAMA;AANA,sBAOA,yDAPA;AAQA;AACA;AACA;AACA,mBAHA,EAGA,KAHA,CAGA;;AAEA,mBALA,CARA;AAcA;AACA;AACA;AACA,iBAjBA;;AAmBA,wCAnBA;;AAqBA,KAtBA;AAuBA;AACA,aAxBA,qBAwBA,KAxBA,EAwBA;AACA;AACA;AACA;AACA;AACA;AACA,wCADA;;AAGA,OAJA,MAIA;AACA;AACA;AACA;AACA;AACA,KArCA;AAsCA;AACA,kBAvCA,0BAuCA,KAvCA,EAuCA,KAvCA,EAuCA;AACA;AACA;AACA;AACA,OAFA,MAEA;AACA;AACA,OAFA,MAEA;AACA;AACA;AACA,KAhDA;AAiDA;AACA,oBAlDA,8BAkDA;AACA;AACA;AACA;AACA,KAtDA,EA1HA,E;;;;;;;;;;;;;AClDA;AAAA;AAAA;AAAA;AAA6kD,CAAgB,w5CAAG,EAAC,C;;;;;;;;;;;ACAjmD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"uview-ui/components/u-tabbar/u-tabbar.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-tabbar.vue?vue&type=template&id=180fb800&scoped=true&\"\nvar renderjs\nimport script from \"./u-tabbar.vue?vue&type=script&lang=js&\"\nexport * from \"./u-tabbar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-tabbar.vue?vue&type=style&index=0&id=180fb800&scoped=true&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../../Applications/HBuilderX.app/Contents/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  \"180fb800\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-tabbar/u-tabbar.vue\"\nexport default component.exports","export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-tabbar.vue?vue&type=template&id=180fb800&scoped=true&\"","var components\ntry {\n  components = {\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    uBadge: function() {\n      return import(\n        /* webpackChunkName: \"uview-ui/components/u-badge/u-badge\" */ \"@/uview-ui/components/u-badge/u-badge.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 g0 = _vm.show ? _vm.$u.addUnit(_vm.height) : null\n  var l0 = _vm.show\n    ? _vm.__map(_vm.list, function(item, index) {\n        var $orig = _vm.__get_orig(item)\n\n        var m0 = _vm.elIconPath(index)\n        var m1 = _vm.elColor(index)\n        var m2 =\n          item.count || item.isDot\n            ? _vm.getOffsetRight(item.count, item.isDot)\n            : null\n        var m3 = _vm.elColor(index)\n        return {\n          $orig: $orig,\n          m0: m0,\n          m1: m1,\n          m2: m2,\n          m3: m3\n        }\n      })\n    : null\n  var g1 = _vm.show ? _vm.$u.addUnit(_vm.height) : null\n\n  if (!_vm._isMounted) {\n    _vm.e0 = function($event) {\n      $event.stopPropagation()\n      $event.preventDefault()\n      return (function() {})($event)\n    }\n  }\n\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        g0: g0,\n        l0: l0,\n        g1: g1\n      }\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-tabbar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-tabbar.vue?vue&type=script&lang=js&\"","<template>\n\t<view v-if=\"show\" class=\"u-tabbar\" @touchmove.stop.prevent=\"() => {}\">\n\t\t<view class=\"u-tabbar__content safe-area-inset-bottom\" :style=\"{\n\t\t\theight: $u.addUnit(height),\n\t\t\tbackgroundColor: bgColor,\n\t\t}\" :class=\"{\n\t\t\t'u-border-top': borderTop\n\t\t}\">\n\t\t\t<view class=\"u-tabbar__content__item\" v-for=\"(item, index) in list\" :key=\"index\" :class=\"{\n\t\t\t\t'u-tabbar__content__circle': midButton &&item.midButton\n\t\t\t}\" @tap.stop=\"clickHandler(index)\" :style=\"{\n\t\t\t\tbackgroundColor: bgColor\n\t\t\t}\">\n\t\t\t\t<view :class=\"[\n\t\t\t\t\tmidButton && item.midButton ? 'u-tabbar__content__circle__button' : 'u-tabbar__content__item__button'\n\t\t\t\t]\">\n\t\t\t\t\t<u-icon\n\t\t\t\t\t\t:size=\"midButton && item.midButton ? midButtonSize : iconSize\"\n\t\t\t\t\t\t:name=\"elIconPath(index)\"\n\t\t\t\t\t\timg-mode=\"scaleToFill\"\n\t\t\t\t\t\t:color=\"elColor(index)\"\n\t\t\t\t\t\t:custom-prefix=\"item.customIcon ? 'custom-icon' : 'uicon'\"\n\t\t\t\t\t></u-icon>\n\t\t\t\t\t<u-badge :count=\"item.count\" :is-dot=\"item.isDot\"\n\t\t\t\t\t\tv-if=\"item.count || item.isDot\"\n\t\t\t\t\t\t:offset=\"[-2, getOffsetRight(item.count, item.isDot)]\"\n\t\t\t\t\t></u-badge>\n\t\t\t\t</view>\n\t\t\t\t<view class=\"u-tabbar__content__item__text\" :style=\"{\n\t\t\t\t\tcolor: elColor(index)\n\t\t\t\t}\">\n\t\t\t\t\t<text class=\"u-line-1\">{{item.text}}</text>\n\t\t\t\t</view>\n\t\t\t</view>\n\t\t\t<view v-if=\"midButton\" class=\"u-tabbar__content__circle__border\" :class=\"{\n\t\t\t\t'u-border': borderTop,\n\t\t\t}\" :style=\"{\n\t\t\t\tbackgroundColor: bgColor,\n\t\t\t\tleft: midButtonLeft\n\t\t\t}\">\n\t\t\t</view>\n\t\t</view>\n\t\t<!-- 这里加上一个48rpx的高度,是为了增高有凸起按钮时的防塌陷高度(也即按钮凸出来部分的高度) -->\n\t\t<view class=\"u-fixed-placeholder safe-area-inset-bottom\" :style=\"{\n\t\t\t\theight: `calc(${$u.addUnit(height)} + ${midButton ? 48 : 0}rpx)`,\n\t\t\t}\"></view>\n\t</view>\n</template>\n\n<script>\n\texport default {\n\t\tprops: {\n\t\t\t// 显示与否\n\t\t\tshow: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\t// 通过v-model绑定current值\n\t\t\tvalue: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 0\n\t\t\t},\n\t\t\t// 整个tabbar的背景颜色\n\t\t\tbgColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#ffffff'\n\t\t\t},\n\t\t\t// tabbar的高度，默认50px，单位任意，如果为数值，则为rpx单位\n\t\t\theight: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: '50px'\n\t\t\t},\n\t\t\t// 非凸起图标的大小，单位任意，数值默认rpx\n\t\t\ticonSize: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 58\n\t\t\t},\n\t\t\t// 凸起的图标的大小，单位任意，数值默认rpx\n\t\t\tmidButtonSize: {\n\t\t\t\ttype: [String, Number],\n\t\t\t\tdefault: 90\n\t\t\t},\n\t\t\t// 激活时的演示，包括字体图标，提示文字等的演示\n\t\t\tactiveColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#0CB17A'\n\t\t\t},\n\t\t\t// 未激活时的颜色\n\t\t\tinactiveColor: {\n\t\t\t\ttype: String,\n\t\t\t\tdefault: '#000000'\n\t\t\t},\n\t\t\t// 是否显示中部的凸起按钮\n\t\t\tmidButton: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\t// 配置参数\n\t\t\tlist: {\n\t\t\t\ttype: Array,\n\t\t\t\tdefault () {\n\t\t\t\t\treturn []\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 切换前的回调\n\t\t\tbeforeSwitch: {\n\t\t\t\ttype: Function,\n\t\t\t\tdefault: null\n\t\t\t},\n\t\t\t// 是否显示顶部的横线\n\t\t\tborderTop: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\t// 是否隐藏原生tabbar\n\t\t\thideTabBar: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\t// 由于安卓太菜了，通过css居中凸起按钮的外层元素有误差，故通过js计算将其居中\n\t\t\t\tmidButtonLeft: '50%',\n\t\t\t\tpageUrl: '', // 当前页面URL\n\t\t\t}\n\t\t},\n\t\tcreated() {\n\t\t\t// 是否隐藏原生tabbar\n\t\t\tif(this.hideTabBar) uni.hideTabBar();\n\t\t\t// 获取引入了u-tabbar页面的路由地址，该地址没有路径前面的\"/\"\n\t\t\tlet pages = getCurrentPages();\n\t\t\t// 页面栈中的最后一个即为项为当前页面，route属性为页面路径\n\t\t\tthis.pageUrl = pages[pages.length - 1].route;\n\t\t},\n\t\tcomputed: {\n\t\t\telIconPath() {\n\t\t\t\treturn (index) => {\n\t\t\t\t\t// 历遍u-tabbar的每一项item时，判断是否传入了pagePath参数，如果传入了\n\t\t\t\t\t// 和data中的pageUrl参数对比，如果相等，即可判断当前的item对应当前的tabbar页面，设置高亮图标\n\t\t\t\t\t// 采用这个方法，可以无需使用v-model绑定的value值\n\t\t\t\t\tlet pagePath = this.list[index].pagePath;\n\t\t\t\t\t// 如果定义了pagePath属性，意味着使用系统自带tabbar方案，否则使用一个页面用几个组件模拟tabbar页面的方案\n\t\t\t\t\t// 这两个方案对处理tabbar item的激活与否方式不一样\n\t\t\t\t\tif(pagePath) {\n\t\t\t\t\t\tif(pagePath == this.pageUrl || pagePath == '/' + this.pageUrl) {\n\t\t\t\t\t\t\treturn this.list[index].selectedIconPath;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\treturn this.list[index].iconPath;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\t// 普通方案中，索引等于v-model值时，即为激活项\n\t\t\t\t\t\treturn index == this.value ? this.list[index].selectedIconPath : this.list[index].iconPath\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\telColor() {\n\t\t\t\treturn (index) => {\n\t\t\t\t\t// 判断方法同理于elIconPath\n\t\t\t\t\tlet pagePath = this.list[index].pagePath;\n\t\t\t\t\tif(pagePath) {\n\t\t\t\t\t\tif(pagePath == this.pageUrl || pagePath == '/' + this.pageUrl) return this.activeColor;\n\t\t\t\t\t\telse return this.inactiveColor;\n\t\t\t\t\t} else {\n\t\t\t\t\t\treturn index == this.value ? this.activeColor : this.inactiveColor;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tmounted() {\n\t\t\tthis.midButton && this.getMidButtonLeft();\n\t\t},\n\t\tmethods: {\n\t\t\tasync clickHandler(index) {\n\t\t\t\tif(this.beforeSwitch && typeof(this.beforeSwitch) === 'function') {\n\t\t\t\t\t// 执行回调，同时传入索引当作参数\n\t\t\t\t\t// 在微信，支付宝等环境(H5正常)，会导致父组件定义的customBack()函数体中的this变成子组件的this\n\t\t\t\t\t// 通过bind()方法，绑定父组件的this，让this.customBack()的this为父组件的上下文\n\t\t\t\t\tlet beforeSwitch = this.beforeSwitch.bind(this.$u.$parent.call(this))(index);\n\t\t\t\t\t// 判断是否返回了promise\n\t\t\t\t\tif (!!beforeSwitch && typeof beforeSwitch.then === 'function') {\n\t\t\t\t\t\tawait beforeSwitch.then(res => {\n\t\t\t\t\t\t\t// promise返回成功，\n\t\t\t\t\t\t\tthis.switchTab(index);\n\t\t\t\t\t\t}).catch(err => {\n\n\t\t\t\t\t\t})\n\t\t\t\t\t} else if(beforeSwitch === true) {\n\t\t\t\t\t\t// 如果返回true\n\t\t\t\t\t\tthis.switchTab(index);\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tthis.switchTab(index);\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 切换tab\n\t\t\tswitchTab(index) {\n\t\t\t\t// 发出事件和修改v-model绑定的值\n\t\t\t\tthis.$emit('change', index);\n\t\t\t\t// 如果有配置pagePath属性，使用uni.switchTab进行跳转\n\t\t\t\tif(this.list[index].pagePath) {\n\t\t\t\t\tuni.switchTab({\n\t\t\t\t\t\turl: this.list[index].pagePath\n\t\t\t\t\t})\n\t\t\t\t} else {\n\t\t\t\t\t// 如果配置了papgePath属性，将不会双向绑定v-model传入的value值\n\t\t\t\t\t// 因为这个模式下，不再需要v-model绑定的value值了，而是通过getCurrentPages()适配\n\t\t\t\t\tthis.$emit('input', index);\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 计算角标的right值\n\t\t\tgetOffsetRight(count, isDot) {\n\t\t\t\t// 点类型，count大于9(两位数)，分别设置不同的right值，避免位置太挤\n\t\t\t\tif(isDot) {\n\t\t\t\t\treturn -20;\n\t\t\t\t} else if(count > 9) {\n\t\t\t\t\treturn -40;\n\t\t\t\t} else {\n\t\t\t\t\treturn -30;\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 获取凸起按钮外层元素的left值，让其水平居中\n\t\t\tgetMidButtonLeft() {\n\t\t\t\tlet windowWidth = this.$u.sys().windowWidth;\n\t\t\t\t// 由于安卓中css计算left: 50%的结果不准确，故用js计算\n\t\t\t\tthis.midButtonLeft = (windowWidth / 2) + 'px';\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style scoped lang=\"scss\">\n\t@import \"../../libs/css/style.components.scss\";\n\t.u-fixed-placeholder {\n\t\t/* #ifndef APP-NVUE */\n\t\tbox-sizing: content-box;\n\t\t/* #endif */\n\t}\n\n\t.u-tabbar {\n\n\t\t&__content {\n\t\t\t@include vue-flex;\n\t\t\talign-items: center;\n\t\t\tposition: relative;\n\t\t\tposition: fixed;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\twidth: 100%;\n\t\t\tz-index: 998;\n\t\t\t/* #ifndef APP-NVUE */\n\t\t\tbox-sizing: content-box;\n\t\t\t/* #endif */\n\n\t\t\t&__circle__border {\n\t\t\t\tborder-radius: 100%;\n\t\t\t\twidth: 110rpx;\n\t\t\t\theight: 110rpx;\n\t\t\t\ttop: -48rpx;\n\t\t\t\tposition: absolute;\n\t\t\t\tz-index: 4;\n\t\t\t\tbackground-color: #ffffff;\n\t\t\t\t// 由于安卓的无能，导致只有3个tabbar item时，此css计算方式有误差\n\t\t\t\t// 故使用js计算的形式来定位，此处不注释，是因为js计算有延后，避免出现位置闪动\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t&:after {\n\t\t\t\t\tborder-radius: 100px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__item {\n\t\t\t\tflex: 1;\n\t\t\t\tjustify-content: center;\n\t\t\t\theight: 100%;\n\t\t\t\tpadding: 12rpx 0;\n\t\t\t\t@include vue-flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tposition: relative;\n\n\t\t\t\t&__button {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 10rpx;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\n\t\t\t\t&__text {\n\t\t\t\t\tcolor: $u-content-color;\n\t\t\t\t\tfont-size: 24rpx;\n\t\t\t\t\tline-height: 26rpx;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tbottom: 2rpx;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__circle {\n\t\t\t\tposition: relative;\n\t\t\t\t@include vue-flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\tz-index: 10;\n\t\t\t\t/* #ifndef APP-NVUE */\n\t\t\t\theight: calc(100% - 1px);\n\t\t\t\t/* #endif */\n\n\t\t\t\t&__button {\n\t\t\t\t\twidth: 90rpx;\n\t\t\t\t\theight: 90rpx;\n\t\t\t\t\tborder-radius: 100%;\n\t\t\t\t\t@include vue-flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tbackground-color: #ffffff;\n\t\t\t\t\ttop: -40rpx;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tz-index: 6;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n</style>\n","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-tabbar.vue?vue&type=style&index=0&id=180fb800&scoped=true&lang=scss&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-tabbar.vue?vue&type=style&index=0&id=180fb800&scoped=true&lang=scss&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1700461806370\n      var cssReload = require(\"/Applications/HBuilderX.app/Contents/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":""}