Home Explore Help
Register Sign In
hs
/
traffic-eff-app
3
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Tree: 7498f5b8cc
Branches Tags
traffic-eff-app
/
dist
/
build
/
h5
/
static
/
js
/
pages-componentsC-scrollList-scrollList.8cf35dcf.js

pages-componentsC-scrollList-scrollList.8cf35dcf.js 9.8 KB
History Raw

1 
  1. (self["webpackChunkuview2_0_cli"]=self["webpackChunkuview2_0_cli"]||[]).push([[7103],{62834:function(t,i,l){var n=l(3576);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=l(56).Z;o("8f33b2b6",n,!0,{sourceMap:!1,shadowMode:!1})},40553:function(t,i,l){var n=l(18137);n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.id,n,""]]),n.locals&&(t.exports=n.locals);var o=l(56).Z;o("2bb26c5f",n,!0,{sourceMap:!1,shadowMode:!1})},69424:function(t,i,l){"use strict";var n;l.d(i,{Z:function(){return f}});var o=function(){var t=this,i=t.$createElement,l=t._self._c||i;return l("v-uni-view",{ref:"u-scroll-list",staticClass:"u-scroll-list"},[l("v-uni-scroll-view",{staticClass:"u-scroll-list__scroll-view",attrs:{"scroll-x":!0,"data-scrollWidth":t.scrollWidth,"data-barWidth":t.$u.getPx(t.indicatorBarWidth),"data-indicatorWidth":t.$u.getPx(t.indicatorWidth),"show-scrollbar":!1,"upper-threshold":0,"lower-threshold":0},on:{scroll:function(i){i=t.$handleWxsEvent(i),t.wxs.scroll(i,t.$getComponentDescriptor())},scrolltoupper:function(i){i=t.$handleWxsEvent(i),t.wxs.scrolltoupper(i,t.$getComponentDescriptor())},scrolltolower:function(i){i=t.$handleWxsEvent(i),t.wxs.scrolltolower(i,t.$getComponentDescriptor())}}},[l("v-uni-view",{staticClass:"u-scroll-list__scroll-view__content"},[t._t("default")],2)],1),t.indicator?l("v-uni-view",{staticClass:"u-scroll-list__indicator",style:[t.$u.addStyle(t.indicatorStyle)]},[l("v-uni-view",{staticClass:"u-scroll-list__indicator__line",style:[t.lineStyle]},[l("v-uni-view",{ref:"u-scroll-list__indicator__line__bar",staticClass:"u-scroll-list__indicator__line__bar",style:[t.barStyle]})],1)],1):t._e()],1)},e=[],s=l(66407),r=l(4587),c=(l(9653),{props:{indicatorWidth:{type:[String,Number],default:uni.$u.props.scrollList.indicatorWidth},indicatorBarWidth:{type:[String,Number],default:uni.$u.props.scrollList.indicatorBarWidth},indicator:{type:Boolean,default:uni.$u.props.scrollList.indicator},indicatorColor:{type:String,default:uni.$u.props.scrollList.indicatorColor},indicatorActiveColor:{type:String,default:uni.$u.props.scrollList.indicatorActiveColor},indicatorStyle:{type:[String,Object],default:uni.$u.props.scrollList.indicatorStyle}}}),a={name:"u-scroll-list",mixins:[uni.$u.mpMixin,uni.$u.mixin,c],data:function(){return{scrollInfo:{scrollLeft:0,scrollWidth:0},scrollWidth:0}},computed:{barStyle:function(){var t={};return t.width=uni.$u.addUnit(this.indicatorBarWidth),t.backgroundColor=this.indicatorActiveColor,t},lineStyle:function(){var t={};return t.width=uni.$u.addUnit(this.indicatorWidth),t.backgroundColor=this.indicatorColor,t}},mounted:function(){this.init()},methods:{init:function(){this.getComponentWidth()},scrollEvent:function(t){this.$emit(t)},getComponentWidth:function(){var t=this;return(0,r.Z)((0,s.Z)().mark((function i(){return(0,s.Z)().wrap((function(i){while(1)switch(i.prev=i.next){case 0:return i.next=2,uni.$u.sleep(30);case 2:t.$uGetRect(".u-scroll-list").then((function(i){t.scrollWidth=i.width}));case 3:case"end":return i.stop()}}),i)})))()}}},u=a,d=(l(62834),l(69453));function _(t){(t.options.wxs||(t.options.wxs={}))["wxs"]=function(t){function i(t,i){var l=t.detail,n=l.scrollWidth,e=l.scrollLeft,s=t.currentTarget.dataset,r=s.scrollWidth||s.scrollwidth||0,c=s.indicatorWidth||s.indicatorwidth||0,a=s.barWidth||s.barwidth||0,u=e/(n-r)*(c-a);o(i,u)}function l(t,i){i.callMethod("scrollEvent","right");var l=t.currentTarget.dataset,n=l.indicatorWidth||l.indicatorwidth||0,e=l.barWidth||l.barwidth||0;o(i,n-e)}function n(t,i){i.callMethod("scrollEvent","left"),o(i,0)}function o(t,i){t.selectComponent(".u-scroll-list__indicator__line__bar")&&t.selectComponent(".u-scroll-list__indicator__line__bar").setStyle({transform:"translateX("+i+"px)"})}return t.exports={scroll:i,scrolltolower:l,scrolltoupper:n},t.exports}({exports:{}})}var p,h=_,v=(0,d.Z)(u,o,e,!1,null,"35b4785a",null,!1,n,p);"function"===typeof h&&h(v);var f=v.exports},24499:function(t,i,l){"use strict";l.r(i),l.d(i,{default:function(){return d}});var n,o={uScrollList:l(69424).Z,uIcon:l(38275).Z},e=function(){var t=this,i=t.$createElement,l=t._self._c||i;return l("v-uni-view",{staticClass:"u-page"},[l("v-uni-view",{staticClass:"u-demo-block"},[l("v-uni-text",{staticClass:"u-demo-block__title",staticStyle:{"margin-bottom":"15px"}},[t._v("基础使用")]),l("u-scroll-list",{attrs:{indicatorColor:"#fff0f0",indicatorActiveColor:"#f56c6c"},on:{right:function(i){arguments[0]=i=t.$handleEvent(i),t.right.apply(void 0,arguments)},left:function(i){arguments[0]=i=t.$handleEvent(i),t.left.apply(void 0,arguments)}}},[l("v-uni-view",{staticClass:"scroll-list",staticStyle:{"flex-direction":"row"}},[t._l(t.goodsArr,(function(i,n){return l("v-uni-view",{key:n,staticClass:"scroll-list__goods-item",class:[9===n&&"scroll-list__goods-item--no-margin-right"]},[l("v-uni-image",{staticClass:"scroll-list__goods-item__image",attrs:{src:t.goodsBaseUrl+i.thumbnail,mode:""}}),l("v-uni-text",{staticClass:"scroll-list__goods-item__text"},[t._v("￥"+t._s(i.price))])],1)})),l("v-uni-view",{staticClass:"scroll-list__show-more",on:{click:function(i){arguments[0]=i=t.$handleEvent(i),t.showMore.apply(void 0,arguments)}}},[l("v-uni-text",{staticClass:"scroll-list__show-more__text"},[t._v("查看更多")]),l("u-icon",{attrs:{name:"arrow-leftward",color:"#f56c6c",size:"12"}})],1)],2)],1)],1),l("v-uni-view",{staticClass:"u-demo-block"},[l("v-uni-text",{staticClass:"u-demo-block__title"},[t._v("多菜单扩展")]),l("u-scroll-list",[l("v-uni-view",{staticClass:"scroll-list"},t._l(t.menuArr,(function(i,n){return l("v-uni-view",{key:n,staticClass:"scroll-list__line"},t._l(i,(function(n,o){return l("v-uni-view",{key:o,staticClass:"scroll-list__line__item",class:[o===i.length-1&&"scroll-list__line__item--no-margin-right"]},[l("v-uni-image",{staticClass:"scroll-list__line__item__image",attrs:{src:t.menuBaseUrl+n.icon,mode:""}}),l("v-uni-text",{staticClass:"scroll-list__line__item__text"},[t._v(t._s(n.name))])],1)})),1)})),1)],1)],1)],1)},s=[],r={data:function(){return{goodsBaseUrl:"https://cdn.uviewui.com/uview/goods/",menuBaseUrl:"https://cdn.uviewui.com/uview/menu/",goodsArr:[{price:"230.5",thumbnail:"1.jpg"},{price:"74.1",thumbnail:"2.jpg"},{price:"8457",thumbnail:"6.jpg"},{price:"1442",thumbnail:"5.jpg"},{price:"541",thumbnail:"2.jpg"},{price:"234",thumbnail:"3.jpg"},{price:"562",thumbnail:"4.jpg"},{price:"251.5",thumbnail:"1.jpg"}],menuArr:[[{name:"天猫新品",icon:"11.png"},{name:"今日爆款",icon:"9.png"},{name:"天猫国际",icon:"17.png"},{name:"饿了么",icon:"6.png"},{name:"天猫超市",icon:"11.png"},{name:"分类",icon:"2.png"},{name:"天猫美食",icon:"3.png"},{name:"阿里健康",icon:"12.png"},{name:"口碑生活",icon:"7.png"}],[{name:"充值中心",icon:"8.png"},{name:"机票酒店",icon:"10.png"},{name:"金币庄园",icon:"18.png"},{name:"阿里拍卖",icon:"15.png"},{name:"淘宝吃货",icon:"16.png"},{name:"闲鱼",icon:"4.png"},{name:"会员中心",icon:"6.png"},{name:"造点新货",icon:"13.png"},{name:"土货鲜食",icon:"14.png"}]]}},methods:{showMore:function(){uni.$u.toast("查看更多")},left:function(){console.log("left")},right:function(){console.log("right")}}},c=r,a=(l(40553),l(69453)),u=(0,a.Z)(c,e,s,!1,null,"4b7c4581",null,!1,o,n),d=u.exports},3576:function(t,i,l){"use strict";l.r(i);var n=l(43481),o=l.n(n),e=l(2400),s=l.n(e),r=s()(o());r.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */uni-view[data-v-35b4785a], uni-scroll-view[data-v-35b4785a], uni-swiper-item[data-v-35b4785a]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-scroll-list[data-v-35b4785a]{padding-bottom:10px}.u-scroll-list__scroll-view[data-v-35b4785a]{\ndisplay:flex;\nflex-direction:row}.u-scroll-list__scroll-view__content[data-v-35b4785a]{\ndisplay:flex;\nflex-direction:row}.u-scroll-list__indicator[data-v-35b4785a]{\ndisplay:flex;\nflex-direction:row;justify-content:center;margin-top:15px}.u-scroll-list__indicator__line[data-v-35b4785a]{width:60px;height:4px;border-radius:100px;overflow:hidden}.u-scroll-list__indicator__line__bar[data-v-35b4785a]{width:20px;height:4px;border-radius:100px}',""]),i["default"]=r},18137:function(t,i,l){"use strict";l.r(i);var n=l(43481),o=l.n(n),e=l(2400),s=l.n(e),r=s()(o());r.push([t.id,'@charset "UTF-8";\n/**\n * 下方引入的为uView UI的集成样式文件，为scss预处理器，其中包含了一些"u-"开头的自定义变量\n * 使用的时候，请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可\n * uView自定义的css类名和scss变量，均以"u-"开头，不会造成冲突，请放心使用\n */.scroll-list[data-v-4b7c4581]{display:flex;flex-direction:column}.scroll-list__goods-item[data-v-4b7c4581]{margin-right:20px}.scroll-list__goods-item__image[data-v-4b7c4581]{width:60px;height:60px;border-radius:4px}.scroll-list__goods-item__text[data-v-4b7c4581]{color:#f56c6c;text-align:center;font-size:12px;margin-top:5px}.scroll-list__show-more[data-v-4b7c4581]{background-color:#fff0f0;border-radius:3px;padding:3px 6px;display:flex;flex-direction:column;align-items:center}.scroll-list__show-more__text[data-v-4b7c4581]{font-size:12px;width:12px;color:#f56c6c;line-height:16px}.scroll-list__line[data-v-4b7c4581]{display:flex;flex-direction:row;margin-top:10px}.scroll-list__line__item[data-v-4b7c4581]{margin-right:15px}.scroll-list__line__item__image[data-v-4b7c4581]{width:61px;height:48px}.scroll-list__line__item__text[data-v-4b7c4581]{margin-top:5px;color:#606266;font-size:12px;text-align:center}.scroll-list__line__item--no-margin-right[data-v-4b7c4581]{margin-right:0}',""]),i["default"]=r}}]);
    2.