| | |
| | | margin: auto; max-width: 800px; font-size: .28rem; overflow: hidden; position: relative; z-index: 1; |
| | | overflow: hidden; |
| | | } |
| | | #appMain:before { |
| | | content: "";display: block;position: absolute;top: 0;left: -20%;height: 3.88rem;width: 140%;background: linear-gradient(90deg,#fbe7e2,#fbe7e2) no-repeat;background-size: 100%; |
| | | border-radius: 0 0 50% 50%;z-index: -1; |
| | | } |
| | | |
| | | |
| | | .h3bt { |
| | | width: 1.66rem; |
| | |
| | | .act_header{ |
| | | z-index: 200; width: 100%; background: no-repeat top; background-size: 100% auto; |
| | | display: flex; align-items: center; justify-content: space-between; |
| | | position: fixed;background: linear-gradient(90deg, #fbe7e2 0%, #fbe7e2 100%) 0% 0% / 100%; |
| | | background: linear-gradient(90deg, #fbe7e2 0%, #fbe7e2 100%) 0% 0% / 100%; |
| | | color: #fff; |
| | | max-width: 800px; |
| | | } |
| | |
| | | |
| | | |
| | | .list-section{ |
| | | display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.87%;margin-top: 0.6rem; |
| | | display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.87%;margin-top: 0.05rem; |
| | | } |
| | | .list-section .listTmp{ |
| | | width: 49%;background: #fff;border-radius: .08rem;margin-bottom: .14rem;box-sizing: border-box; |
| | |
| | | .sort { |
| | | background-color: #ea2424; |
| | | border-radius: .2rem .2rem 0 0; |
| | | margin-top: 0.8rem; |
| | | } |
| | | |
| | | .sort-list { |
| | |
| | | </style> |
| | | </head> |
| | | |
| | | <body > |
| | | <body style="background: #fbe7e2;"> |
| | | |
| | | <header class="act_header"> |
| | | <div></div> |
| | | <div class="centent"><img src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/xinrengoubanner.png" alt=""></div> |
| | | <div class="share"> |
| | | <!-- <a href="">分享</a> --> |
| | | </div> |
| | | |
| | | </header> |
| | | <div id="appMain" > |
| | | <div :style="{ height: (twoNav && twoNav.length > 0) ? '2.3rem' : '2.3rem'}"></div> |
| | | |
| | | <div class="sort"> |
| | | <ul class="sort-list"> |
| | | <li v-for="item in fristOrderSort" v-bind:class="{'sort-active': item.number == sortNumber}" |
| | |
| | | activeTwo:undefined, |
| | | loading:true, |
| | | isUniReady:false, |
| | | plat:'dy', |
| | | plat:'tb', |
| | | //posturl:"http://dfg.shop.com" |
| | | posturl:"http://appapitest.ushopvip.com" |
| | | //posturl:"http://dfgapp.ushopvip.com" |
| | | }, |
| | | methods: { |
| | | Infoformat: function(info){ |
| | | let formatObj = info.replace(/\%/g,"%25") |
| | | formatObj = info.replace(/\#/g,"%23") |
| | | formatObj = info.replace(/\&/g,"%26") |
| | | formatObj = info.replace(/\?/g,"%3F") |
| | | return formatObj; |
| | | }, |
| | | targetItem:function(item){ |
| | | uni.navigateTo({ |
| | | url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy' |
| | | }); |
| | | switch(this.plat) |
| | | { |
| | | case "tb": |
| | | uni.navigateTo({ |
| | | url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy' |
| | | }); |
| | | break; |
| | | case "dy": |
| | | var itemsStr=this.Infoformat(JSON.stringify(items)); |
| | | uni.navigateTo({ |
| | | url: '/pages/goods/goodsDetail?sourcefrom=freebuy&info=' + itemsStr+'&frompage=freebuy' |
| | | }); |
| | | break; |
| | | } |
| | | |
| | | /* if(this.isUniReady) |
| | | { |
| | | uni.postMessage({ |
| | |
| | | } */ |
| | | }, |
| | | handleSort: function(item) { |
| | | if(this.sortNumber == item.number) { |
| | | if(item.min === item.max) { |
| | | return; |
| | | } |
| | | if(item.bool) { |
| | | this.sortId = item.min; |
| | | item.bool = false; |
| | | } else { |
| | | this.sortId = item.max; |
| | | item.bool = true; |
| | | } |
| | | } else { |
| | | item.bool = true; |
| | | if(this.sortNumber != item.number) { |
| | | this.loading=true; |
| | | this.lists=[]; |
| | | this.getgoodsSwitch(item.number); |
| | | this.sortNumber = item.number; |
| | | this.sortId = item.max; |
| | | this.plat=item.number; |
| | | } |
| | | this.getgoodsSwitch(item.number); |
| | | }, |
| | | getUrlPar:function(name) |
| | | { |
| | |
| | | pageSize:40, |
| | | } |
| | | }).done(function(res){ |
| | | _this.lists=[].concat(_this.lists,res.data.list); |
| | | _this.lists=[].concat([],res.data.list); |
| | | _this.loading = false; |
| | | }) |
| | | }, |
| | |
| | | pageSize:40, |
| | | } |
| | | }).done(function(res){ |
| | | _this.lists=[].concat(_this.lists,res.data.list); |
| | | _this.lists=[].concat([],res.data.list); |
| | | _this.loading = false; |
| | | }) |
| | | }, |