vaneditor/dist/build/h5/static/js/pages-beauty-list.3752c5b1.js

``` 移动端ui框架统一用uView,css扩展语言用scss,全局数据管理vuex,统一样式主体风格颜色定义/src/uni.scss ```

(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-beauty-list"],{"03b4":function(t,e,i){"use strict";var a=function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("v-uni-view",{staticClass:"touristAttractionList"},[i("div",{staticClass:"search-box"},[i("div",{staticClass:"searchPosition"},[i("search",{attrs:{name:t.form.bodyName,isFixed:!1,cityName:t.city.name,areaShow:!0,actions:t.actions,menu:t.menu},on:{search:function(e){e=t.$handleEvent(e),t.querySearchData(e)},nameInput:function(e){e=t.$handleEvent(e),t.nameInput(e)},changePicker:function(e){e=t.$handleEvent(e),t.changePicker(e)},confirm:function(e){e=t.$handleEvent(e),t.confirm(e)},reset:function(e){e=t.$handleEvent(e),t.reset(e)}}})],1)]),i("div",{staticClass:"main"},[i("ul",{directives:[{name:"show",rawName:"v-show",value:t.list,expression:"list"}],staticClass:"beauty-list"},[t._l(t.list,(function(e,a){return i("li",{key:a,staticClass:"beauty-item",on:{click:function(i){i=t.$handleEvent(i),t.handleClick(e)}}},[i("v-uni-view",{staticClass:"item"},[i("div",{staticClass:"imgBox"},[i("v-uni-image",{staticClass:"img img1",attrs:{src:t.$getImg(e.coverImagesUrl),mode:"aspectFill"}})],1),i("p",{directives:[{name:"show",rawName:"v-show",value:e.rank&&1!==e.rank,expression:"item.rank && item.rank !== 1"}],staticClass:"star"},t._l(e.rank,(function(e){return i("span",{key:e},[t._v("A")])})),0),i("div",{staticClass:"name"},[i("h1",[t._v(t._s(e.name))]),i("div",{staticClass:"tags"},[e.tagList.length>0?i("span",t._l(e.tagList,(function(e){return i("span",{key:e,staticClass:"tag"},[t._v(t._s(e))])})),0):t._e()]),i("div",[i("span",{directives:[{name:"show",rawName:"v-show",value:e.referPrice,expression:"item.referPrice"}],staticClass:"price"},[i("span",{staticClass:"uit"},[t._v("￥")]),i("span",{staticClass:"num"},[t._v(t._s(e.referPrice||0))]),i("span",{staticClass:"suffix"},[t._v("起")])]),i("span",{directives:[{name:"show",rawName:"v-show",value:e.totalCount,expression:"item.totalCount"}],staticClass:"sold"},[t._v("已有"+t._s(e.totalCount)+"出游")])])])])],1)})),i("div",{staticClass:"clear"})],2),t.end&&!t.page.loading?i("p",{staticClass:"end"},[t._v("没有更多")]):t._e(),t.page.loading?i("uni-load-more",{attrs:{status:"loading"}}):t._e()],1),i("scroll-top")],1)},n=[];i.d(e,"a",(function(){return a})),i.d(e,"b",(function(){return n}))},1772:function(t,e,i){"use strict";var a=i("d7a2"),n=i.n(a);n.a},"446e":function(t,e,i){"use strict";i.r(e);var a=i("03b4"),n=i("760a");for(var o in n)"default"!==o&&function(t){i.d(e,t,(function(){return n[t]}))}(o);i("1772");var s=i("2877"),r=Object(s["a"])(n["default"],a["a"],a["b"],!1,null,"1e05b308",null);e["default"]=r.exports},"760a":function(t,e,i){"use strict";i.r(e);var a=i("fb07"),n=i.n(a);for(var o in a)"default"!==o&&function(t){i.d(e,t,(function(){return a[t]}))}(o);e["default"]=n.a},ce5c:function(t,e,i){e=t.exports=i("2350")(!1),e.push([t.i,".touristAttractionList .search-box[data-v-1e05b308]{position:relative}.touristAttractionList .main[data-v-1e05b308]{position:relative;top:0}.touristAttractionList .beauty-list[data-v-1e05b308]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column}.touristAttractionList .beauty-list .beauty-item[data-v-1e05b308]{position:relative;background-color:#fff;margin:%?20?% auto 0;width:%?690?%;height:%?230?%}.touristAttractionList .beauty-list .beauty-item[data-v-1e05b308]:last-child{border-bottom:0}.touristAttractionList .beauty-list .item[data-v-1e05b308]{position:relative;background-color:#fff;border-radius:%?8?%;overflow:hidden}.touristAttractionList .beauty-list .item .name[data-v-1e05b308]{float:right;display:inline-block;width:%?380?%}.touristAttractionList .beauty-list .item .name h1[data-v-1e05b308]{height:%?52?%;line-height:%?52?%;letter-spacing:0;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:%?30?%;font-weight:600;margin:%?7?% 0 8px 0}.touristAttractionList .beauty-list .item .name .sold[data-v-1e05b308]{color:#666;float:right;font-size:%?22?%;padding-right:%?30?%}.touristAttractionList .beauty-list .item .name .price[data-v-1e05b308]{float:left;font-size:%?20?%;font-weight:600;color:#fc4747;width:%?160?%;display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;-webkit-justify-content:flex-start;justify-content:flex-start}.touristAttractionList .beauty-list .item .name .price .num[data-v-1e05b308]{font-weight:700;font-size:%?28?%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.touristAttractionList .beauty-list .item .name .price .suffix[data-v-1e05b308]{color:#666;font-size:%?22?%;font-weight:400}.touristAttractionList .beauty-list .item .tags[data-v-1e05b308]{overflow:hidden;width:100%;height:%?96?%;float:right;margin-bottom:%?10?%}.touristAttractionList .beauty-list .item .tag[data-v-1e05b308]{display:inline-block;font-size:%?20?%;color:#ff740b;height:%?30?%;line-height:%?30?%;border:%?1?% solid #ff740b;border-radius:%?4?%;text-align:center;padding:%?2?% %?10?%;margin:0 %?16?% %?10?% 0}.touristAttractionList .beauty-list .item .imgBox[data-v-1e05b308]{display:inline-block;width:%?280?%;height:%?230?%;background-position:50%;background-size:cover;background-repeat:no-repeat;overflow:hidden}.touristAttractionList .beauty-list .item .imgBox .img[data-v-1e05b308]{float:left;background-position:50%;background-size:cover;background-repeat:no-repeat}.touristAttractionList .beauty-list .item .imgBox .img1[data-v-1e05b308]{width:%?280?%;height:%?230?%}.touristAttractionList .beauty-list .item .star[data-v-1e05b308]{font-size:%?22?%;position:absolute;left:0;top:0;height:%?30?%;line-height:%?30?%;background:#646464;color:#fff;letter-spacing:1px;padding:0 %?14?%;border-radius:0 0 %?20?% 0}.touristAttractionList .beauty-list .item .star>span[data-v-1e05b308]{font-size:%?22?%}.end[data-v-1e05b308]{text-align:center;font-size:%?28?%;padding:%?20?%}",""])},d7a2:function(t,e,i){var a=i("ce5c");"string"===typeof a&&(a=[[t.i,a,""]]),a.locals&&(t.exports=a.locals);var n=i("4f06").default;n("b5eca7b0",a,!0,{sourceMap:!1,shadowMode:!1})},fb07:function(t,e,i){"use strict";var a=i("4ea4");Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,i("8e6e"),i("ac6a"),i("456d"),i("28a5");var n=a(i("bd86"));i("96cf");var o=a(i("3b8d")),s=a(i("09c2")),r=a(i("1427")),c=i("cc87");function l(t,e){var i=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.push.apply(i,a)}return i}function u(t){for(var e=1;e<arguments.length;e++){var i=null!=arguments[e]?arguments[e]:{};e%2?l(i,!0).forEach((function(e){(0,n.default)(t,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(i)):l(i).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(i,e))}))}return t}var d={data:function(){return{city:{name:"地区",code:""},actions:[],showSheet:!1,isFixed:!1,form:{bodyName:"",districtCode:"",cityCode:"",provinceCode:"",labelCode:"",orderByIndex:10},end:!1,page:{pageSize:10,currentPage:1,count:0,loading:!1,finished:!1},list:[],menu:[{title:"类型",detailList:[]},{title:"排序",style:"columnar",detailList:[{name:"默认",code:10},{name:"销量从高到低",code:21},{name:"评分从高到低",code:60},{name:"价格从高到低",code:31},{name:"价格从低到高",code:30}]}]}},components:{uniLoadMore:s.default,search:r.default},onLoad:function(t){this.form.cityCode=t.cityCode||"",this.init()},onPullDownRefresh:function(){this.list=[],this.page.currentPage=1,this.queryData("refresh")},onReachBottom:function(){this.list.length<this.page.count&&this.queryData()},methods:{init:function(){var t=(0,o.default)(regeneratorRuntime.mark((function t(){var e;return regeneratorRuntime.wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,(0,c.getListByCode)("scenicTag","/weChat/ticket/queryLabelByCode",!0);case 2:e=t.sent,this.menu[0].detailList=e,this.queryData();case 5:case"end":return t.stop()}}),t,this)})));function e(){return t.apply(this,arguments)}return e}(),getRegions:function(){var t=this,e="330700000000",i=(0,c.getLIstByCodeSimple)(e);i.then((function(e){t.actions=e.map((function(t){return{name:t.name,code:t.code}})),t.actions.unshift({name:"金华市",code:""}),t.city=t.actions[0]}))},handleClick:function(t){uni.navigateTo({url:"/pages/beauty/detail?id=".concat(t.scenicspotId)})},nameInput:function(t){this.form.bodyName=t.target.value||""},querySearchData:function(){this.page.currentPage=1,this.list=[],this.finished=!1,this.queryData()},confirm:function(t){0===t.index?this.form.labelCode=t.code||"":1===t.index&&(this.form.orderByIndex=t.code||""),this.querySearchData()},changePicker:function(t){var e=t.label?t.label:"请选择";this.city.name=e,this.genAreaCode(t.cityCode),this.querySearchData()},genAreaCode:function(t){t.area?(this.form.districtCode=t.area+"000000",this.city.code=this.form.districtCode):t.city?(this.form.cityCode=t.city+"00000000",this.city.code=this.form.cityCode):t.province?(this.form.provinceCode=t.province+"0000000000",this.city.code=this.form.provinceCode):(this.form.provinceCode="",this.form.cityCode="",this.form.districtCode="",this.city.code="")},reset:function(t){0===t?this.form.labelCode="":1===t&&(this.form.orderByIndex=10),this.querySearchData()},queryData:function(t){var e=this;this.page.loading=!0,this.$ajax({method:"post",url:"/weChat/ticket/queryBodyPage",data:u({},this.form,{},this.page,{cityCode:this.form.cityCode||"",isSelling:0})}).then((function(i){e.page.count=i.count,e.list.push.apply(e.list,e.renderData(i.data)),e.list.length>=e.page.count&&(e.end=!0),e.page.currentPage+=1,"refresh"===t&&uni.stopPullDownRefresh(),e.page.loading=!1}))},renderData:function(t){return t.map((function(t){return u({},t,{scenicspotId:t.bodyId,name:t.bodyName,coverImagesUrl:t.cover,photoImagesUrls:t.images,rank:t.starType<=5?t.starType:5,tagList:t.labelName?t.labelName.split(","):[]})}))}}};e.default=d}}]);