From 26d73c661f7af5d7069b28bd6d5a68619d1610c2 Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期二, 27 六月 2023 11:06:55 +0800
Subject: [PATCH] no message
---
public/html/fengqiangbang.html | 170 +++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 147 insertions(+), 23 deletions(-)
diff --git a/public/html/fengqiangbang.html b/public/html/fengqiangbang.html
index af57464..de95840 100644
--- a/public/html/fengqiangbang.html
+++ b/public/html/fengqiangbang.html
@@ -52,8 +52,10 @@
.list-container .tit-img{
width: 1.84rem;height: 0.36rem;position: relative;margin:.1rem auto .3rem;display: block;
}
+
.list-container .top-nav{
position: relative;
+ margin-bottom: 20px;
}
.list-container .top-nav .swiper-slide{
padding: 0 .2rem;font-weight: 500;font-size: .3rem;color: hsla(0,0%,100%,.6);position: relative;width: auto;padding-bottom: 8px;
@@ -64,6 +66,22 @@
.list-container .top-nav .swiper-slide.act::after{
content: '';width: 50%;border-bottom: 2px solid #fff;position: absolute;bottom: 0px;left: 25%;
}
+
+ .list-container .plat-nav{
+ position: relative;
+ display:flex;
+ justify-content:center;
+ }
+
+ .list-container .plat-nav .swiper-slide{
+ padding: .2rem .2rem;font-weight: 500;font-size: .3rem;color: hsla(0,0%,100%,.6);position: relative;width: auto;
+ }
+ .list-container .plat-nav .swiper-slide.act{
+ color:#fff;font-size: .35rem;
+ }
+
+
+
.list-container .updateTime{
height: .4rem;background: rgba(255,129,70,.9);border-radius: .2rem;display: table;margin: .3rem auto;padding: 0 .2rem;font-size: .22rem;color: #fff;line-height: .4rem;
}
@@ -222,16 +240,48 @@
center center no-repeat;
background-size: 2.4rem auto;
}
+ .plat-wrapper
+ {
+ display:flex;
+ justify-content:center;
+ margin-bottom: 20px;
+ width: 65%;
+ background: hsl(0deg 86.5% 45.77% / 60%);
+ border-radius:6px;
+ }
+ .loading {
+ display: flex;
+ position: fixed;
+ width: 100vw;
+ height: 100vh;
+ background: rgba(0, 0, 0, 0.2);
+ top: 0;
+ left: 0;
+ z-index: 10;
+ justify-content: center;
+ align-items: center;
+ font-size: .35rem;
+ color: #333;
+ }
</style>
</head>
<body style="padding-top:30px">
-
+
<img src="https://jpdy.ffquan.cn/static/header_bg.12963398.png" class="top-bg" alt="">
<div class="list-container" id="fqList">
+ <div v-if="loading" class="loading">
+ <span>鍔犺浇涓�...</span>
+ </div>
<div v-if="sys == null" class="sys"></div>
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALgAAAAkCAYAAAA6l/D/AAANu0lEQVR42u2ce5QUxRXGdxcICgQiKKAiAgYf+GJVFHyjAhrkoWh8oATj9Cw+QI0iiSYirAkejMpRwQckYAQ0gFFUIggagq48ND5hVUAJ6CooqMB277LA/vLH3IGamqqe7pmeRU6859Q5M/W8Xf119a3v3uqCgh/lR/lR0gU4B5gMPAS038t07wL0BdrU0XjtgSnAK8DA/2PMtAXaZtFuCDAJGFBXih4LbGe3rAP22UsmeaSidxVwbJ7HqwesVcbcCXTJ43jdgAHAAVm0PQ8YBfwaqB+xXkOBWknDQrTrQaoMqwuQDCRdLo4YFAcD7Sxpvxz6XqrpPTTPc7WvthgA/C1PY92ojPEV0CRE29Gajv+MEuTAa0rfr2tlDYGmlnSlptdXQAuf+k3T9AaKgGOArrICZEqXGwA+J2DbbvIGaGSZiM7ABjLLU1lO9LIoAA4cB0wHlgNrgP/6JB3gNRnqq+lt4MKAOs3QxukSsJ1jmeMnIgT4QqXfMiX/FqCaaOU7oLv69LxD3cv3wJmGifhziD72ryuAAz8BCuV3c2BTHc7VZwF1nKm1OzmgCVDjM/aIPAO8Ik9zNjU5QB/2nDxqmIjHQrRvn2+AAw1kZawBysXkGFjH87Q2HwAHOslq5ye1QDyPAF+cpzkbkxzgqj0I8IcDAPxxoAQYAWzVAQ4cBVwUIq3S+pgk+cWWG3OuVt8BbqvDOfoW+FXUAAdaimmly8eGvJ1BdcgC4G2APwBjlbRSebimamXJ9IbUqQYe0cp+A+ybHGCQwX6ZKI2iTq9rY40OAPB6StlsrSwG7IgISLWmjbLsCfTN1+1a3krgQFntI00BgNNQwNoSeEHTq5fkN9HatADeNczBZKAQeNJQtgO4PgSgLwFWA19K2qb0tU3Jn6EycDJ+lVL3MUPfTbQ3z/1+iugAv1fyr5enbrrJVrawBTcCpbbNDXCxNtYtmQCulc3S2v8j4tVyokGfImC9UmcrcKfWbrpSv75s1vsLXRcm9QWOC0nrbQ1wXduB66TNAcD7hjr/Sj5Q8nDNtfQ1KqBuq0PM+wCtbblStlF/0IELtfYPhAH43cAJBiWW+u3mgQeVuh7Q0lDnT1qfF+YI8MfzYrel6zRJq6ebAtOk3n7ARxHocX9AEE0L0ecKWc0/tJglzbW+G2tmhSrPAI0z6LYmhG6XA2eKKXodME8rv0/yk2mO4c2TLOub8sayALyrjzJvAqcbLkhXqmuAOm1yBHgx8Heh6oImT+vjS8l/EWhtuVn6PuULC8BvjIrmCgjwB0L0WS4g1+UT4BBL/42AVy39fQC089HtGmGaqjXzJGnTV4spMh94OeKFas0uhk0Qr8rNkj9e7FKbvfoMcHBIgL+klH9tmZgwAM87iyJtjsgwoUmAPxThTWoUQK/9ZHV7StJarY+XJX+pD0hbBTA9Z1rafwo0DaDnGYZ9XivF85oPuUmlwSYL6mcDzRTFioHnfYC+GTje4KkCONFwod0BV57gm/cigBcBlQEArm+QewPHB0idgQVa22ZZXFsaiwK0sjjOlulmiU+/hcC9FhwMC9B+kM1R5+NkylVKbco0Bc5XYzQE6HMsHU2x8JlHW/pvBhzkMxk/OIBLuzezAHhTn/6uFlZpmPx/NE8AN3H2i1XdYGhDKp3OVMZ7UhXvjhs/0Ick+Fbr664Aet1tsQK6A8O0/IWyB1QXgLMlhqi/ZYE40cCwlZgUaQV8riiwAOihlPcy2HFJ1uXDXMFnAckRSppnG0Nu5r/ltXx4HgA+NguAF4t58AVwrjbPqnv67DwCvKO275ifBDc1Q4rxnKfxHA/XISV5zkq8+K2sGtpQG+NQ4abXCRd9aAC9bGzXR8AVfsyavD1WKvTiJZYxdN9EZ9vGwCT/AforNFiJrKb3JAl1MVfUp7NRRAAP5MmUzVJSlifd6hEC/BBgidBfKwIC/BXl96Yks2TYjJ6eR4A3lAconiQHoKAQLz4G19mRBuz0VE51/LAcHDxFhlVflfHa/xsMPH+NNo/7G8YpVepsAIpMyhRncJwsBE4wtGuu1duYw4RkC3B9EvvlK9jK4OhJAvxxg5c0jS/X6LfvScS55APg05WF56XkQ4/rTAoAbCXFKqgc3DrL+3lShnvoSkrKE8BdWvrUsHDodVTcvAGcZFPoUnn92GQnieD9Zj7u7LI9APCntbJFeQT4XRaATzWEEuixHtfJHO7icPNog+vSlsrYIIM5Uosbews3/lc8Zxau852hzsws7+c9FlDnW1wrQyRmyFUWp0BSnlXqj9TKHowQ4HOVtN4H4CcadOwcJcDFdn7C8JZLbrSf08MMgGsNmytVekQBcBLx88t87tf3sLwJnvOZBt4KvPjpqX0NbYrrzNJW8Vq8eNuQOtUXP4MuZbJfyrf0DEIP9QPeMjRer9RbopX1jwrgYVgUg1NiQkQ0YTsBoG3lmSD1VJu7Smm/wNJubTLWJhuAywM0WBiumgxv3UFUxntqq/JOXMcSVjF4H1xnfUr9SmdgyHt5sUWfMmE/tucR3Fsycfy6sr01oJdK/uHaqrSFHI6v5Qjw3gaHQsMcw2V7a8E/JhktdVWHSoXSR0dLH3codbIB+NwAN/pd4LSCgoICvPhYDeCLfPt3ncUp9avjJSHuY6GPg6lM6lwkdZIUYH8xkfUgr/5ZpA5qwPs7QsVkSqtkwFr5vZLEESJVqgL2tQw4NWKAFxn2D/1yBPiCACCKSd1vlLz3M3DBO9R4nbAAJxERmEmGqmwSrjNfM09K7eCO98aN1abUr4qdk6rDLfv66HeFj15lGcJ4U0yrXAPR32PPyaKoHT2kny28I0eAT9TqLzfY4KcamKQXtX5+a7j+/kr5I1rZz0gc7VtkMbV+atBDt+9T4sHxnE9SV/CSy7QVewiu8y2esyWx8dRsdUbWT4x9dWNcZ77UWUHVkHYGam9NlgAvNlxTZcC0UQiQQrXDdXsQ4MvzAPBDNSfKWTkCvK2s4vPEK6hHWm6XoCQ9QO0hjUM3hbWuZHeIqh441QJ4Vvl/kEG3X0qQ2EQSn/F41hfgrlORanI4F2gbyxorVeg5l++qW+mM0MrHZ7C9N0rcSxCAD44AV10LfFaOupQx+XDVAz3lSb4qapoQGG6xJ2/Q8uNKmxk+c5AMbhuj5bfSgqc65HqiB89ZbQUt8UZ4TqUB3DvwYsN31ysopDL2cWo/sTGaHvpcDMRyosdwDU9FgKveut16pmymgqQ+JILjdamRoJqg/Zxq8jb+UGNRlPb6YYE7LaeNukh+H0OA2g7NM9cc+J2BQ68JuenMBPBXNeov5UQV1SXn48bfwXU8XGcDXmyGzrLgOhekPQTbSjoZKMtyoQhvMDi3yiz6Nzb4DWazO1rSlKYa2K0+2drr7cUm9OFamS0BNEdGxIMXKWXP7UmAkx7aWQt0IBGRuUXJ3yoccBtt4wmJj+pM0fLGGaLqzlEfimxd9akAj4/RwLkKCgqDX//IIjznba2PsoC6BQG4vvKvM7rc/cOwIeBnNtQOOogbOuz3Kz4C/ojlQG9AgA+X6MZLSQ/7rGuA67Tca5J/vpY/h8S5Qf3c4zzFJve0t58eLKSGAyyJCOCnpJsg8Vjg6/fit6e1r3R6RQFw2TTrjFxpwL7nh3LwKGGtA2XVtBHym4EJAcH+PnAT0CIfrvo6CJftaRj/Ail7Ube/DWD7GuUEE+nH9/Rw5HI/h1U2ADdy265ThRe7LDO4S67Ac7ZrNvxrIeY9E8D/YnDUHBSw75Va226mSgeSON1TKh65TKv1UhIhrPWEw/UCgtKTt8HhFmXHhwB4Wx+39UyZ1OTrv6eYGLq7//oAE9jcwDYtk7LDtNiSauAsA+d9nmHFUnWZ5rOQDMjwdnVkH7UkI8Brri3Gc6oNm8m5ePFL2XpNyjcN2eYcjRufYqANN1MVax8FwDEf9Ruu7hN9+u1koEdbqhVak/45Bz/5RhwI9QzcZ3cJrgnCre+UuI5CrZ9hIfRoYLno50Jcz2UBbs4sg+19mpSNM0TwtSb1BNBwS789ZN9SQSK0dbHF5dzE0v6oDIFLJ1s8lEPSnDhq4JXnbMCLf4zrfGOhDbfjOReFfHPavotyu7ZAII7HBrKAlsuD/56s8jcLDXmGkBUfaG1X6QOPCwiEz8UebhrwgjqIXZnps3C9tHYNSHzv5D7hhk1pFHCMz9jlIQDeMcN1nGto86RSvkl7aI9RTJo5wDUB4kmK5PdNhrEe9Wk7JMO1dbK2rSoZZFnJM6VqquJXZmEaLjRQq6aVuwI5BG1wsgWR0frAEzKskk/KJqpeDt7S40l8VsIU+N63IGIBbg04Ga8E6Evf/H2BfN1W4i3UgxbjctS7scZ9b8LnG+Y+MS5Jm9/3nrF5cEfc2Au4zs6A4H6XSqdzltdmAvhGTedNKGd5gTtCgrsibY8nnr/3ZPVZLd6w24BTcgG15SIbkTgNtFxe83OI+DvUylhnCNAnCbWZ5GW/I/HV1smZNrwK47FR2VR3M9j7D0usSYMI9D5STKLZQdgn8aBOI/UjlpvCRHTixdvixYbjOs/jOWvxdnk0a3CdNbjxKbjx3mEoRYOe6jdcnjFsDlcAPze8zcfKw5pJPkUOwFtflQV1KCS/HbcXiGzAf0HAU+h7UM9CLEf1wvcVbxSxbvsDv5d0gLK43imLXpMA96CXmGUjhH5+QGKP+tkWl/8BKQdFjmKkPTAAAAAASUVORK5CYII=" class="tit-img" alt="">
+ <!--骞冲彴--->
+ <div class="swiper-container plat-nav">
+ <div class="swiper-wrapper plat-wrapper">
+ <div class="swiper-slide" :class="platid==item.id?'act':''" v-for="(item,index) in platlist" :key="index" @click="choosePlat(index,item.id)">{{item.title}}</div>
+ </div>
+ </div>
<div class="swiper-container top-nav">
<div class="swiper-wrapper">
@@ -239,7 +289,7 @@
</div>
</div>
- <div class="updateTime"><i type="shizhong" class="DTKiconfont shizhong shizhong___3DUi1"></i>璺濈涓嬫鎺掑悕鏇存柊杩樻湁 {{mins}} 鍒� {{ss}} 绉�</div>
+ <div style="display: none;" class="updateTime"><i type="shizhong" class="DTKiconfont shizhong shizhong___3DUi1"></i>璺濈涓嬫鎺掑悕鏇存柊杩樻湁 {{mins}} 鍒� {{ss}} 绉�</div>
@@ -310,13 +360,13 @@
</div>
<div>
<div class="title">
- <div class="shoplabel" v-if="item.mallDesc!='娣樺疂'">
+ <!-- <div class="shoplabel" v-if="item.mallDesc!='娣樺疂'">
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAaCAYAAADIUm6MAAAE60lEQVRYw9WYbVBUVRjHz+gH/OCHdCY/WE1OGTNWU40ibIqSE6IGZpoGgrGUyAjrYkrI2yqIKGjN+FLONOk4aI6azZqZmu+ama9oElmOGApqvrK6KjBp8uvDc5a7d3eBJZsp78xv9p7/eZ7/8+y95yxnUEopRZ4tFIfdicPuxjGFoCnQODqKXdOhHDcOu5M8W6hqaTonw0VOBo8ILvJsoYqsdCfTJ/NIkZXuVNjT3NgnEZg0H9qLm/Qv01r9NLdi8kRMzMyFBw/+OWfPGF6VJ6GpEepqwbkebGnmWtVnAKCsxKzv3in6mi/w60+jmPgeJvJyeKjrbLXhVVVlnvthv+hfroWfK+HuXdGrq2Xs4fp10S9elHHpXHz7VCRbwZpsJiUlMA6HGNbVtR5jTYHkZMFqhdRUKJsPDY3Q3AxTbHDgQMcexpIlkGz1IhlF4gRaGN8OM/LEqLaONvMSA3DqlOQWzobsXJhXBnUXRCtfJWMPRytE37ZdxpMz/HwV4xIJmiy9jM7XBp8TPwFWrITGRsktKjHmDh6CK1fhw1xzzrqvRF+8tFVfxVsJ+BOv8dGnZkvxc7UEzvMhv0i+pPflKG7dv736Xihix2HiSAVU/WrmF03171K8qSnwvIdl5eK1co3EX7gEly7LfV4RrHNCzbngKSiG2He8GIci5m1MuG/z0Nem78QrNgE+WQax8VBxUuayC2Hnvo75FX+Eb5+KIaMxYcuBzHxhqsYz3uFVsHSRofuSlG72HJ4A1TWSN20mbN8r95+VQ4pdOHRMtKUrDO3Icb2h5+PbpyJyFEExaBTUeK3Xz1d7zb/pg5deUAqXrxp59nzYtkdv1I+NWM9DmbXA0HbtF62gzFxn0CgUEXFgaYUIjSUO8krFpEH/OtTfhOh4HTvSB52zeoPRcHOzfKbnwtbdcj9zgeG/Tb+F/DIjf4duPHeeX1+Kfm/QLjFJcL1eP6WFcPiE3G/Z03ZeUibccEHxIjiq13jqDNi8S+5dt+CPq0JjU+ta9lw/b8VLw2mTV8dA1WkxOHgcXh4Bce/DnQbRPl3Zdn7YSPk8Vinx1izYtKtjm3P6HD9fRZ+h0CdGM9TM4Hij6TPnYMBYWuJthXD/L73e18LzAfI9vBIHt/Sv1ZBE2KgPUcVLICoBosbDTn0MKFyktQTYfVC0zNk+njEoer9OQJKy4Io+7FSfB8tY/5hpc+HefYnZexgiAsQ8Fw3rt0pMRZVoX++Q8QclRtw3+i1kFhvaZr2JbUV+voqnh2DixTgo3yBHVIDvj0Lf0fjFeUiYJusS4MZNmFoCvfTcC7HwrS5+pwFGpIq+aqNoC8sNH89byJgt42ejoVK/7Xez/eoqeg6GnlEGx/Vh6N59mL8cnnzNPN8zCsnxou8Y2HfM68/6Yolbu0XGN90wxg5PRAmj7fJgmpvly15zQdOfEuu+A9fq4bY+8l68Ar2H+dVX9IikhccjIXUW/PgTRE6QcSC841u0QWCbA7/VQO8RMm8ZDwdOQP94THV6RMKUEqi/1famrDwNUdaA9RXdBrjpNgAzA/HXvHhME2iu+0D/uNbiuw+EXsPgmeH+PBXdVg9uRVeLk64WhAiN5T8i6PpORUh4KF3CXYT0xyDch/7tEGxcsP5tzHcJdxESrv+3EhIeSucwJ53C3HTqx/+TMDedw5yepv8GV1+TBUuIRhcAAAAASUVORK5CYII=">
- </div>
+ </div> -->
<span>{{item.dtitle}}</span>
</div>
<div class="lable" style="margin-bottom: 12px;">
- <div class="coupon" style="display: inline-flex;">
+ <div v-if="item.quanJine>0" class="coupon" style="display: inline-flex;">
<span>鍒�</span>{{item.quanJine}}鍏�
</div>
<div style="margin-left:10px;background: linear-gradient(-90deg, #7619EC, #A429F3);" class="coupon" style="display: inline-flex;">
@@ -345,7 +395,10 @@
<script>
(function(){
- var size = (document.body.clientWidth || document.documentElement.clientWidth);
+ var size1=document.body.clientWidth;
+ var size2=document.documentElement.clientWidth;
+ var size=size1<=0?size2:size1;
+ size=size<=0?400:size;
document.documentElement.style.fontSize = (size > 750 ? 750 : size) / 7.5 + 'px';
})();
@@ -354,6 +407,7 @@
new Vue({
el: '#fqList',
data:{
+ loading:false,
cateList:[],
goodsList:[],
localGoodsList:[],
@@ -363,7 +417,29 @@
mins:0,
ss:0,
cid:0,
- type:1
+ type:1,
+ posturl:'http://dfg.shop.com',
+ // posturl:'http://dfgapp.ushopvip.com',
+ //posturl:'http://appapitest.ushopvip.com',
+ platlist:[
+ {
+ id:"tb",
+ title:"娣樺疂",
+ },
+ {
+ id:"jd",
+ title:"浜笢",
+ },
+ {
+ id:"dy",
+ title:"鎶栭煶",
+ },
+ {
+ id:"pdd",
+ title:"鎷煎澶�",
+ }
+ ],
+ platid:'tb',
},
onload(options){
console.log(options);
@@ -439,20 +515,62 @@
this.cid = cid;
this.type = type;
},
+ choosePlat:function(index,id)
+ {//閫夋嫨骞冲彴
+ this.platid = id;
+ this.getCateList();
+ },
getCateList:function(){//鑾峰彇鍒嗙被鍒楄〃
var _this = this;
- $.ajax({
+ //_this.loading=true;
+ if(this.platid=='tb')
+ {
+ $.ajax({
url:'https://dtkapi.ffquan.cn/dtk_go_app_api/v1/page-goods-ranking-cate',
type:"get",
- }).done(function(res){
- if(res.code == 1){
- _this.cateList = res.data
- }
- setTimeout(function(){
- _this.cateRender();
- mySwiper.slideTo(0, 0, false)
- },10)
- })
+ }).done(function(res){
+ //_this.loading=false;
+ if(res.code == 1){
+ _this.cateList = res.data;
+ _this.actIndex=res.data[0].id;
+ //鑾峰彇鍟嗗搧鍒楄〃
+ _this.getGoodsList(res.data[0].id);
+ }
+ setTimeout(function(){
+ _this.cateRender();
+ mySwiper.slideTo(0, 0, false)
+ },10)
+ })
+ }
+ else
+ {//浜笢銆佹姈闊炽�佹嫾澶氬
+
+ $.ajax({
+ headers:{
+ "token":this.getUrlPar("token")
+ },
+ url:this.posturl+'/api/Activity/fqb_plat_cate',
+ type:"post",
+ dataType:"json",
+ data:{
+ plat:this.platid
+ }
+ }).done(function(res){
+ // _this.loading=false;
+ _this.cateList = res.data;
+ res.data.forEach(obj=>{
+ obj["id"]=obj["cid"];
+ })
+ _this.actIndex=res.data[0].cid;
+ setTimeout(function(){
+ _this.cateRender();
+ mySwiper.slideTo(0, 0, false)
+ },10);
+ //鑾峰彇鍟嗗搧鍒楄〃
+ _this.getGoodsList(res.data[0].cid);
+ })
+ }
+
},
getNowTime:function(){//鑾峰彇褰撳墠鏃堕棿
var _this = this;
@@ -510,23 +628,25 @@
cid = cid || 0;
type = type!=undefined?type:1;
var _this = this;
+ _this.loading=true;
$.ajax({
headers:{
"token":this.getUrlPar("token")
},
- url:'http://dfgapp.ushopvip.com/api/Activity/fqn_goods_list',
+ url:this.posturl+'/api/Activity/fqn_goods_list',
type:"post",
dataType:"json",
data:{
+ plat:_this.platid,
cid:cid,
type:type,
app_key: _config.appKey,
}
}).done(function(res){
+ _this.loading=false;
if(res.code == 0){
- _this.goodsList = res.data.data.data;
- console.log(res.data.data.data);
- _this.sys = (res.data.data && res.data.data.sys) ? res.data.data.sys : null;
+ _this.goodsList =_this.platid=='tb'? res.data.data.data:res.data;
+ // _this.sys = (res.data.data && res.data.data.sys) ? res.data.data.sys : null;
}
else {
_this.sys = null;
@@ -592,6 +712,10 @@
})
},
imgFomate:function(img){
+ if(this.platid!='tb')
+ {
+ return img;
+ }
if(img.indexOf('http')!='-1'){
return img+'_310x310.jpg'
}else{
@@ -603,8 +727,8 @@
this.getCateList();
this.cateRender();
// this.getDateNow();
- this.getGoodsList();
- this.getNowTime();
+ //this.getGoodsList();
+ // this.getNowTime();
}
})
</script>
--
Gitblit v1.9.3