glhcp/server/public/mobile/static/js/bundle-pages-user_fans-user_fans.f164dc1b.js

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["bundle-pages-user_fans-user_fans"],{"14db":function(t,e,o){"use strict";o.r(e);var n=o("b0dc"),i=o("2869");for(var r in i)"default"!==r&&function(t){o.d(e,t,(function(){return i[t]}))}(r);o("5969");var a,s=o("f0c5"),c=Object(s["a"])(i["default"],n["b"],n["c"],!1,null,"7a7bd650",null,!1,n["a"],a);e["default"]=c.exports},"1f2b4":function(t,e,o){"use strict";o.d(e,"b",(function(){return i})),o.d(e,"c",(function(){return r})),o.d(e,"a",(function(){return n}));var n={uIcon:o("4569").default},i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("v-uni-view",{staticClass:"u-search",style:{margin:t.margin,backgroundColor:t.wrapBgColor},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clickHandler.apply(void 0,arguments)}}},[o("v-uni-view",{staticClass:"u-content",style:{backgroundColor:t.bgColor,borderRadius:"round"==t.shape?"100rpx":"10rpx",border:t.borderStyle,height:t.height+"rpx"}},[o("v-uni-view",{staticClass:"u-icon-wrap"},[o("u-icon",{staticClass:"u-clear-icon",attrs:{size:30,name:t.searchIcon,color:t.searchIconColor?t.searchIconColor:t.color}})],1),o("v-uni-input",{staticClass:"u-input",style:[{textAlign:t.inputAlign,color:t.color,backgroundColor:t.bgColor},t.inputStyle],attrs:{"confirm-type":"search",value:t.value,disabled:t.disabled,focus:t.focus,maxlength:t.maxlength,"placeholder-class":"u-placeholder-class",placeholder:t.placeholder,"placeholder-style":"color: "+t.placeholderColor,type:"text"},on:{blur:function(e){arguments[0]=e=t.$handleEvent(e),t.blur.apply(void 0,arguments)},confirm:function(e){arguments[0]=e=t.$handleEvent(e),t.search.apply(void 0,arguments)},input:function(e){arguments[0]=e=t.$handleEvent(e),t.inputChange.apply(void 0,arguments)},focus:function(e){arguments[0]=e=t.$handleEvent(e),t.getFocus.apply(void 0,arguments)}}}),t.keyword&&t.clearabled&&t.focused?o("v-uni-view",{staticClass:"u-close-wrap",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.clear.apply(void 0,arguments)}}},[o("u-icon",{staticClass:"u-clear-icon",attrs:{name:"close-circle-fill",size:"34",color:"#c0c4cc"}})],1):t._e()],1),t.hideRight?o("v-uni-view",{staticClass:"u-action",class:[t.showActionBtn||t.show?"u-action-active":""],style:[t.actionStyle],on:{click:function(e){e.stopPropagation(),e.preventDefault(),arguments[0]=e=t.$handleEvent(e),t.custom.apply(void 0,arguments)}}},[t._v(t._s(t.actionText))]):t._e()],1)},r=[]},2267:function(t,e,o){var n=o("91b7");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var i=o("4f06").default;i("6d8bbcec",n,!0,{sourceMap:!1,shadowMode:!1})},"259e":function(t,e,o){"use strict";o("a9e3"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={name:"u-image",props:{src:{type:String,default:""},mode:{type:String,default:"aspectFill"},width:{type:[String,Number],default:"100%"},height:{type:[String,Number],default:"auto"},shape:{type:String,default:"square"},borderRadius:{type:[String,Number],default:0},lazyLoad:{type:Boolean,default:!0},showMenuByLongpress:{type:Boolean,default:!0},loadingIcon:{type:String,default:"photo"},errorIcon:{type:String,default:"error-circle"},showLoading:{type:Boolean,default:!0},showError:{type:Boolean,default:!0},fade:{type:Boolean,default:!0},webp:{type:Boolean,default:!1},duration:{type:[String,Number],default:500},bgColor:{type:String,default:"#f3f4f6"}},data:function(){return{isError:!1,loading:!0,opacity:1,durationTime:this.duration,backgroundStyle:{}}},watch:{src:{immediate:!0,handler:function(t){t?this.isError=!1:(this.isError=!0,this.loading=!1)}}},computed:{wrapStyle:function(){var t={};return t.width=this.$u.addUnit(this.width),t.height=this.$u.addUnit(this.height),t.borderRadius="circle"==this.shape?"50%":this.$u.addUnit(this.borderRadius),t.overflow=this.borderRadius>0?"hidden":"visible",this.fade&&(t.opacity=this.opacity,t.transition="opacity ".concat(Number(this.durationTime)/1e3,"s ease-in-out")),t}},methods:{onClick:function(){this.$emit("click")},onErrorHandler:function(t){this.loading=!1,this.isError=!0,this.$emit("error",t)},onLoadHandler:function(){var t=this;if(this.loading=!1,this.isError=!1,this.$emit("load"),!this.fade)return this.removeBgColor();this.opacity=0,this.durationTime=0,setTimeout((function(){t.durationTime=t.duration,t.opacity=1,setTimeout((function(){t.removeBgColor()}),t.durationTime)}),50)},removeBgColor:function(){this.backgroundStyle={backgroundColor:"transparent"}}}};e.default=n},2869:function(t,e,o){"use strict";o.r(e);var n=o("edb0"),i=o.n(n);for(var r in n)"default"!==r&&function(t){o.d(e,t,(function(){return n[t]}))}(r);e["default"]=i.a},"2c25":function(t,e,o){var n=o("fe8b");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var i=o("4f06").default;i("326da538",n,!0,{sourceMap:!1,shadowMode:!1})},5969:function(t,e,o){"use strict";var n=o("2c25"),i=o.n(n);i.a},"5c2f":function(t,e,o){var n=o("24fb");e=n(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */.u-image[data-v-5c6487b9]{position:relative;transition:opacity .5s ease-in-out}.u-image__image[data-v-5c6487b9]{width:100%;height:100%}.u-image__loading[data-v-5c6487b9], .u-image__error[data-v-5c6487b9]{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#f3f4f6;color:#909399;font-size:%?46?%}',""]),t.exports=e},"660b":function(t,e,o){"use strict";o.d(e,"b",(function(){return i})),o.d(e,"c",(function(){return r})),o.d(e,"a",(function(){return n}));var n={uIcon:o("4569").default},i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("v-uni-view",{staticClass:"u-image",style:[t.wrapStyle,t.backgroundStyle],on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.onClick.apply(void 0,arguments)}}},[t.isError?t._e():o("v-uni-image",{staticClass:"u-image__image",style:{borderRadius:"circle"==t.shape?"50%":t.$u.addUnit(t.borderRadius)},attrs:{src:t.src,mode:t.mode,"lazy-load":t.lazyLoad},on:{error:function(e){arguments[0]=e=t.$handleEvent(e),t.onErrorHandler.apply(void 0,arguments)},load:function(e){arguments[0]=e=t.$handleEvent(e),t.onLoadHandler.apply(void 0,arguments)}}}),t.showLoading&&t.loading?o("v-uni-view",{staticClass:"u-image__loading",style:{borderRadius:"circle"==t.shape?"50%":t.$u.addUnit(t.borderRadius),backgroundColor:this.bgColor}},[t.$slots.loading?t._t("loading"):o("u-icon",{attrs:{name:t.loadingIcon,width:t.width,height:t.height}})],2):t._e(),t.showError&&t.isError&&!t.loading?o("v-uni-view",{staticClass:"u-image__error",style:{borderRadius:"circle"==t.shape?"50%":t.$u.addUnit(t.borderRadius)}},[t.$slots.error?t._t("error"):o("u-icon",{attrs:{name:t.errorIcon,width:t.width,height:t.height}})],2):t._e()],1)},r=[]},7171:function(t,e,o){"use strict";o.r(e);var n=o("660b"),i=o("cb4c");for(var r in i)"default"!==r&&function(t){o.d(e,t,(function(){return i[t]}))}(r);o("7208");var a,s=o("f0c5"),c=Object(s["a"])(i["default"],n["b"],n["c"],!1,null,"5c6487b9",null,!1,n["a"],a);e["default"]=c.exports},7208:function(t,e,o){"use strict";var n=o("774a"),i=o.n(n);i.a},"774a":function(t,e,o){var n=o("5c2f");"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var i=o("4f06").default;i("28f9c44e",n,!0,{sourceMap:!1,shadowMode:!1})},7882:function(t,e,o){"use strict";o.r(e);var n=o("1f2b4"),i=o("ed89");for(var r in i)"default"!==r&&function(t){o.d(e,t,(function(){return i[t]}))}(r);o("bc2f");var a,s=o("f0c5"),c=Object(s["a"])(i["default"],n["b"],n["c"],!1,null,"29e1f541",null,!1,n["a"],a);e["default"]=c.exports},"848c":function(t,e,o){"use strict";o("a9e3"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={name:"u-search",props:{shape:{type:String,default:"round"},bgColor:{type:String,default:"#f2f2f2"},placeholder:{type:String,default:"请输入关键字"},clearabled:{type:Boolean,default:!0},focus:{type:Boolean,default:!1},showAction:{type:Boolean,default:!0},actionStyle:{type:Object,default:function(){return{}}},actionText:{type:String,default:"搜索"},inputAlign:{type:String,default:"left"},disabled:{type:Boolean,default:!1},animation:{type:Boolean,default:!1},borderColor:{type:String,default:"none"},value:{type:String,default:""},height:{type:[Number,String],default:64},inputStyle:{type:Object,default:function(){return{}}},maxlength:{type:[Number,String],default:"-1"},searchIconColor:{type:String,default:""},color:{type:String,default:"#606266"},placeholderColor:{type:String,default:"#909399"},margin:{type:String},searchIcon:{type:String,default:"search"},wrapBgColor:{type:String,default:"#fff"},hideRight:{type:Boolean,default:!1}},data:function(){return{keyword:"",showClear:!1,show:!1,focused:this.focus}},watch:{keyword:function(t){this.$emit("input",t),this.$emit("change",t)},value:{immediate:!0,handler:function(t){this.keyword=t}}},computed:{showActionBtn:function(){return!(this.animation||!this.showAction)},borderStyle:function(){return this.borderColor?"1px solid ".concat(this.borderColor):"none"}},methods:{inputChange:function(t){this.keyword=t.detail.value},clear:function(){var t=this;this.keyword="",this.$nextTick((function(){t.$emit("clear")}))},search:function(t){this.$emit("search",t.detail.value);try{uni.hideKeyboard()}catch(t){}},custom:function(){this.$emit("custom",this.keyword);try{uni.hideKeyboard()}catch(t){}},getFocus:function(){this.focused=!0,this.animation&&this.showAction&&(this.show=!0),this.$emit("focus",this.keyword)},blur:function(){var t=this;setTimeout((function(){t.focused=!1}),100),this.show=!1,this.$emit("blur",this.keyword)},clickHandler:function(){this.disabled&&this.$emit("click")}}};e.default=n},"91b7":function(t,e,o){var n=o("24fb");e=n(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */.u-search[data-v-29e1f541]{display:flex;flex-direction:row;align-items:center;flex:1;padding:%?15?% %?20?%}.u-content[data-v-29e1f541]{display:flex;flex-direction:row;align-items:center;padding:0 %?18?%;flex:1}.u-clear-icon[data-v-29e1f541]{display:flex;flex-direction:row;align-items:center}.u-input[data-v-29e1f541]{flex:1;font-size:%?28?%;line-height:1;margin:0 %?10?%;color:#909399}.u-close-wrap[data-v-29e1f541]{width:%?40?%;height:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:50%}.u-placeholder-class[data-v-29e1f541]{color:#909399}.u-action[data-v-29e1f541]{font-size:%?28?%;color:#303133;width:0;overflow:hidden;transition:all .3s;white-space:nowrap;text-align:center}.u-action-active[data-v-29e1f541]{width:%?80?%;margin-left:%?10?%}',""]),t.exports=e},"9df2":function(t,e,o){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var n={data:function(){return{mescroll:null}},onPullDownRefresh:function(){this.mescroll&&this.mescroll.onPullDownRefresh()},onPageScroll:function(t){this.mescroll&&this.mescroll.onPageScroll(t)},onReachBottom:function(){this.mescroll&&this.mescroll.onReachBottom()},methods:{mescrollInit:function(t){console.log(t),this.mescroll=t,this.mescrollInitByRef()},mescrollInitByRef:function(){if(!this.mescroll||!this.mescroll.resetUpScroll){var t=this.$refs.mescrollRef;t&&(this.mescroll=t.mescroll)}},downCallback:function(){var t=this;this.mescroll.optUp.use?this.mescroll.resetUpScroll():setTimeout((function(){t.mescroll.endSuccess()}),500)},upCallback:function(){var t=this;setTimeout((function(){t.mescroll.endErr()}),500)}},mounted:function(){this.mescrollInitByRef()}},i=n;e.default=i},b0dc:function(t,e,o){"use strict";o.d(e,"b",(function(){return i})),o.d(e,"c",(function(){return r})),o.d(e,"a",(function(){return n}));var n={uSearch:o("7882").default,uIcon:o("4569").default,uImage:o("7171").default},i=function(){var t=this,e=t.$createElement,o=t._self._c||e;return o("mescroll-body",{ref:"mescrollRef",attrs:{up:t.upOption,down:t.downOption},on:{init:function(e){arguments[0]=e=t.$handleEvent(e),t.mescrollInit.apply(void 0,arguments)},up:function(e){arguments[0]=e=t.$handleEvent(e),t.upCallback.apply(void 0,arguments)},down:function(e){arguments[0]=e=t.$handleEvent(e),t.downCallback.apply(void 0,arguments)}}},[o("v-uni-view",{staticClass:"user-fans"},[o("v-uni-view",{staticClass:"header"},[o("u-search",{attrs:{shape:"round",background:"white",placeholder:"请输入搜索关键词"},on:{search:function(e){arguments[0]=e=t.$handleEvent(e),t.changeTab.apply(void 0,arguments)},custom:function(e){arguments[0]=e=t.$handleEvent(e),t.changeTab.apply(void 0,arguments)}},model:{value:t.keyword,callback:function(e){t.keyword=e},expression:"keyword"}}),o("v-uni-view",{staticClass:"top-bar flex bg-white md"},[o("v-uni-view",{staticClass:"bar-item flex",class:{"item-active":"all"==t.active},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeTab("all")}}},[t._v("全部粉丝")]),o("v-uni-view",{staticClass:"bar-item flex",class:{"item-active":"first"==t.active},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeTab("first")}}},[t._v("一级粉丝")]),o("v-uni-view",{staticClass:"bar-item flex",class:{"item-active":"second"==t.active},on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.changeTab("second")}}},[t._v("二级粉丝")])],1),o("v-uni-view",{staticClass:"sort-bar flex bg-white"},[o("v-uni-view",{staticClass:"sort-bar-item flex row-center",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.sortChange(0)}}},[o("v-uni-view",{class:0==t.sortType?"item-active":""},[t._v("团队排序")]),o("v-uni-view",{staticClass:"arrow-icon flex-col col-center row-center"},[o("u-icon",{attrs:{name:"arrow-up-fill",color:"asc"==t.fansSort?t.colorConfig.primary:t.colorConfig.normal}}),o("u-icon",{attrs:{name:"arrow-down-fill",color:"desc"==t.fansSort?t.colorConfig.primary:t.colorConfig.normal}})],1)],1),o("v-uni-view",{staticClass:"sort-bar-item flex row-center",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.sortChange(1)}}},[o("v-uni-view",{class:1==t.sortType?"item-active":""},[t._v("金额排序")]),o("v-uni-view",{staticClass:"arrow-icon flex-col col-center row-center"},[o("u-icon",{attrs:{name:"arrow-up-fill",color:"asc"==t.moneySort?t.colorConfig.primary:t.colorConfig.normal}}),o("u-icon",{attrs:{name:"arrow-down-fill",color:"desc"==t.moneySort?t.colorConfig.primary:t.colorConfig.normal}})],1)],1),o("v-uni-view",{staticClass:"sort-bar-item flex row-center",on:{click:function(e){arguments[0]=e=t.$handleEvent(e),t.sortChange(2)}}},[o("v-uni-view",{class:2==t.sortType?"item-active":""},[t._v("订单排序")]),o("v-uni-view",{staticClass:"arrow-icon flex-col col-center row-center"},[o("u-icon",{attrs:{name:"arrow-up-fill",color:"asc"==t.orderSort?t.colorConfig.primary:t.colorConfig.normal}}),o("u-icon",{attrs:{name:"arrow-down-fill",color:"desc"==t.orderSort?t.colorConfig.primary:t.colorConfig.normal}})],1)],1)],1)],1),o("v-uni-view",{staticClass:"content"},[o("v-uni-view",{staticClass:"card-box p-t-20"},t._l(t.fansList,(function(e,n){return o("v-uni-view",{key:n,staticClass:"card-item flex row-between bg-white p-20"},[o("v-uni-view",{staticClass:"flex"},[o("u-image",{attrs:{src:e.avatar,"border-radius":"50%",width:"100rpx",height:"100rpx"}}),o("v-uni-view",{staticClass:"fans-info m-l-20"},[o("v-uni-view",{staticClass:"fans-name bold line-1"},[t._v(t._s(e.nickname))]),o("v-uni-view",{staticClass:"flex lighter m-t-20"},[e.mobile?o("v-uni-view",{staticClass:"m-r-20"},[t._v(t._s(e.mobile))]):t._e(),o("v-uni-view",[t._v(t._s(e.create_time))])],1)],1)],1),o("v-uni-view",{staticClass:"flex-col xs flex-none m-l-20"},[o("v-uni-view",{staticClass:"msg"},[o("span",{staticClass:"primary"},[t._v(t._s(e.fans_team))]),t._v("人")]),o("v-uni-view",{staticClass:"m-t-5 msg"},[o("span",[t._v(t._s(e.fans_order))]),t._v("单")]),o("v-uni-view",{staticClass:"m-t-5 msg"},[o("span",[t._v(t._s(e.fans_money))]),t._v("元")])],1)],1)})),1)],1)],1)],1)},r=[]},bc2f:function(t,e,o){"use strict";var n=o("2267"),i=o.n(n);i.a},cb4c:function(t,e,o){"use strict";o.r(e);var n=o("259e"),i=o.n(n);for(var r in n)"default"!==r&&function(t){o.d(e,t,(function(){return n[t]}))}(r);e["default"]=i.a},ed89:function(t,e,o){"use strict";o.r(e);var n=o("848c"),i=o.n(n);for(var r in n)"default"!==r&&function(t){o.d(e,t,(function(){return n[t]}))}(r);e["default"]=i.a},edb0:function(t,e,o){"use strict";var n=o("4ea4");o("99af"),o("e25e"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0;var i=o("d429"),r=o("e9dc"),a=n(o("9df2")),s={mixins:[a.default],data:function(){return{upOption:{empty:{icon:"/static/images/order_null.png",tip:"暂无相关数据"}},active:"all",sortType:-1,keyword:"",fansSort:i.sortType.NONE,moneySort:i.sortType.NONE,orderSort:i.sortType.NONE,fansList:[]}},methods:{onRefresh:function(){this.fansList=[],this.mescroll.resetUpScroll()},upCallback:function(t){var e=this,o=this.fansSort,n=this.moneySort,i=this.orderSort,a=this.active,s=this.keyword,c={type:a,keyword:s,fans:o,money:n,order:i,page_size:t.size,page_no:t.num};(0,r.getUserFans)(c).then((function(o){var n=o.data;1==t.num&&(e.fansList=[]);var i=n.list,r=i.length,a=!!n.more;e.fansList=e.fansList.concat(i),e.mescroll.endSuccess(r,a)})).catch((function(){e.mescroll.endErr()}))},changeTab:function(t){this.active=t,this.onRefresh()},sortChange:function(t){var e=this.fansSort,o=this.moneySort,n=this.orderSort;switch(this.sortType=parseInt(t),this.sortType){case 0:e==i.sortType.DESC||e==i.sortType.NONE?(this.fansSort=i.sortType.ASC,this.moneySort=i.sortType.NONE,this.orderSort=i.sortType.NONE):e==i.sortType.ASC&&(this.fansSort=i.sortType.DESC,this.moneySort=i.sortType.NONE,this.orderSort=i.sortType.NONE);break;case 1:o==i.sortType.DESC||o==i.sortType.NONE?(this.moneySort=i.sortType.ASC,this.fansSort=i.sortType.NONE,this.orderSort=i.sortType.NONE):o==i.sortType.ASC&&(this.moneySort=i.sortType.DESC,this.fansSort=i.sortType.NONE,this.orderSort=i.sortType.NONE);break;case 2:n==i.sortType.DESC||n==i.sortType.NONE?(this.orderSort=i.sortType.ASC,this.moneySort=i.sortType.NONE,this.fansSort=i.sortType.NONE):n==i.sortType.ASC&&(this.orderSort=i.sortType.DESC,this.moneySort=i.sortType.NONE,this.fansSort=i.sortType.NONE);break}this.onRefresh()}}};e.default=s},fe8b:function(t,e,o){var n=o("24fb");e=n(!1),e.push([t.i,'@charset "UTF-8";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */.user-fans .header .top-bar[data-v-7a7bd650]{padding:%?18?% %?50?%;height:%?100?%}.user-fans .header .top-bar .bar-item[data-v-7a7bd650]{flex:1;padding:0 %?30?%;height:%?58?%}.user-fans .header .top-bar .bar-item[data-v-7a7bd650]:not(:last-of-type){margin-right:%?54?%}.user-fans .header .top-bar .item-active[data-v-7a7bd650]{color:#fff;background-color:#ff2c3c;border-radius:%?100?%}.user-fans .header .sort-bar[data-v-7a7bd650]{height:%?80?%}.user-fans .header .sort-bar .sort-bar-item[data-v-7a7bd650]{flex:1}.user-fans .header .sort-bar .sort-bar-item .arrow-icon[data-v-7a7bd650]{-webkit-transform:scale(.36);transform:scale(.36)}.user-fans .header .sort-bar .sort-bar-item .item-active[data-v-7a7bd650]{color:#ff2c3c}.content .card-box .card-item .fans-name[data-v-7a7bd650]{width:%?500?%}.content .card-box .card-item[data-v-7a7bd650]:not(:last-of-type){border-bottom:1px solid #e5e5e5}',""]),t.exports=e}}]);