演示站展示
代购系统演示前端站网址:https://www.1buyo.com/
代购系统演示站后端站网址:https://www.1buyo.com/admin
更多了解请移步: http://console.open.onebound.cn/console/?i=Rookie
以下是演示站前台部分源码:
<meta charset="utf-8"> <title>OneBuy – 淘宝、天猫、京东、1688海量商品代购服务</title> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <meta name="renderer" content="webkit">
接下来是PHPAPI接入参数说明示例:
- 运费测算
- 帮助中心
- 我的账号
- test
- 注 销
<div id="shop" class="container product_Box"> <div class="shop_item"> <div class="merchandise"> <div class="navs" v-if="navItem.length>0" v-cloak> <div class="common"> <div class="item" v-for="(item,index) in navItem" :key="index" :class="{multi: ShowMultiProps.title === item.title}" v-if=" (index<3 && !isDisplayAll) || !!isDisplayAll"> <div class="iRow"> <div class="title">{{item.title}}:</div> <div class="children" :ref="`index_${index}`" :class="{more: !!item.isShowMoreOpen}"> <div class="col" v-for="(row,sIndex) in item.item" :key="sIndex" @click="handlerSelectItem(item,row)" :class="[{selected: ShowMultiProps.propsMap[row.title]}]"> {{row.title}} <i></i> </div> </div> <div class="moreItem" :class="{up:!!item.isShowMoreOpen}" @click="handlerShowMoreItem(item)" v-show="!!item.isShowMore"> <!-- 更多 --> 更多 <i></i> </div> <div class="multiItem" v-if=" !!item.is_multi " @click="handlerMultSelect(item)"> <!-- 多选 --> 多选 <i></i> </div> </div> <div class="btns" v-if=" ShowMultiProps.title === item.title "> <label class="confirm" v-show=" ShowMultiProps && Object.keys(ShowMultiProps.propsMap ||{}).length > 0" @click="handlerConfirmProps"> <!-- 确定 --> 确定 </label> <label class="cancel" @click="handlerCancelMulti"> <!-- 取消 --> 取消 </label> </div> </div> </div> <div class="more"> <label @click="handlerDisplayAll"> <span v-if="!!isDisplayAll"> 收起 </span> <span v-else> 更多( {{getMoreCondition()}} ) 等 </span> </label> </div> </div> <div class="remen"> <div class="shop-tools"> <div class="shop-btn-group"> <font>排序:</font> <div class="shop-btn" :class="{selected: sort===''}" @click="handlerSort('')"> <div>默认</div> </div> <div class="shop-btn" :class="{selected: sort==='_sale'}" @click="handlerSort('_sale')"> <div>销量</div><img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='_credit'}" @click="handlerSort('_credit')"> <div>信誉</div> <img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='_bid2'}" @click="handlerSort('_bid2')"> <div>价格</div><img src="/assets/img/default/desc_icon.gif"> </div> <div class="shop-btn" :class="{selected: sort==='bid2'}" @click="handlerSort('bid2')"> <div>价格</div><img src="/assets/img/default/asc_icon.gif"> </div> </div> <div v-cloak>总共:{{info.total_results}}</div> </div> </div> <div id="goods_list" class="shop-goods-list" v-show="!isLoading" :class="[{display:!isLoading}]"> <ul class="goods_list clearfix" v-if="info.item && info.item.length> 0"> <li v-for="(item,index) in info.item" :key="index"> <div class="pic"> <a :href="`/index/item/index${info.tp==='1688' ? '1688' : ''}.html?tp=${info.tp}&tid=${item.num_iid}&sales=${item.sales ||0}`" target="_blank"> <!-- <img src="/assets/img/default/loading2.gif" :data-original="item.pic_url" class="lazy" style="max-width: 220px; display: inline;" height="220" :alt="item.title" onerror="this.src='/assets/img/default/noimg220.gif';"> --> <img :src="item.pic_url" class="lazy1" style="max-width: 220px; display: inline;" height="220" :alt="item.title" onerror="this.src='/assets/img/default/noimg220.gif';"> </a> </div> <div class="summary"> <h2> <a :href="`/index/item/index${info.tp==='1688' ? '1688' : ''}.html?tp=${info.tp}&tid=${item.num_iid}`" target="_blank" title=""> {{item.title}} </a> </h2> <p> {{item.price | currency}} <span class="tk_rate"></span> <span style="font-size: 12px;font-weight: normal;" v-if="['1688','tmall','taobao'].includes(info.tp)">