代购系统前端代码以及部分演示站展示

演示站展示
代购系统演示前端站网址: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接入参数说明示例:

shoes – 淘宝、天猫、京东、1688海量商品代购服务
  • 运费测算
  • 帮助中心
  • 我的账号
  • 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)">
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值