| | |
|---|
| | | |
|---|
| | | <body> |
|---|
| | | <template id="c-card"> |
|---|
| | | |
|---|
| | | <div class="card row _ flex-c"> |
|---|
| | | |
|---|
| | | <img class="cover" v-lazy="item.itempic" v-if="item.itempic"/> |
|---|
| | | <img |
|---|
| | | class="cover" |
|---|
| | |
|---|
| | | alt="" |
|---|
| | | v-else |
|---|
| | | /> |
|---|
| | | <div class="detail"> |
|---|
| | | <div class="detail" v-on:click.capture="buy"> |
|---|
| | | <div class="title"> |
|---|
| | | <span>{{ item.itemshorttitle || item.itemtitle }}</span> |
|---|
| | | </div> |
|---|
| | |
|---|
| | | <div class="label">抢购价</div> |
|---|
| | | <div class="value">￥<strong>{{ Number(item.itemendprice) }}</strong></div> |
|---|
| | | </div> |
|---|
| | | <div class="origin"> |
|---|
| | | <!-- <div class="origin"> |
|---|
| | | <del>￥{{ Number(item.itemprice) }}</del> |
|---|
| | | </div> |
|---|
| | | </div> --> |
|---|
| | | </div> |
|---|
| | | <div class="btn-block"> |
|---|
| | | <div class="_ btn btn-order"> |
|---|
| | |
|---|
| | | </div> |
|---|
| | | </div> |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | |
|---|
| | | <div id="single-page-app" v-cloak> |
|---|
| | | <div class="appback"> |
|---|
| | | <image @click="topBack" class="appback-img" src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/h5return_backIcon.png"></image> |
|---|
| | | </div> |
|---|
| | | <van-pull-refresh v-model="refreshing" @refresh="reGetListData"> |
|---|
| | | <van-list class="page-container" v-bind:loading="listData.loading" v-bind:finished="listData.finished" v-on:load="getListData"><!-- 底部提示 --> |
|---|
| | | <template v-slot:finished v-if="listData.list.length"><span class="list-item-loading">-优惠到底啦-</span></template> |
|---|
| | |
|---|
| | | onSearch() { |
|---|
| | | methods.backTopAndReGetListData(); |
|---|
| | | }, |
|---|
| | | topBack() |
|---|
| | | { |
|---|
| | | uni.postMessage({ |
|---|
| | | data: { |
|---|
| | | action: 'back' |
|---|
| | | } |
|---|
| | | }); |
|---|
| | | }, |
|---|
| | | getUrlPar(name) |
|---|
| | | { |
|---|
| | | var reg=new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); |
|---|
| | |
|---|
| | | headers:{ |
|---|
| | | "token":methods.getUrlPar("token") |
|---|
| | | }, |
|---|
| | | // url:'http://dfgapp.ushopvip.com/api/Activity/xy_goods_list', |
|---|
| | | url:'http://appapitest.ushopvip.com/api/Activity/xy_goods_list', |
|---|
| | | url:'http://dfgapp.ushopvip.com/api/Activity/xy_goods_list', |
|---|
| | | //url:'http://appapitest.ushopvip.com/api/Activity/xy_goods_list', |
|---|
| | | //url:'http://dfg.shop.com/index.php/api/Activity/xy_goods_list', |
|---|
| | | type:"post", |
|---|
| | | dataType:"json", |
|---|
| | |
|---|
| | | </body> |
|---|
| | | </html> |
|---|
| | | <style> |
|---|
| | | .appback |
|---|
| | | { |
|---|
| | | height: 0.5rem; |
|---|
| | | position: absolute; |
|---|
| | | top: 0.5rem; |
|---|
| | | left: 0.4rem; |
|---|
| | | z-index: 999; |
|---|
| | | } |
|---|
| | | .appback-img |
|---|
| | | { |
|---|
| | | height: 100%; |
|---|
| | | } |
|---|
| | | .f_div |
|---|
| | | { |
|---|
| | | background: #A429F3; |
|---|
