From 58bae3024b9ecfc6ad197ea408b6b1629f03fe0f Mon Sep 17 00:00:00 2001
From: zhaojs <349234519@qq.com>
Date: 星期二, 04 七月 2023 12:27:57 +0800
Subject: [PATCH] no message
---
public/html/freebuy.html | 207 +++++++++++++++++++++++++++++++++++++++++++--------
1 files changed, 175 insertions(+), 32 deletions(-)
diff --git a/public/html/freebuy.html b/public/html/freebuy.html
index 8fe4966..455d2d1 100644
--- a/public/html/freebuy.html
+++ b/public/html/freebuy.html
@@ -158,7 +158,7 @@
.list-section{
- display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.87%;
+ display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;padding: 0 1.87%;margin-top: 0.6rem;
}
.list-section .listTmp{
width: 49%;background: #fff;border-radius: .08rem;margin-bottom: .14rem;box-sizing: border-box;
@@ -230,11 +230,66 @@
center center no-repeat;
background-size: 2.4rem auto;
}
+
+ .sort {
+ background-color: #ea2424;
+ border-radius: .2rem .2rem 0 0;
+ margin-top: 0.8rem;
+ }
+
+.sort-list {
+ display: flex;
+ border-bottom: .02rem solid #eb3a15;
+ color: #ff8f78;
+ justify-content: space-between
+}
+
+.sort-list>li {
+ width: 25%;
+ font-size: .26rem;
+ font-weight: 500;
+ color: #ff8f78;
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ padding: .24rem 0
+}
+
+.sort-list>li.sort-active {
+ color: #fff
+}
+
+.sort-list>li span {
+ position: relative;
+ height: .16rem;
+ margin-left: .06rem
+}
+
+.sort-list>li span i {
+ position: absolute;
+ width: 0;
+ height: 0;
+ border-color: #b92709 transparent transparent;
+ border-style: solid;
+ border-width: .06rem .06rem 0
+}
+
+.sort-list>li span i:first-child {
+ transform: rotate(180deg)
+}
+
+.sort-list>li span i:nth-child(2) {
+ bottom: 0
+}
+
+.sort-list>li span i.arrow-active {
+ border-color: #f2f2f2 transparent transparent
+}
</style>
</head>
<body >
- <div id="appMain" >
+
<header class="act_header">
<div></div>
<div class="centent"><img src="https://yanfeiobpub.obs.cn-east-3.myhuaweicloud.com/dfg/xinrengoubanner.png" alt=""></div>
@@ -242,16 +297,24 @@
<!-- <a href="">鍒嗕韩</a> -->
</div>
</header>
-
+ <div id="appMain" >
<div :style="{ height: (twoNav && twoNav.length > 0) ? '2.3rem' : '2.3rem'}"></div>
+ <div class="sort">
+ <ul class="sort-list">
+ <li v-for="item in fristOrderSort" v-bind:class="{'sort-active': item.number == sortNumber}"
+ v-on:click="handleSort(item)">
+ {{ item.name }}
+ </li>
+ </ul>
+ </div>
<div v-if="loading" v-else class="loading">鍔犺浇涓�...</div>
-
+
<div v-else style="min-height: 100vh; background: #fbe7e2;" class=" swiper-container swiper-container-initialized swiper-container-horizontal swiper-container-free-mode swiper-container-ios">
<div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px);">
<div class="swiper-slide list-section">
<div class="listTmp " v-for="(data,key) in lists" :key="key" v-on:click="targetItem(data)">
<div class="productImg">
- <img :src="data.mainPic + '_310x310.jpg'" class="fadeIn " height="200" width="200">
+ <img :src="data.mainPic + (plat=='tb'?'_310x310.jpg':'')" class="fadeIn " height="200" width="200">
</div>
<div class="productInfo">
@@ -314,6 +377,31 @@
goodsList:[],
robbingNum:0,
},
+ sortNumber:'tb',
+ sortId:0,
+ fristOrderSort: [
+ {
+ name: "娣樺疂",
+ bool: true,
+ max: "",
+ min: "",
+ number: 'tb'
+ },
+ {
+ name: "鎶栭煶",
+ bool: true,
+ max: "",
+ min: "",
+ number: 'dy'
+ },
+ {
+ name: "浜笢",
+ bool: true,
+ max: "",
+ min: "",
+ number: 'jd'
+ }
+ ],
goodsItem: [],
lists:[],
nav:[],
@@ -321,10 +409,13 @@
twoNav:false,
activeTwo:undefined,
loading:true,
- isUniReady:false
+ isUniReady:false,
+ plat:'dy',
+ //posturl:"http://dfg.shop.com"
+ posturl:"http://appapitest.ushopvip.com"
+ //posturl:"http://dfgapp.ushopvip.com"
},
methods: {
-
targetItem:function(item){
uni.navigateTo({
url: '/pages/goods/goodsDetail?id=' + item.goodsId+'&frompage=freebuy'
@@ -339,7 +430,25 @@
});
} */
},
-
+ handleSort: function(item) {
+ if(this.sortNumber == item.number) {
+ if(item.min === item.max) {
+ return;
+ }
+ if(item.bool) {
+ this.sortId = item.min;
+ item.bool = false;
+ } else {
+ this.sortId = item.max;
+ item.bool = true;
+ }
+ } else {
+ item.bool = true;
+ this.sortNumber = item.number;
+ this.sortId = item.max;
+ }
+ this.getgoodsSwitch(item.number);
+ },
getUrlPar:function(name)
{
var reg=new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
@@ -347,31 +456,14 @@
if(r !=null)return unescape(r[2]);
return null;
},
- getGoodsList:function(){
- var _this = this;
- this.loading=true;
- //鍒ゆ柇鏄惁棣栧崟
+ //鑾峰彇鎶栭煶鍟嗗搧
+ getDyGoodsList:function(){
+ var _this=this;
$.ajax({
- headers:{
- "token":_this.getUrlPar("token")
- },
- //url:'http://dfg.shop.com/index.php/api/user/check_isfirst_free',
- //url:'http://dfgapp.ushopvip.com/api/user/check_isfirst_free',
- url:'http://appapitest.ushopvip.com/api/user/check_isfirst_free',
- type:"post",
- dataType:"json",
- data:{
- }
- }).done(function(res){
- if(res.msg.info==1)
- {
- $.ajax({
headers:{
"token":_this.getUrlPar("token")
},
- //url:'http://dfg.shop.com/index.php/api/taoke/get_first_free_goods',
- //url:'http://dfgapp.ushopvip.com/api/taoke/get_first_free_goods',
- url:'http://appapitest.ushopvip.com/api/taoke/get_first_free_goods',
+ url:_this.posturl+'/api/taoke/get_first_free_dy_goods',
type:"post",
dataType:"json",
data:{
@@ -382,6 +474,58 @@
_this.lists=[].concat(_this.lists,res.data.list);
_this.loading = false;
})
+ },
+ //鑾峰彇娣樺疂鍟嗗搧
+ getTbGoodsList:function()
+ {
+ var _this=this;
+ $.ajax({
+ headers:{
+ "token":_this.getUrlPar("token")
+ },
+ url:_this.posturl+'/api/taoke/get_first_free_goods',
+ type:"post",
+ dataType:"json",
+ data:{
+ page: 1,
+ pageSize:40,
+ }
+ }).done(function(res){
+ _this.lists=[].concat(_this.lists,res.data.list);
+ _this.loading = false;
+ })
+ },
+ getgoodsSwitch:function(plat)
+ {
+ switch(plat)
+ {
+ case "tb":
+ this.getTbGoodsList();
+ break;
+ case "dy":
+ this.getDyGoodsList();
+ break;
+ }
+ },
+ //鏄惁棣栧崟
+ getIsSd:function(){
+ var _this = this;
+ this.loading=true;
+ //鍒ゆ柇鏄惁棣栧崟
+ $.ajax({
+ headers:{
+ "token":_this.getUrlPar("token")
+ },
+ url:_this.posturl+'/api/user/check_isfirst_free',
+ type:"post",
+ dataType:"json",
+ data:{
+
+ }
+ }).done(function(res){
+ if(res.msg.info==1)
+ {
+ _this.getgoodsSwitch(_this.plat);
}
else{
alert("鎮ㄥ凡涓嬭繃棣栧崟锛屼笉鍙啀娆¤喘涔帮紝璇锋祻瑙堝叾浠栧晢鍝佸惂~");
@@ -398,12 +542,11 @@
}, 1000 )
}
})
-
-
},
},
+
mounted: function () {
- this.getGoodsList();
+ this.getIsSd();
var that=this;
document.addEventListener('UniAppJSBridgeReady', function() {
that.isUniReady=true;
--
Gitblit v1.9.3