| 1 |
- (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[2726],{27770:function(e,t,i){var n=i(25888);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[e.id,n,""]]),n.locals&&(e.exports=n.locals);var s=i(56).Z;s("1fee9f53",n,!0,{sourceMap:!1,shadowMode:!1})},6831:function(e,t,i){var n=i(80019);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[e.id,n,""]]),n.locals&&(e.exports=n.locals);var s=i(56).Z;s("7c0607c2",n,!0,{sourceMap:!1,shadowMode:!1})},96947:function(e,t,i){"use strict";var n;i.d(t,{Z:function(){return p}});var s,r=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("v-uni-view",{staticClass:"u-line-progress",style:[e.$u.addStyle(e.customStyle)]},[i("v-uni-view",{ref:"u-line-progress__background",staticClass:"u-line-progress__background",style:[{backgroundColor:e.inactiveColor,height:e.$u.addUnit(e.height)}]}),i("v-uni-view",{staticClass:"u-line-progress__line",style:[e.progressStyle]},[e._t("default",[e.showText&&e.percentage>=10?i("v-uni-text",{staticClass:"u-line-progress__text"},[e._v(e._s(e.innserPercentage+"%"))]):e._e()])],2)],1)},o=[],a=(i(9653),{props:{activeColor:{type:String,default:uni.$u.props.lineProgress.activeColor},inactiveColor:{type:String,default:uni.$u.props.lineProgress.color},percentage:{type:[String,Number],default:uni.$u.props.lineProgress.inactiveColor},showText:{type:Boolean,default:uni.$u.props.lineProgress.showText},height:{type:[String,Number],default:uni.$u.props.lineProgress.height}}}),c={name:"u-line-progress",mixins:[uni.$u.mpMixin,uni.$u.mixin,a],data:function(){return{lineWidth:0}},watch:{percentage:function(e){this.resizeProgressWidth()}},computed:{progressStyle:function(){var e={};return e.width=this.lineWidth,e.backgroundColor=this.activeColor,e.height=uni.$u.addUnit(this.height),e},innserPercentage:function(){return uni.$u.range(0,100,this.percentage)}},mounted:function(){this.init()},methods:{init:function(){var e=this;uni.$u.sleep(20).then((function(){e.resizeProgressWidth()}))},getProgressWidth:function(){return this.$uGetRect(".u-line-progress__background")},resizeProgressWidth:function(){var e=this;this.getProgressWidth().then((function(t){var i=t.width;e.lineWidth=i*e.innserPercentage/100+"px"}))}}},u=c,l=(i(27770),i(69453)),d=(0,l.Z)(u,r,o,!1,null,"5a885ee4",null,!1,n,s),p=d.exports},71761:function(e,t,i){"use strict";i.r(t),i.d(t,{default:function(){return d}});var n,s={uLineProgress:i(96947).Z},r=function(){var e=this,t=e.$createElement,i=e._self._c||t;return i("v-uni-view",{staticClass:"u-page"},[i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("基础功能")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{percentage:e.percentage1}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("不显示百分比")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{showText:!1,percentage:e.percentage2}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("自定义高度")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{height:"8",showText:!1,percentage:e.percentage3}})],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("自定义颜色")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{height:"8",showText:!1,percentage:e.percentage4,activeColor:"#3c9cff",inactiveColor:"#f3f4f6"}})],1)],1),e.androidNvue?e._e():i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("自定义样式(不支持安卓环境的nvue)")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{height:"8",showText:!1,percentage:e.percentage5,activeColor:"#3c9cff",inactiveColor:"#f3f4f6"}},[i("v-uni-text",{staticClass:"u-percentage-slot"},[e._v(e._s(e.percentage4)+"%")])],1)],1)],1),i("v-uni-view",{staticClass:"u-demo-block"},[i("v-uni-text",{staticClass:"u-demo-block__title"},[e._v("手动加减")]),i("v-uni-view",{staticClass:"u-demo-block__content"},[i("u-line-progress",{attrs:{height:"8",showText:!1,percentage:e.percentage6,activeColor:"#3c9cff",inactiveColor:"#f3f4f6"}}),i("v-uni-view",{staticClass:"button-group"},[i("v-uni-view",{staticClass:"button-group__circle",attrs:{"hover-class":"u-hover-class"},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.computedWidth("minus")}}},[i("v-uni-text",{staticClass:"button-group__circle__text"},[e._v("减少")])],1),i("v-uni-view",{staticClass:"button-group__circle",attrs:{"hover-class":"u-hover-class"},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.computedWidth("plus")}}},[i("v-uni-text",{staticClass:"button-group__circle__text"},[e._v("增加")])],1)],1)],1)],1)],1)},o=[],a={data:function(){return{androidNvue:!1,percentage1:30,percentage2:40,percentage3:50,percentage4:60,percentage5:70,percentage6:50}},onLoad:function(){var e=this;uni.$u.sleep(2500).then((function(){e.percentage1=120}))},methods:{computedWidth:function(e){this.percentage6="plus"===e?uni.$u.range(0,100,this.percentage6+10):uni.$u.range(0,100,this.percentage6-10)}}},c=a,u=(i(6831),i(69453)),l=(0,u.Z)(c,r,o,!1,null,"6c3f510d",null,!1,s,n),d=l.exports},25888:function(e,t,i){"use strict";i.r(t);var n=i(43481),s=i.n(n),r=i(2400),o=i.n(r),a=o()(s());a.push([e.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-5a885ee4], uni-scroll-view[data-v-5a885ee4], uni-swiper-item[data-v-5a885ee4]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-line-progress[data-v-5a885ee4]{align-items:stretch;position:relative;\ndisplay:flex;\nflex-direction:row;flex:1;overflow:hidden;border-radius:100px}.u-line-progress__background[data-v-5a885ee4]{background-color:#ececec;border-radius:100px;flex:1}.u-line-progress__line[data-v-5a885ee4]{position:absolute;top:0;left:0;bottom:0;align-items:center;\ndisplay:flex;\nflex-direction:row;color:#fff;border-radius:100px;transition:width .5s ease;justify-content:flex-end}.u-line-progress__text[data-v-5a885ee4]{font-size:10px;align-items:center;text-align:right;color:#fff;margin-right:5px;-webkit-transform:scale(.9);transform:scale(.9)}',""]),t["default"]=a},80019:function(e,t,i){"use strict";i.r(t);var n=i(43481),s=i.n(n),r=i(2400),o=i.n(r),a=o()(s());a.push([e.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.u-percentage-slot[data-v-6c3f510d]{padding:1px 5px;background-color:#f9ae3d;color:#fff;border-radius:100px;font-size:10px;margin-right:-5px}.u-demo-block__content[data-v-6c3f510d]{flex-direction:column!important;flex-wrap:nowrap;align-items:stretch}.button-group[data-v-6c3f510d]{display:flex;flex-direction:row;justify-content:center}.button-group__circle[data-v-6c3f510d]{width:50px;height:50px;background-color:#dbfbdb;border-radius:100px;justify-content:center;align-items:center;margin:30px 30px}.button-group__circle__text[data-v-6c3f510d]{color:#19be6b;font-size:13px}',""]),t["default"]=a}}]);
|
