當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

开源淘宝客APP源码淘客商城源码uniapp开发模版

發布時間：2023/12/9 编程问答 42 豆豆

生活随笔收集整理的這篇文章主要介紹了开源淘宝客APP源码淘客商城源码uniapp开发模版小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

?

本項目使用uni-app開發支持多端使用！目前適配h5、安卓、IOS、公眾號，使用hbuilder導入即可運行，提供學習使用

1、功能介紹

廣告位、淘寶返傭、拼多多返傭、京東返傭、熱銷榜、聚劃算、天貓超市、母嬰精選、9.9包郵、免單中心、超值大牌、新人攻略爆款沒事、每日上新、6.9包郵、9.9包郵、精選包郵、3.9包郵、熱門抖貨、商品推薦、商品詳情、商品海報、APP檢測升級、配置動態化、分享海報、會員授權、獲取剪切板、商品分類、分類詳情、多平臺比較、海報生成、熱門搜索、搜索歷史、搜索、精選單品、好貨專場、提現、提現明細、會員、訂單明細、瀏覽歷史、我的收藏、推廣中心、推廣訂單、免單中心、賬號安全、設置、提現設置、換綁手機號、修改密碼、邀請成員、推廣海報、我的特權、會員升級、登錄注冊、忘記密碼等功能提供學習使用

2、下載地址

sqx-app.zip_uniapp開源商城源碼-其它文檔類資源-CSDN下載

???????

目前只提供學習研究使用！不可商用！

<template><view class="index-content" style="background: white;"><view class="top-bckground"><view class="index-header" style="top: 0;"><view class="icon_header" style="padding-top: 50upx;"><view class="icon_header"><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><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><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></view></view><view><scroll-view scroll-x class="nav selectTop" style="height: 80upx;" scroll-with-animation:scroll-left="scrollLeft"><scroll-view scroll-x class="nav selectTop1" style="height: 80upx;" scroll-with-animation:scroll-left="scrollLeft"><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><view v-if="TabCur==0"><view class="home-bg" style="height: 300upx;"></view><view class="home-bg" style="height: 360upx;"></view><view class="swiper" style="margin-top: -140upx;"><view class="swiper" style="margin-top: -120upx;"><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><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><view class="index-coupon has-pd-10" style="margin:200upx 8upx 180upx 8upx ;background: #FFFFFF"v-if="TabCur!=0"><view class="index-coupon has-pd-10" style="margin:180upx 8upx 180upx 8upx ;background: #FFFFFF"v-if="TabCur!=0"><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><view class="s-col is-col-24"><load-more :loadingType="category[TabCur].loadingType" :contentText="contentText"></load-more></view><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开发模版的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：致毕业生：那些年我们错过的“BAT”
下一篇： gcc 5.2.0 手动更新（亲测）