本项目使用uni-app开发支持多端使用！目前适配h5、安卓、IOS、公众号，使用hbuilder导入即可运行，提供学习使用
1、功能介绍

广告位、淘宝返佣、拼多多返佣、京东返佣、热销榜、聚划算、天猫超市、母婴精选、9.9包邮、免单中心、超值大牌、新人攻略爆款没事、每日上新、6.9包邮、9.9包邮、精选包邮、3.9包邮、热门抖货、商品推荐、商品详情、商品海报、APP检测升级、配置动态化、分享海报、会员授权、获取剪切板、商品分类、分类详情、多平台比较、海报生成、热门搜索、搜索历史、搜索、精选单品、好货专场、提现、提现明细、会员、订单明细、浏览历史、我的收藏、推广中心、推广订单、免单中心、账号安全、设置、提现设置、换绑手机号、修改密码、邀请成员、推广海报、我的特权、会员升级、登录注册、忘记密码等功能提供学习使用
2、下载地址

sqx-app.zip_uniapp开源商城源码-其它文档类资源-CSDN下载
目前只提供学习研究使用！不可商用！

     <!-- 开源版本提供学习研究使用，商业版本可以咨询v maxdlln 全套源码交付支持二次开发 -->
<template><view class="index-content" style="background: white;"><view class="top-bckground"><!-- 搜索板块 --><view class="index-header" style="top: 0;"><!-- #ifndef H5 --><view class="icon_header" style="padding-top: 50upx;"><!--#endif--><!-- #ifdef H5 --><view class="icon_header"><!--#endif--><view class="index-search" style="margin-right: 120upx;" @tap="toSearchIndex"><view class="icon_search" style="text-align: left;color: #999999;"><text class="cuIcon cuIcon-search" style="margin-right: 12upx"></text><text>输入关键字或粘贴宝贝标题</text></view></view><!-- #ifndef H5 --><view class="icon_suji" @tap="toZujiIndex" style="margin-right: 20upx;margin-top: 46upx"><text class="iconfont icon-zuji"style="color:#FFFFFF;font-size: 50upx;font-weight: bold;"></text></view><!--#endif--><!-- #ifdef H5 --><view class="icon_suji" @tap="toZujiIndex" style="margin-right: 20upx;margin-top: 8upx"><text class="iconfont icon-zuji"style="color:#FFFFFF;font-size: 50upx;font-weight: bold;"></text></view><!--#endif--></view></view><view><!-- #ifdef H5 --><scroll-view scroll-x class="nav selectTop" style="height: 80upx;" scroll-with-animation:scroll-left="scrollLeft"><!-- #endif --><!-- #ifndef H5 --><scroll-view scroll-x class="nav selectTop1" style="height: 80upx;" scroll-with-animation:scroll-left="scrollLeft"><!-- #endif --><view style="height: 60upx;line-height: 60upx;" class="cu-item":class="index1 == TabCur ? 'text-green cur' : ''" v-for="(item, index1) in category":key="index1" @tap="tabSelect" :data-id="index1"><text :style="index1 == TabCur? 'border-radius: 32upx;margin-right: -20upx;color: #FFFFFF;font-size:36upx': 'background: transparent;color: #FFFFFF;margin-right: -20upx'">{{ item.name }}</text><view v-if="index1 == TabCur"style="width: 40upx;height: 8upx;background: #FFFFFF;color: transparent;margin-left: 14upx;">-</view><view v-if="index1 != TabCur"style="width: 40upx;height: 4upx;color: transparent;margin-left: 14upx;">-</view></view></scroll-view></view></view><!-- banner板块 --><view v-if="TabCur==0"><!-- #ifdef H5 --><view class="home-bg" style="height: 300upx;"></view><!--#endif--><!-- #ifndef H5 --><view class="home-bg" style="height: 360upx;"></view><!--#endif--><!-- #ifndef H5 --><view class="swiper" style="margin-top: -140upx;"><!--#endif--><!-- #ifdef H5 --><view class="swiper" style="margin-top: -120upx;"><!--#endif--><swiper class="swiper-container" :autoplay="true" :interval="4000" :circular="true":indicator-dots="true" indicator-active-color="#FB2C1A" indicator-color="#cccccc"style="height: 240upx;padding: 18upx 16upx 8upx 16upx"><block v-for="(item, index3) in banners" :key="index3"><swiper-item class="swiper-wrapper" @tap="toGoodsInfo(item.url)"><image lazy-load='true' fade-show='true' :src="item.image_url"style="width: 100%;height: 220upx;border-radius: 32upx;" mode="scaleToFill"></image></swiper-item></block></swiper></view><!-- banner结束 --><!--首页菜单开始--><!-- 分类轮播 --><view class="category" v-if="navlist.length>0"><view class="box"><swiper class="swiper" duration="300" :style="{ height: categoryHeight }"@change="categoryChange"><swiper-item v-for="(nav, index5) in navlist" :key="index5"><view class="category-list"><view class="icon" v-for="(item,ind) in nav" :key="ind"@tap="toNavList(item.url, item.title)"><image mode="widthFix" :src="item.image_url"style="height: 90upx;width: 90upx"></image><view>{{ item.title }}</view><image v-if="item.classify == 1 || item.classify == '1'" class="remen"src="/static/img/remen.png"></image><image v-if="item.classify == 2 || item.classify == '2'" class="lijian"src="/static/img/lijian.png"></image></view></view></swiper-item></swiper><view class="dots"><view v-for="(page, pageindex) in navlist" :key="pageindex":class="{ active: pageindex == currentPageindex }"></view></view></view></view><!--首页公告开始--><swiper v-if="messageList.length > 0" :autoplay="true" :vertical="true" :interval="4000":circular="true" :indicator-dots="false"style="height: 60upx;margin-left: 32upx;margin-right: 32upx;line-height: 60upx;background: #FFF0F1;border-radius: 32upx;"><block v-for="(item1, index10) in messageList" :key="index10"><swiper-item @click="goWebView(item1)"><view style="display: flex;"><image src="../../static/img/gonggao.png"style="width: 140upx;height: 38upx;margin:12upx 16upx;"></image><view>{{ item1.title }}</view></view></swiper-item></block></swiper><view style="background: #EDF1F7;height: 16upx;width: 100%;margin-top: 32upx;"></view><!--首页公告结束--><!--首页菜单结束--><viewstyle="text-align: center;height: 160upx;width:96%;background-image: url(../../static/img/footer/home-hongbao.png);background-repeat: round;margin: 8px"@tap="goPublisherInfo()" v-if="!relation_id&&isEnable!='否'&&navlist.length>0"></view><!-- 修改一 --><view style="display: flex;padding: 16upx;" v-if="navlist3.length>0"><viewstyle="width:50%;height:170upx;border-radius:12upx;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;background:url(../../static/img/nav/food2.png);background-size:cover;position:relative;"@tap="toNavList(navlist3[0].url)"><view style="margin:7px;color: #FFFFFF;font-size: 28upx;font-weight: 800">{{navlist3[0].title.split('-')[0]}}</view><view style="color:#FFFFFF;font-size:24upx;font-weight: 500;margin-left: 16upx">{{navlist3[0].title.split('-')[2]}}</view><view style="position:absolute;right:0;top:19upx;"><image :src="navlist3[0].image_url" style="height: 140upx;width: 140upx;margin-right: 16upx;"></image></view></view><viewstyle="width: 50%;padding-left: 10upx;height:170upx;border-radius:12upx;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;"><viewstyle="height: 170upx;background:url(../../static/img/nav/food1.png);background-size:cover;"@tap="toNavList(navlist3[1].url)"><view style="float:left;margin-top:14upx;padding-left: 16upx;"><view style="color:#FFFFFF;font-size:28upx;font-weight: bold">{{navlist3[1].title.split('-')[0]}}</view><view style="color:#FFFFFF;font-size:24upx;margin-top: 8upx;">{{navlist3[1].title.split('-')[2]}}</view></view><image :src="navlist3[1].image_url" mode="aspectFit"style="width: 140upx;height: 140upx;margin-top:12upx;float: right;"></image></view></view></view><!-- 类别 --><view v-if="navlist3.length>0"style="margin-left: 16upx;margin-right: 16upx;display: flex;height: 250upx;justify-content: space-around;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;"><!-- 女装精选 --><viewstyle="width: 23%;text-align:center;border-radius: 6px;background:url(../../static/img/nav/bg1.png);"@tap="toNavList(navlist3[5].url)"><view class="nablist-1">{{navlist3[5].title.split('-')[0]}}</view><view class="font" style="color:#A664F9">{{navlist3[5].title.split('-')[1]}}</view><view class="dis" style="text-align: center;width: 100%;padding-left: 3px;"><image :src="navlist3[5].image_url" class="com1"></image></view></view><!-- 精选美妆 --><viewstyle="width: 23%;text-align:center;border-radius: 6px;background:url(../../static/img/nav/bg2.png);box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;"@tap="toNavList(navlist3[4].url)"><view class="nablist-1">{{navlist3[4].title.split('-')[0]}}</view><view class="font" style="color:#FC5AA5">{{navlist3[4].title.split('-')[1]}} </view><view class="dis" style="text-align: center;width: 100%;padding-left: 3px;"><image :src="navlist3[4].image_url" class="com1"></image></view></view><!-- 居家必备 --><viewstyle="width: 23%;text-align:center;border-radius: 6px;background:url(../../static/img/nav/bg3.png);"@tap="toNavList(navlist3[2].url)"><view class="nablist-1">{{navlist3[2].title.split('-')[0]}}</view><view class="font" style="color:#F3B398">{{navlist3[2].title.split('-')[1]}}</view><view class="dis" style="text-align: center;width: 100%;padding-left: 3px;"><image :src="navlist3[2].image_url" class="com1"></image></view></view><!-- 活动派送 --><viewstyle="width: 23%;text-align:center;border-radius: 6px;box-shadow: rgba(183, 183, 183, 0.3) 0px 1px 10px;"@tap="toNavList(navlist3[3].url)"><view class="nablist-1">{{navlist3[3].title.split('-')[0]}}</view><view class="font" style="color:#5988FA">{{navlist3[3].title.split('-')[1]}}</view><view class="dis" style="text-align: center;width: 100%;padding-left: 3px;"><image :src="navlist3[3].image_url" class="com1"></image></view></view></view><view style="background: #EDF1F7;height: 16upx;width: 100%;margin-top: 32upx;"></view><!-- 布局样式修改一 --><view style="margin: 22upx 32upx 16upx 32upx;" v-if="juhuasuanlist.length>0&&wanghong"><view @tap="toNavList('/pages/cate/index', '网红抖货')" style="display: flex;"><view style="color:#333333;width: 86%; font-size: 34upx;font-weight: bold;">网红抖货</view><view class="sale">超级折扣价</view><view class="fr-jutext" style="width: 86%;text-align: right;color: #999999;">查看更多 ></view></view></view><view style="display: flex;justify-content: space-around;margin-left: 16upx;margin-right: 16upx;"v-if="juhuasuanlist.length>0&&wanghong"><view><view class="g_wrap" v-for="(g, index7) in juhuasuanlist" :key="index7" @click="toGoodsInfos(g.itemid)"><view class="g_left"><image lazy-load='true' fade-show='true' :src="g.itempic + '_310x310.jpg'"@click="toGoodsInfos(g.itemid)" mode="scaleToFill"></image></view><view class="g_right"><text class="g_tit">{{g.itemtitle}}</text><view class="g_salse">券{{g.couponmoney}}元</view><view class="txt"><text>劵后价</text><text>￥</text><text>{{ g.itemendprice }}</text><text>￥{{ g.itemprice }}</text></view><view class="buy" @click="toGoodsInfos(g.itemid)">马上抢</view></view></view></view></view><!-- 精选好物   --><view class="index-coupon has-pd-10" style="background: ghostwhite;"v-if="category[0].orderList.length > 0&&haowuList.length > 0"><view style="text-align: center;margin-top: 60upx;margin-bottom: 16upx;padding-top: 16upx;"><image class="arrow_img" src="../../static/img/nav/left.png"></image><text style="font-size: 32upx;color: #FB2C1A;margin:0 17rpx;">精选好物</text><image class="arrow_img" src="../../static/img/nav/right.png"></image></view><view class="goods-list" v-if="haowuList.length > 0"><orange-goods-list v-for="(items, index20) in haowuList" :tkmoney="items.tkmoney":tkmoneys="items.tkmoneys" :itemid="items.itemid" :shopname='items.shopname':isEnable="isEnable" :logo="logo" :itempic="items.itempic" :itemtitle="items.itemtitle":itemprice="' ¥' + items.itemprice" :itemsale="items.itemsale":itemendprice="items.itemendprice" :couponmoney="items.couponmoney"></orange-goods-list></view></view><!-- 领券 --><view class="index-coupon has-pd-10" style="background: ghostwhite;"v-if="category[0].orderList.length > 0"><view style="text-align: center;margin-top: 60upx;margin-bottom: 16upx;padding-top: 32upx;"><text class="news_title">一</text><text style="font-size: 32upx;color: #FB2C1A;">为你推荐</text><text class="news_title">一</text></view><view class="goods-list" v-if="category[0].orderList.length > 0"><orange-goods-list v-for="(item, index8) in category[0].orderList" :tkmoney="item.tkmoney":tkmoneys="item.tkmoneys" :itemid="item.itemid" :shopname='item.shopname':isEnable="isEnable" :is-invitation="isInvitation" :logo="logo":itempic="item.itempic + '_310x310.jpg'" :itemtitle="item.itemtitle":itemprice="' ¥' + item.itemprice" :itemsale="item.itemsale":itemendprice="item.itemendprice" :couponmoney="item.couponmoney"></orange-goods-list></view></view></view><!-- #ifdef APP-PLUS --><view class="index-coupon has-pd-10" style="margin:200upx 8upx 180upx 8upx ;background: #FFFFFF"v-if="TabCur!=0"><!-- #endif --><!-- #ifndef APP-PLUS --><view class="index-coupon has-pd-10" style="margin:180upx 8upx 180upx 8upx ;background: #FFFFFF"v-if="TabCur!=0"><!-- #endif --><view class="category" v-if="category[TabCur].banner.length > 0"><view class="list"><view class="box" v-for="(item, i) in category[TabCur].banner" :key="item.son_name"@tap="toCategory(item.son_name)"><image lazy-load='true' fade-show='true' :src="item.imgurl"></image><view class="text">{{ item.son_name }}</view></view></view></view><view class="goods-list" v-if="category[TabCur].orderList.length > 0"><orange-goods-card-home v-for="(item, index9) in category[TabCur].orderList" :logo="logo":isEnable="isEnable" :tkmoney="item.tkmoney" :tkmoneys="item.tkmoneys":itemid="item.itemid":itempic="item.itempic ? item.itempic + '_310x310.jpg' : 'https://taobao.xianmxkj.com/logo.png'":itemtitle="item.itemtitle" :is-invitation="isInvitation" :shopname='item.shopname':itemprice="'¥' + item.itemprice" :itemsale="item.itemsale":itemendprice="'' + item.itemendprice" :couponmoney="item.couponmoney"></orange-goods-card-home></view></view><!-- 加载更多提示 --><!-- #ifdef H5 --><view class="s-col is-col-24"><load-more :loadingType="category[TabCur].loadingType" :contentText="contentText"></load-more></view><!-- #endif --><!-- 加载更多提示 --><empty v-if="category[TabCur].orderList.length === 0 && category[TabCur].loadingType == 0"des="暂无数据"></empty><!-- 淘口令分享 --><simpleModal ref="simpleModalTkls" @maskClose="TklmaskClose"><view style="width: 600upx;border-radius: 16upx;"><view class="buy-box-title" style="font-weight: bold;color: #FB2C1A;">全网超级搜</view><view class="buy-box-center"><view class="code-cent"><view style="padding: 8px;font-size: 32upx">{{ copyTklStatus }}</view></view><view class="buy-btn-copy" @click="goSearch()">立即搜索</view></view></view></simpleModal><view class="xinrenhongbao"><image @click="goHongbao" v-if="show_share" src="https://taobao.xianmxkj.com/fubiao.png"style="width: 160upx;height: 160upx;position: fixed;bottom: 160upx;right: 32upx;z-index: 99;"></image></view><view class="scroll_top" @tap="topScrollTap" v-bind:class="[scrollTop != 0 ? 'active' : '', '']"style="bottom: 56px;"><text class="iconfont icon-shangla"></text></view><tki-qrcode ref="qrcode" :val="erweima" :size="600" background="#fff" foreground="#000"pdground="#000" :onval="true" :loadMake="true" @result="qrR" :show="false"></tki-qrcode></view></view></template><script>import simpleModal from '@/components/simple-pro/customModal.vue';import tkiQrcode from '@/components/tki-qrcode/tki-qrcode.vue';export default {components: {simpleModal,tkiQrcode},onPageScroll: function(e) {this.scrollTop = e.scrollTop > 200;},data() {return {currentPageindex: 0,categoryHeight: '300rpx',modalName: '',topH: 1000,logo: '../../static/img/mao.png',TabCur: 0,scrollLeft: 0,messageList: [],imageUrl: '../../static/img/common/logo.jpg',showEmpty: false,banner: [{id: '1'}],scrollTop: 0,old: {scrollTop: 0},category: [{name: '热门',positon: 0,loadingType: 0,page: 0,orderList: [],banner: []},{name: '美食',positon: 11,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '干果',imgurl: 'http://img.haodanku.com/31695fbcfec8af7274b493698d5c1f5a-600'},{son_name: '干货',imgurl: 'http://img.haodanku.com/40693f1b39155f40843b4023d938a812-600'},{son_name: '速食',imgurl: 'http://img.haodanku.com/78ca01c1baddaed135f179cbf495d780-600'},{son_name: '零食',imgurl: 'http://img.haodanku.com/3bba49572000849457705fb6e7b25756-600'},{son_name: '饮料',imgurl: 'http://img.haodanku.com/e9ced92e2c3c5a9125bde206632923f8-600'},{son_name: '酒水',imgurl: 'http://img.haodanku.com/6b2095fa96eb10aef4cc968253a77e62-600'},{son_name: '土鸡蛋',imgurl: 'http://img.haodanku.com/011b54caa88d4ebf172312ad228e234c-600'},{son_name: '大米',imgurl: 'http://img.haodanku.com/be27573ccf52be1f42238f29167516da-600'},{son_name: '大闸蟹',imgurl: 'http://img.haodanku.com/ee9e645ee82d6ef1bad1a9c676122375-600'},{son_name: '新鲜水果',imgurl: 'http://img.haodanku.com/2ae6a731a71e6021383e808db628915d-600'}]},{name: '居家',positon: 10,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '卫生巾',imgurl: 'http://img.haodanku.com/d4ad5258247d5cfcd397fed061c55332-600'},{son_name: '卷纸',imgurl: 'http://img.haodanku.com/1fa08dd194ae423de72af366e6fa319c-600'},{son_name: '抽纸',imgurl: 'http://img.haodanku.com/8b15fc81e69e7140bfdd6af51890a5f7-600'},{son_name: '洗手液',imgurl: 'http://img.haodanku.com/afa011f3b8e0757b5b9d67af74062fe6-600'},{son_name: '洗衣液',imgurl: 'http://img.haodanku.com/e068719387ea102d937ec3724598675c-600'},{son_name: '牙膏',imgurl: 'http://img.haodanku.com/9d36678d53c9c83a1a6a7cd1e9637b65-600'},{son_name: '沐浴露',imgurl: 'http://img.haodanku.com/14bfdb8fc38493aa985d310d390aad19-600'},{son_name: '洗发水',imgurl: 'http://img.haodanku.com/162652a65fc931cf7aba34436a5882cd-600'},{son_name: '清洁剂',imgurl: 'http://img.haodanku.com/cc34507e016b01cc6005d028b55aa1cc-600'},{son_name: '牙刷',imgurl: 'http://img.haodanku.com/529884a59eb3a2ed7cad27cc215f042c-600'}]},{name: '美妆',positon: 4,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '卸妆',imgurl: 'http://img.haodanku.com/11f4c31e57040ca6578e395764685f9d-600'},{son_name: '唇膏',imgurl: 'http://img.haodanku.com/73dce1ba7e1e6c2f087a82e6e2daaf0f-600'},{son_name: '洗面奶',imgurl: 'http://img.haodanku.com/0390ae3565930d395244524603d38605-600'},{son_name: '眼线',imgurl: 'http://img.haodanku.com/4216c4cdc29f8e9bce9722bf2329f4d4-600'},{son_name: '眼霜',imgurl: 'http://img.haodanku.com/9bcc8b7e61d0958a4cf24efa92d8d7d9-600'},{son_name: '睫毛膏',imgurl: 'http://img.haodanku.com/917ca505a2916d4308258c1df00aa6bc-600'},{son_name: '纤体',imgurl: 'http://img.haodanku.com/900cbfe080fcea90a276c9b0367252ef-600'},{son_name: '腮红',imgurl: 'http://img.haodanku.com/1305d219f6095577b2d4930531a1b3ee-600'},{son_name: '面膜',imgurl: 'http://img.haodanku.com/f9ddb9d89e9bfd8312056b02c4081bcd-600'},{son_name: '面霜',imgurl: 'http://img.haodanku.com/e57cb97f45eacb673b10d4179ce54079-600'}]},{name: '女装',positon: 1,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '妈妈装',imgurl: 'http://img.haodanku.com/cf445d5d9ddad49a38c0e542be22b565-600'},{son_name: 'T恤',imgurl: 'http://img.haodanku.com/397fc31d9f3abdef5177ab1ec82a254c-600'},{son_name: '一字肩',imgurl: 'http://img.haodanku.com/f4ca5e271d74fd5c29d051c7b1106f04-600'},{son_name: '卫衣',imgurl: 'http://img.haodanku.com/2329f94b4030aa27e819e159d64969c4-600'},{son_name: '夹克',imgurl: 'http://img.haodanku.com/ab499244178c525025d8a3e1ff4ed36e-600'},{son_name: '棉服',imgurl: 'http://img.haodanku.com/6d3898d409060a49ebc6a80c150d15b2-600'},{son_name: '毛呢',imgurl: 'http://img.haodanku.com/5b397df30169b79af64c569606b7e0af-600'},{son_name: '牛仔',imgurl: 'http://img.haodanku.com/38a001153e2f30933f3cae16f2b2a171-600'},{son_name: '皮衣',imgurl: 'http://img.haodanku.com/78c7fcecea8eaf4b329002b3308b3545-600'},{son_name: '短外套',imgurl: 'http://img.haodanku.com/26a08a44cce036a5cf49a3322e4cbf37-600'}]},{name: '母婴',positon: 9,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '奶嘴',imgurl: 'http://img.haodanku.com/dc498440b8169d4f411a2d303ce85c7d-600'},{son_name: '奶瓶',imgurl: 'http://img.haodanku.com/b9d99fb2308fec3063560d1a442c51e6-600'},{son_name: '婴儿床',imgurl: 'http://img.haodanku.com/8d25d45a30d633f31af4e6f8ec9e3eb7-600'},{son_name: '婴儿抱被',imgurl: 'http://img.haodanku.com/e87f2636c6c571487bfe3e1b87c19f24-600'},{son_name: '学步车',imgurl: 'http://img.haodanku.com/4bc090e096ed0d3fc550d373b257ce83-600'},{son_name: '推车',imgurl: 'http://img.haodanku.com/192ba1c1901d19388a80ed93fe0dd532-600'},{son_name: '新生儿',imgurl: 'http://img.haodanku.com/8eb521c44d4cc5c2c606101321f6878f-600'},{son_name: '睡袋',imgurl: 'http://img.haodanku.com/2afc4fdac09e372274248fc6f421b8ef-600'},{son_name: '纸尿布',imgurl: 'http://img.haodanku.com/0d2df54a221fca7d23c888464edf17e3-600'},{son_name: '连体睡衣',imgurl: 'http://img.haodanku.com/e1fd4104171d365a3e76ada535e55c0b-600'}]},{name: '男装',positon: 2,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '马甲',imgurl: 'http://img.haodanku.com/325254ca7f6e1f03c438d818cb4c67cb-600'},{son_name: '呢大衣',imgurl: 'http://img.haodanku.com/f3c0fd52abf5945b5d253a64f8fce62d-600'},{son_name: '夹克',imgurl: 'http://img.haodanku.com/250eefdd7acef0934e9f0fafffa75c88-600'},{son_name: '棉衣',imgurl: 'http://img.haodanku.com/6b5cd4e0f1c6f346b552651209cf78a3-600'},{son_name: '棒球服',imgurl: 'http://img.haodanku.com/2c296a0d7e6600da4b5f572c1c1878e4-600'},{son_name: '牛仔外套',imgurl: 'http://img.haodanku.com/d55f8511d3916346c8a808dbe5b0868a-600'},{son_name: '皮衣',imgurl: 'http://img.haodanku.com/14f79fee301aa6bb5a69318d9d95a2ef-600'},{son_name: '羽绒服',imgurl: 'http://img.haodanku.com/51ee457f0c7b8c2ddb6f4e5e9dd9818e-600'},{son_name: '西装',imgurl: 'http://img.haodanku.com/09290b9079002c5d957b245bf8d5dc22-600'},{son_name: '风衣',imgurl: 'http://img.haodanku.com/16a6f06b799c96f30289e124ee084f9a-600'}]},{name: '鞋品',positon: 6,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '帆布鞋',imgurl: 'http://img.haodanku.com/b1ec5218812aac9249071123cc9ff37d-600'},{son_name: '板鞋',imgurl: 'http://img.haodanku.com/c0ea8e1a9a0e9c486c2f3b571b495395-600'},{son_name: '网布鞋',imgurl: 'http://img.haodanku.com/acaf3517b2b374e568e512ea2c1c0334-600'},{son_name: '豆豆鞋',imgurl: 'http://img.haodanku.com/6f74d2cd0dc9de9ea1b746ab78ba6b66-600'},{son_name: '男运动鞋',imgurl: 'http://img.haodanku.com/7b3bc2187dfeaf64dbb61ad6d3eb358f-600'},{son_name: '女运动鞋',imgurl: 'http://img.haodanku.com/9449c2e63a06f058a48f788c82591d00-600'},{son_name: '高跟鞋',imgurl: 'http://img.haodanku.com/0ee8f1f3483c3faa69f5ef1f129cfac5-600'},{son_name: '中跟鞋',imgurl: 'http://img.haodanku.com/5a52d7f0375aadd03558aab5a2489a81-600'},{son_name: '乐福鞋',imgurl: 'http://img.haodanku.com/8ebb992fc125df908039e1468b634c1f-600'},{son_name: '低跟鞋',imgurl: 'http://img.haodanku.com/19c7f3e00da194115690d71b5b0f6691-600'}]},{name: '箱包',positon: 7,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '单肩包',imgurl: 'http://img.haodanku.com/4acda5f2e1ba8067820eb6a0b1517a48-600'},{son_name: '小方包',imgurl: 'http://img.haodanku.com/d1f9ffe6b63d0100c573312981c293e9-600'},{son_name: '斜挎包',imgurl: 'http://img.haodanku.com/197be2a76a74db7a9d3fee2e513b1cf0-600'},{son_name: '水桶包',imgurl: 'http://img.haodanku.com/02f6b9bcb87488b3b2f538ed3bd901d9-600'},{son_name: '手提包',imgurl: 'http://img.haodanku.com/5e2d18ca3f9f2863b7e02f88e1cd5895-600'},{son_name: '旅行箱',imgurl: 'http://img.haodanku.com/7e4ae55cefff14d819c8619566b85700-600'},{son_name: '钱包',imgurl: 'http://img.haodanku.com/fa179896a4e7ba6864c3a2b5c208c647-600'},{son_name: '双肩包',imgurl: 'http://img.haodanku.com/a410a8f08c112bb99e3f61ba46ee0b7a-600'},{son_name: '波士顿包',imgurl: 'http://img.haodanku.com/2db6a9dfe0323ab1aba9eb4d0c92b9f6-600'},{son_name: '贝壳包',imgurl: 'http://img.haodanku.com/d5c5a8c3afa64c58527a68cbd46c2234-600'}]},{name: '配饰',positon: 5,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '贝雷帽',imgurl: 'http://img.haodanku.com/6d5eebc640a964a4b55fb03046a2f8fb-600'},{son_name: '针织帽',imgurl: 'http://img.haodanku.com/0b376d73ab661bbab0c83d8aefc50aca-600'},{son_name: '鸭舌帽',imgurl: 'http://img.haodanku.com/1de98e064ef1e8dd92d4e95eda311105-600'},{son_name: '真皮腰带',imgurl: 'http://img.haodanku.com/cd8ad3794ee3fbb1a8c8bce8f88f7ef1-600'},{son_name: '腰带',imgurl: 'http://img.haodanku.com/7586c7f14be6334d52ea6f862048ce3a-600'},{son_name: '触屏手套',imgurl: 'http://img.haodanku.com/a69d879b523d78d0203fe4879109486f-600'},{son_name: '雨伞',imgurl: 'http://img.haodanku.com/eb9cb749ec8237a84227614d356bfd0f-600'},{son_name: '真丝围巾',imgurl: 'http://img.haodanku.com/c371383e6e2f9b234f30d32c0a1295ef-600'},{son_name: '羊毛围巾',imgurl: 'http://img.haodanku.com/2959aea355069c58f07a5bd4312c0750-600'},{son_name: '羊绒围巾',imgurl: 'http://img.haodanku.com/9870a6e83a4e97ce9f8b8d2bf2fe057e-600'}]},{name: '儿童',positon: 8,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '描红本',imgurl: 'http://img.haodanku.com/89a1df77f661111da350ffb31b965683-600'},{son_name: '早教机',imgurl: 'http://img.haodanku.com/2ac050e8b1a787b9a1296a51edfa182a-600'},{son_name: '自行车',imgurl: 'http://img.haodanku.com/54baf388a5aacb482bffba872a8393e0-600'},{son_name: '学习用品',imgurl: 'http://img.haodanku.com/e1cdde128eaff4b464b02a6280128ab9-600'},{son_name: '户外玩具',imgurl: 'http://img.haodanku.com/4b7d8b14035d7c42417d36037827df23-600'},{son_name: '积木',imgurl: 'http://img.haodanku.com/dfb898577d5b402ee78efdf77fc753b9-600'},{son_name: '亲子玩具',imgurl: 'http://img.haodanku.com/5a1f75dd01301762813b4c946f72c0bb-600'},{son_name: '玩具',imgurl: 'http://img.haodanku.com/89ac36736a405eac40bd34efc223edba-600'},{son_name: '亲子装',imgurl: 'http://img.haodanku.com/e892274edc543dbd443f1e1ca011e8a0-600'},{son_name: '女童外套',imgurl: 'http://img.haodanku.com/3c4dbd196a8c86fd7aa7c0db67398427-600'}]},{name: '数码',positon: 12,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '保护壳',imgurl: 'http://img.haodanku.com/778ee5974fe396bc6fb46241462aebd1-600'},{son_name: '耳机',imgurl: 'http://img.haodanku.com/f34fd15e7a7775051a2c0f613eaa14f1-600'},{son_name: '苹果配件',imgurl: 'http://img.haodanku.com/c5f7f3b8324bbc7c9394bdd2af6e7651-600'},{son_name: '鼠标键盘',imgurl: 'http://img.haodanku.com/71e1a923a83a1a6ca44695c71b46bf7c-600'},{son_name: '无人机',imgurl: 'http://img.haodanku.com/c372feef0f96f90efe5d1c55cacf79c3-600'},{son_name: '电脑主机',imgurl: 'http://img.haodanku.com/d596eac2d096816c10881b97fbac02a9-600'},{son_name: '音响',imgurl: 'http://img.haodanku.com/81f08ba219e31194566d65363173fdcf-600'}]},{name: '家电',positon: 13,loadingType: 0,page: 0,orderList: [],banner: [{son_name: '加湿器',imgurl: 'http://img.haodanku.com/086080993e964a15594f81c94d509eb8-600'},{son_name: '取暖器',imgurl: 'http://img.haodanku.com/f5662ec4c72c3c7f81f8837f51255e4b-600'},{son_name: '吸尘器',imgurl: 'http://img.haodanku.com/ec822582bdb343a4fcf4aa7241e76f21-600'},{son_name: '扫地机器人',imgurl: 'http://img.haodanku.com/951a3f7ccf7390bbb332c697415bec48-600'},{son_name: '榨汁机',imgurl: 'http://img.haodanku.com/7878d1994d35916456406cff96bd333d-600'},{son_name: '烤箱',imgurl: 'http://img.haodanku.com/b1ee29313a733d944f80453a2cefa832-600'},{son_name: '电热毯',imgurl: 'http://img.haodanku.com/afa97d55c0121f8bcee9dc15bf99dd72-600'},{son_name: '电饭锅',imgurl: 'http://img.haodanku.com/529b946479dd79d3f86dd5d161095fad-600'},{son_name: '空气净化器',imgurl: 'http://img.haodanku.com/24fc6a453206afb6a7c26d52dc64a50c-600'},{son_name: '豆浆机',imgurl: 'http://img.haodanku.com/88e089532fc4b4c184ca1d596d0e3ab4-600'}]},{name: '内衣',positon: 3,loadingType: 0,page: 0,orderList: [],banner: []},{name: '车品',positon: 15,loadingType: 0,page: 0,orderList: [],banner: []},{name: '文体',positon: 16,loadingType: 0,page: 0,orderList: [],banner: []},{name: '宠物',positon: 17,loadingType: 0,page: 0,orderList: [],banner: []},{name: '其他',positon: 14,loadingType: 0,page: 0,orderList: [],banner: []}],banners: [{"id": 1,"createAt": "2020-11-28 22:42:01","image_url": "https://taobao.xianmxkj.com/img/20201128/f3d469c5370e4c2c830e807202b1ccf6.png","url": "/pages/index/mian","state": "true"}],haowuList: [],navlist: [],navlists: [{title: '天猫优选',image_url: '../../static/img/home/tianmaojingxuan.png',url: '/pages/index/list?title=天猫优选&type=9',},{title: '拼多多',image_url: '../../static/img/home/pinduoduo.png',url: '/pages/pdd/index'},{title: '京选好货',image_url: '../../static/img/home/jingdong.png',url: '/pages/jd/jds'},{title: '热销榜',image_url: '../../static/img/home/daequan.png',url: '/pages/hot/index'},{title: '聚划算',image_url: '../../static/img/home/juhuasuan.png',url: '/pages/index/list?title=聚划算&type=4',}, {title: '30元精选',image_url: '../../static/img/home/tianmaochaoshi.png',url: '/pages/index/list?title=30元精选&type=3',}, {title: '母婴精选',image_url: '../../static/img/home/gaoyongjingxuan.png',url: '/pages/index/tuiguang?cid=9'},{title: '9.9包邮',image_url: '../../static/img/home/baoyou.png',url: '/pages/index/list?title=9.9包邮&type=2',},{title: '超值大牌',image_url: '../../static/img/home/chaozhidapai.png',url: '/pages/index/list?title=超值大牌&type=8',},{title: '任务系统',image_url: '../../static/img/home/free-order.gif',url: '/pages/planfrom/index'},],juhuasuanlist: [],couponlist: [],dataList: [],page: 1,min_id: 1,wanghong: false,min_ids: 1,min_ida: 1,erweima: '',cat_id: 0,navlist3: [{"id": 19,"createAt": "2020-06-17 10:17:15","image_url": "../../static/img/nav/food4.png","url": "/pages/index/food?title=爆款美食&type=9","title": "爆款美食-网红美食-刷新超低折扣价","state": "2"},{"id": 18,"createAt": "2020-06-17 10:17:33","image_url": "../../static/img/nav/food3.png","url": "/pages/index/list?title=每日上新&type=1","title": "每日上新-售完为止-热卖好货数量有限","state": "2"},{"id": 17,"createAt": "2020-06-17 10:28:32","image_url": "../../static/img/nav/shop3.png","url": "/pages/index/tuiguang?cid=4","title": "精选美妆-全球惊喜爆款","state": "2"},{"id": 16,"createAt": "2020-10-22 17:34:53","image_url": "../../static/img/nav/shop4.png","url": "/pages/planfrom/index","title": "活动派送-每日活动福利","state": "2"},{"id": 15,"createAt": "2020-06-17 10:30:15","image_url": "../../static/img/nav/shop2.png","url": "/pages/index/tuiguang?cid=10","title": "居家必备-超低价高质量","state": "2"},{"id": 14,"createAt": "2020-06-17 10:30:31","image_url": "../../static/img/nav/shop1.png","url": "/pages/index/tuiguang?cid=1","title": "女装精选-体验白菜价网购","state": "2"}],gender: 0,loadingType: 0,index: 0,show_share: false,genderKey: 'gender',copyTklStatus: '',isInvitation: 0,isEnable: "否",relation_id: '',contentText: {contentdown: '上拉显示更多',contentrefresh: '正在加载...',contentnomore: '没有更多数据了'}};},onPullDownRefresh() {this.loadBanner();this.loadMenuList();this.loadMenuList1();this.loadMessage();this.loadJuhuasuanlist();this.loadCouponList();},onLoad: function() {let a = this.$queue.getData("isEnable")if (a) {this.isEnable = a;}this.$queue.setData('gradeIndex', 0);let gender = this.$queue.getData(this.genderKey);if (gender) {if (gender === 1) {this.gender = gender;}if (gender === 2) {this.gender = gender;}}this.loadBanner();this.loadMenuList();this.loadMenuList1();this.loadMessage();this.loadJuhuasuanlist();this.loadCouponList();this.checkNews();this.getAvatar();},onReachBottom() {this.loadCouponList();},onShow() {if (this.navlist.length == 0) {this.loadBanner();this.loadMenuList();this.loadMenuList1();this.loadMessage();this.loadJuhuasuanlist();this.loadCouponList();}this.getUserInfo();this.getAvatar();},methods: {//更新分类指示器categoryChange(event) {this.currentPageindex = event.detail.current;},getAvatar() {let image_url = this.$queue.getData('image_url');if (image_url) {this.imageUrl = image_url;} else {this.imageUrl = '../../static/img/common/logo.jpg';}},checkNews() {this.$Request.getT('/common/type/54').then(res => {if (res.status == 0) {if (res.data && res.data.value && res.data.value === '是') {let userId = this.$queue.getData('userId');let relation_id = this.$queue.getData('relation_id');if (userId) {if (relation_id) {this.$Request.getT('/order/isNewsUser/' + userId).then(ress => {if (ress.status !== 0) {this.show_share = true;} else {this.show_share = false;}});} else {this.show_share = true;}} else {this.show_share = true;}}}});this.$Request.getT('/common/type/55').then(res => {if (res.status == 0) {if (res.data && res.data.value && res.data.value === '是') {this.wanghong = true;}}});},goHongbao() {// this.show_share=false;uni.navigateTo({url: "/pages/index/mian"})},closeShare() {this.show_share = false;},hideModal() {this.modalName = ''},showModals() {this.modalName = 'RadioModal'},/*** 首页轮播*/loadBanner: function() {this.$Request.getT('/banner/user/list').then(res => {if (res.status === 0) {if (res.data.length > 0) {this.banners = res.data;}}});},loadMenuList1: function() {this.$Request.getT('/activity/state/2').then(res => {if (res.status === 0) {if (res.data.length > 0) {this.navlist3 = res.data;}}});this.$Request.getT('/commodity/selectCommodityList?page=0&size=100').then(res => {if (res.status === 0) {this.haowuList = [];res.data.content.forEach(d => {let grade = this.$queue.getData('grade');d.tkmoneys = (d.itemendprice * (d.tkrates * 0.01) * parseFloat(this.$queue.maxMoney())).toFixed(2);if (grade) {d.tkmoney = (d.itemendprice * (d.tkrates * 0.01) * parseFloat(grade)).toFixed(2);} else {d.tkmoney = (d.itemendprice * (d.tkrates * 0.01) * parseFloat(this.$queue.minMoney())).toFixed(2);}d.itemsale = d.itemsale > 10000 ? '月销' + (d.itemsale / 10000).toFixed(1) +'万件' : '月销' + d.itemsale + '件';this.haowuList.push(d);// this.category[this.TabCur].orderList.push(d);});}});},// 传进数组和指定个数，进行拆分chunk: function(array, size) {//获取数组的长度，如果你传入的不是数组，那么获取到的就是undefinedconst length = array.length//判断不是数组，或者size没有设置，size小于1，就返回空数组if (!length || !size || size < 1) {return []}//核心部分let index = 0 //用来表示切割元素的范围startlet resIndex = 0 //用来递增表示输出数组的下标//根据length和size算出输出数组的长度，并且创建它。let result = new Array(Math.ceil(length / size))//进行循环while (index < length) {//循环过程中设置result[0]和result[1]的值。该值根据array.slice切割得到。result[resIndex++] = array.slice(index, (index += size))}//输出新数组return result},loadMenuList: function() {this.$Request.getT('/activity/state/1').then(res => {if (res.status === 0) {if (res.data.length > 0) {var datanew = this.chunk(res.data, 10)this.navlist = datanew;console.log('navlist的数据', datanew)if (res.data.length > 5) {this.categoryHeight = "300rpx"} else {this.categoryHeight = "150rpx"}} else {var datanew = this.chunk(this.navlists, 10)this.navlist = datanew;}}});},/*** 网红抖货*/loadJuhuasuanlist: function() {this.$Request.get('/api/get_trill_data/apikey/maxd/min_id/0/back/10/cat_id/0').then(res => {if (res.code === 1) {this.juhuasuanlist = [];for (let i = this.index; i < this.index + 3; i++) {this.juhuasuanlist.push(res.data[i]);}}uni.stopPullDownRefresh(); // 停止刷新});},/*** @param {Object} type加载*/loadCouponList: function(type) {this.category[this.TabCur].loadingType = 1;this.$Request.get('/api/column/apikey/maxd/type/9/back/10/min_id/' + this.category[this.TabCur].page +'/sort/9/cid/' + this.category[this.TabCur].positon).then(res => {this.category[this.TabCur].loadingType = 0;if (res.code === 1) {this.category[this.TabCur].page = res.min_id;res.data.forEach(d => {let grade = this.$queue.getData('grade');d.tkmoneys = (d.tkmoney * parseFloat(this.$queue.maxMoney())).toFixed(2);if (grade) {d.tkmoney = (d.tkmoney * parseFloat(grade)).toFixed(2);} else {d.tkmoney = (d.tkmoney * parseFloat(this.$queue.minMoney())).toFixed(2);}d.itemsale = d.itemsale > 10000 ? '已售 ' + (d.itemsale / 10000).toFixed(1) +'万件' : '已售 ' + d.itemsale + '件';this.category[this.TabCur].orderList.push(d);// this.category[this.TabCur].orderList.push(d);});} else {this.category[this.TabCur].loadingType = 2;}if (type === 'Refresh') {uni.stopPullDownRefresh(); // 停止刷新}uni.hideLoading();});},getUserInfo() {let userId = this.$queue.getData('userId');if (userId) {this.$Request.getT('/user/' + userId).then(res => {if (res.status === 0 && res.data) {this.$queue.setData('image_url', res.data.image_url);this.$queue.setData('mobile', res.data.phone);this.isInvitation = res.data.isInvitation;this.topH = 1050;if (res.data.relationId) {this.relation_id = res.data.relationId;this.topH = 850;} else {this.topH = 1050;}this.$queue.setData('isInvitation', res.data.isInvitation);this.$queue.setData('relation', res.data.invitation);this.$queue.setData('grade', res.data.grade);this.$queue.setData('nickName', res.data.nickName);this.$queue.setData('relation_id', res.data.relationId);this.$queue.setData('gender', parseInt(res.data.gender));}});}},/*** 加载公告*/loadMessage() {this.$Request.getT('/message/page/1/0/5').then(res => {if (res.status === 0) {this.messageList = res.data.content;}});},/*** @param {Object} e tab切换*/tabSelect(e) {this.TabCur = e.currentTarget.dataset.id;this.scrollLeft = (e.currentTarget.dataset.id - 1) * 50;let list = this.category[e.currentTarget.dataset.id].orderList;let list1 = this.category[e.currentTarget.dataset.id];console.log(list1)if (list.length == 0) {this.$queue.showLoading('加载中...')this.loadCouponList('Refresh');}if (e.currentTarget.dataset.id == 0) {this.loadBanner();this.loadMenuList();this.loadMenuList1();this.loadMessage();this.loadJuhuasuanlist();this.loadCouponList();}},qrR(path) {this.$queue.setData('erweimas', path);},toCategory(son_name) {uni.navigateTo({url: '/pages/categray/search?cid=' + this.category[this.TabCur].positon + '&name=' + son_name});},//app查询goSearch() {uni.navigateTo({url: '/pages/search/search?keywords=' + this.copyTklStatus});this.$refs.simpleModalTkls.hide();this.copyTklStatus = '';uni.setClipboardData({data: '',success: r => {uni.showToast({icon: 'none',title: '搜索中',duration: 1500});}});},// //app查询弹框TklmaskClose: function(e) {this.$refs.simpleModalTkls.hide();this.copyTklStatus = '';uni.setClipboardData({data: '',success: r => {uni.showToast({icon: 'none',title: '已取消',duration: 1500});}});},TklmaskCloses: function(e) {this.$refs.simpleModalTkls.hide();},//获取剪切板async getClipboardData() {let that = this;uni.getClipboardData({success: function(res) {that.copyTklStatus = res.data;if (res.data) {if (res.data.indexOf('http') == -1 && res.data.indexOf('&') == -1 && res.data.indexOf('￥') == -1) {that.$refs.simpleModalTkls.show({showConfirmButton: false});} else {that.$refs.simpleModalTkls.hide();}} else {that.$refs.simpleModalTkls.hide();}},fail: function(res) {}});},/*** 会员授权界面*/goPublisherInfo() {let token = this.$queue.getData('token');let userId = this.$queue.getData('userId');if (token) {uni.navigateTo({url: '/pages/member/publisher?uid=' + userId + '&token=' + token});} else {this.loginS();}},/*** 登录检测*/loginS() {//#ifdef H5uni.navigateTo({url: '/pages/member/register'});//#endif//#ifndef H5uni.navigateTo({url: '/pages/public/login'});//#endif},goWebView(item) {if (item.type == 'url') {//#ifndef H5uni.navigateTo({url: '/pages/member/ping?url=' + item.url});//#endif//#ifdef H5window.location.href = item.url;//#endif}},/*** @param {Object} type 身份选择*/choseGender(type) {this.$queue.setData(this.genderKey, type);this.gender = type;this.page = 1;this.min_id = 1;if (type === 1) {this.TabCur = 6;this.cat_id = 2;}if (type === 2) {this.TabCur = 4;this.cat_id = 1;}this.loadCouponList('Refresh');this.$refs.simpleModalTkl.hide();},showGender() {this.$refs.simpleModalTkl.show({showConfirmButton: false});},/*** 快速置顶*/topScrollTap: function() {uni.pageScrollTo({scrollTop: 0,duration: 300});},/*** @param {Object} url* @param {Object} titles 首页item跳转*/toNavList: function(url, title) {if (url.indexOf('/pages/') !== -1) {uni.navigateTo({url});} else {//#ifndef H5uni.navigateTo({url: '/pages/member/webview?url=' + url});//#endif//#ifdef H5window.location.href = url;//#endif}},toGoodsInfo: function(url) {if (url.indexOf('/pages/') !== -1) {uni.navigateTo({url});} else {//#ifndef H5uni.navigateTo({url: '/pages/member/webview?url=' + url});//#endif//#ifdef H5window.location.href = url;//#endif}},toGoodsInfos: function(itemid) {let relation_id = this.$queue.getData('relation_id');if (relation_id) {uni.navigateTo({url: '/pages/detail/goodsinfo?itemid=' + itemid + '&relation_id=' + relation_id});} else {uni.navigateTo({url: '/pages/detail/goodsinfo?itemid=' + itemid});}},toSearchIndex: function() {uni.navigateTo({url: '/pages/homeSearch/index'});},toZujiIndex: function() {uni.navigateTo({url: '/pages/footer/index'});},toMessage: function() {if (token) {uni.navigateTo({url: '/pages/member/message'});} else {this.loginS();}}},};
</script><style lang="scss">@import '../../static/css/index.css';.com1 {height: 110upx;width: 90rpx;margin-top: 34upx;display: block;}.font {color: #666666;font-size: 24upx;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 4rpx;}.dis {display: flex;justify-content: space-around;}.g_wrap {display: flex;flex-direction: row;justify-content: flex-start;margin-bottom: 20rpx;.g_left {margin-right: 19rpx;image {width: 200rpx;height: 200rpx;display: block;}}.g_right {position: relative;.g_tit {display: block;width: 467rpx;height: 88rpx;margin-bottom: 26rpx;font-size: 28rpx;font-family: PingFang SC;font-weight: 500;color: #333333;line-height: 48rpx;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; // 作为弹性伸缩盒子模型显示。-webkit-box-orient: vertical; // 设置伸缩盒子的子元素排列方式--从上到下垂直排列-webkit-line-clamp: 2;}.g_salse {width: 120rpx;height: 34rpx;text-align: center;background: url(../../static/img/nav/pic_bg.png);background-size: cover;line-height: 34rpx;margin-bottom: 20rpx;font-size: 28upx;color: #fff;}.txt {&>text:nth-child(1) {font-size: 24rpx;font-family: PingFang SC;// font-weight: bold;color: #FF2638;line-height: 32rpx;}&>text:nth-child(2) {font-size: 24rpx;font-family: PingFang SC;font-weight: bold;color: #FF2638;line-height: 32rpx;}&>text:nth-child(3) {font-size: 28rpx;font-family: PingFang SC;font-weight: bold;color: #FF2638;line-height: 32rpx;}&>text:nth-child(4) {margin-left: 9rpx;font-size: 24rpx;font-family: PingFang SC;font-weight: 500;text-decoration: line-through;color: #999999;line-height: 32rpx;}}.buy {position: absolute;right: 0;bottom: 0;width: 110rpx;height: 68rpx;background: #FF2638;border-radius: 10rpx;color: #ffffff;line-height: 68rpx;text-align: center;}}}.arrow_img {width: 78rpx;height: 23rpx;}.news_title {font-weight: bold;color: #FB2C1A;margin-right: 32upx;margin-left: 32upx;width: 12upx;}.xinrenhongbao image {animation: myfirst 1s infinite;}@keyframes myfirst {0% {transform: translate(0px, 0px);}50% {transform: translate(0px, -15px);}100% {transform: translate(0px, 0px);}}.box-float {width: 32%;float: left;position: relative;border-radius: 16upx;padding: 6upx;}.img-gender {border-radius: 60upx;/* #ifndef H5 */width: 60upx;height: 60upx;margin-top: 66upx/* #endif *//* #ifdef H5 */width: 60upx;height: 60upx;margin-top: 20upx/* #endif */}.top-background {background: -webkit-linear-gradient(left, #FB2C1A 0, #FF896F 100%);background: -o-linear-gradient(left, #FB2C1A 0, #FF896F 100%);background: -ms-linear-gradient(left, #FB2C1A 0, #FF896F 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0, #FB2C1A), to(#FF896F));background: -o-linear-gradient(right, #FB2C1A 0, #FF896F 100%);background: linear-gradient(to left, #FB2C1A 0, #FF896F 100%);}.swiper-item img {display: block;}.title .fr {float: right;line-height: 50px;margin-right: 16px;font-size: 10px;color: #ccc;}/*#ifndef APP-PLUS*/.scroll_top_act {background: white;top: 45px;position: fixed;}/*#endif*//*#ifdef APP-PLUS*/.scroll_top_act {background: white;top: 65px;position: fixed;}/*#endif*/.banner {border-radius: 10px;margin: 8px 8px 0 8px;overflow: hidden;display: flex;}.banner img {width: 100%;}.banner>.left {flex: 4;/* margin-right: 10upx; */border-right: 2px solid #f2f2f2;overflow: hidden;}.banner>.right {flex: 7;}.right .top {width: 100%;/* margin-bottom: 7upx; *//*border-bottom: 2px solid #f2f2f2;*/overflow: hidden;}.right .bottom {display: flex;width: 100%;}.right .bottom .bottom-left {flex: 6;/* margin-right: 5upx; */overflow: hidden;border-right: 1px solid #f2f2f2;}.right .bottom .bottom-right {flex: 6;/* margin-left: 5upx; *//* border-left: 1px solid #f2f2f2; */overflow: hidden;}.marquee-box {border-radius: 5px;overflow: hidden;position: relative;background: #fff;height: 26px;line-height: 26px;}.marquee-title {padding-left: 8px;padding-right: 8px;position: absolute;color: #ff5100;top: 0;left: 0;z-index: 3;background: #fff;font-size: 14px;}.marquee {padding: 6px 10px;color: #000;display: inline-block;white-space: nowrap;animation: 35s wordsLoop linear infinite normal;font-size: 14px;}@keyframes wordsLoop {0% {transform: translateX(350px);-webkit-transform: translateX(350px);}100% {transform: translateX(-100%);-webkit-transform: translateX(-100%);}}.selectTop {z-index: 100;padding-left: 16upx;padding-right: 16upx;position: fixed;top: 90upx;background: -webkit-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -o-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -ms-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF2638), to(#FF2638));background: -o-linear-gradient(right, #FF2638 0, #FF2638 100%);background: -webkit-linear-gradient(right, #FF2638 0, #FF2638 100%);background: linear-gradient(to left, #FF2638 0, #FF2638 100%);}.selectTop1 {z-index: 999;padding-left: 16upx;padding-right: 16upx;position: fixed;top: 130upx;background: -webkit-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -o-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -ms-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF2638), to(#FF2638));background: -o-linear-gradient(right, #FF2638 0, #FF2638 100%);background: -webkit-linear-gradient(right, #FF2638 0, #FF2638 100%);background: linear-gradient(to left, #FF2638 0, #FF2638 100%);}#shareit {-webkit-user-select: none;position: fixed;width: 100%;height: 2000px;background: rgba(0, 0, 0, 0.85);text-align: center;top: 0;left: 0;z-index: 999;}#shareit img {max-width: 100%;}.arrow {width: 80%;height: 420px;margin-top: 100px;}// 新加.nablist-1 {text-align: center;color: #333333;font-size: 28upx;font-weight: bold;padding-top: 16upx;}.nablist-1 image {margin: 0 auto;}.share_close {position: absolute;bottom: -0.5rem;left: 50%;margin-left: -0.3rem;width: 0.6rem;height: 0.6rem;background: url(http://img.haodanku.com/Fo2-nJ_43fsFStbAfqMUEcCFJnJ6);background-size: 100% 100%;cursor: pointer;}.home-bg {background: -webkit-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -o-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -ms-linear-gradient(left, #FF2638 0, #FF2638 100%);background: -webkit-gradient(linear, right top, left top, color-stop(0, #FF2638), to(#FF2638));background: -o-linear-gradient(right, #FF2638 0, #FF2638 100%);background: -webkit-linear-gradient(right, #FF2638 0, #FF2638 100%);background: linear-gradient(to left, #FF2638 0, #FF2638 100%);height: 350upx;border-bottom-right-radius: 32upx;border-bottom-left-radius: 32upx;}#follow {margin-right: 60px;margin-left: 30px;width: 90%;height: 50px;line-height: 50px;text-align: left;text-decoration: none;font-size: 18px;color: white;float: left;margin-top: 160px;}.category {padding: 4upx;.list {margin-top: 20upx;width: 100%;display: flex;flex-wrap: wrap;.box {width: 20%;margin-bottom: 20upx;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;image {width: 60%;height: calc(71.44vw / 3 * 0.6);}.text {margin-top: 5upx;width: 100%;display: flex;justify-content: center;font-size: 26upx;}}}}.swiper-box {height: calc(100% - 40px);}.category {width: 100%;.box {width: 100%;border-radius: 20upx;background-color: #ffffff;.dots {display: flex;justify-content: center;height: 15upx;width: 100%;view {width: 30upx;height: 5upx;background-color: rgba(0, 0, 0, 0.2);&.active {background-color: #ff570a;}}}.swiper {width: 100%;padding: 10upx 0;.uni-swiper-dot {width: 20upx;}.category-list {width: 100%;height: auto;display: flex;justify-content: flex-start;padding: 10upx 0;flex-flow: wrap;.icon {width: 20%;display: flex;flex-flow: wrap;justify-content: center;font-size: 22upx;color: #666;margin-bottom: 20upx;position: relative;image {width: 70%;height: 13.3vw;}view {width: 100%;display: flex;justify-content: center;}.remen,.lijian {width: 60upx;height: 30upx;position: absolute;top: 0;right: 0;}}}}}}.sale {background: url(../../static/img/nav/salse.png);background-size: cover;font-size: 20upx;width: 320rpx;height: 32rpx;text-align: center;color: #fff;position: relative;left: -108rpx;top: 8rpx;}
</style>
开源淘宝客APP源码淘客商城源码uniapp开发模版相关推荐

淘宝客app源码如何选择技术栈？
选择技术栈是开发淘宝客App的重要决策,它将直接影响到开发效率和产品质量. 首先,选择技术栈的时候需要考虑淘宝客App的功能和需求.淘宝客App作为一个电商平台,涉及到用户登录.商品展示.下单支付.优 ...
微客云原生淘宝客APP小程序系统如何定制
淘宝是中国最大的电商网站,而淘宝的火热,也兴起了一个全新的行业,淘宝客.就是帮助淘宝商家推广商品的一种职业.目前淘宝每年有百分之10的销售业绩都是通过淘宝客贡献的,所以说淘宝客的市场越来越大.但是淘宝 ...
兼职做淘宝客好吗？淘客APP怎么盈利？
兼职做淘宝客好吗?淘客APP怎么盈利? 本人做淘客类应用四年有余了,各个平台基本都接触过,模式基本也都了解,写这篇文章主要是对淘客类兼职应用的模式做一个简要的分析.一方面是对自己过去两年年的工作经验做 ...
霍常亮教你开发淘宝客app第2节
霍常亮淘宝客APP开发系列教程第二期第2节之前录制的收费培训课程,现在免费分享给大家! 您的关注和点赞是我更新的最大动力! 更多教程以及合作请关注微信公众号:霍常亮创业日记
霍常亮教你开发淘宝客app第3节
霍常亮淘宝客APP开发系列教程第二期第3节之前录制的收费培训课程,现在免费分享给大家! 您的关注和点赞是我更新的最大动力! 更多教程以及合作请关注微信公众号:霍常亮创业日记
阿里妈妈佣金转换API接口（阿里妈妈返佣接口，淘宝客佣金接口，淘宝链接转换接口）代码对接教程
阿里妈妈佣金转换API接口(阿里妈妈返佣接口,淘宝客佣金接口,淘宝链接转换接口,淘宝佣金转换接口)代码对接教程如下: 1.公共参数名称类型必须描述 key String 是调用key(必须以 ...
霍常亮教你开发淘宝客app第11节：uniapp数据绑定
霍常亮淘宝客教你开发app第11节:uniapp数据绑定每日更新一节课之前录制的收费培训课程,现在免费分享给大家! 您的关注和点赞是我更新的最大动力! 更多教程以及合作请关注微信公众号:霍常亮创业 ...
淘宝客APP开发定制都需要什么功能
淘宝客系统应该有的功能什么是淘客?淘客主要是做什么的? 一.淘客主要工作内容如下: 1.淘宝客的日常招募: 2.制定招募计划.奖励制度.佣金设定.淘客申请的审核: 3.维护淘客,提升淘宝客活跃度: ...
您的请求参数与订单信息不一致_[淘客订单检测]淘宝客订单检测接口,淘客订单查询API...
功能 1.输入交易的订单编号,即可查询该订单是否为淘宝客订单.有意向请联系卫星weixiaot168. 2.查询结果 0:不是淘宝客订单:1:是. 3.根据淘宝官方的后台数据,进行检测,数据真实且有效 ...
将淘宝客链接转换为正常淘宝、天猫商品链接
前一阵有个朋友采集了一堆的淘宝客推广链接,但很多都是加密后的格式 http://s.click.taobao.com/t?e=zGU34CA7K%2BPkqB07S4%2FK0CITy7klxxrJ3 ...
开源淘宝客APP源码淘客商城源码uniapp开发模版

1、功能介绍

2、下载地址

目前只提供学习研究使用！不可商用！

开源淘宝客APP源码淘客商城源码uniapp开发模版相关推荐

最新文章

热门文章
