Index updated

This commit is contained in:
Vion 2022-01-17 16:14:32 +08:00
parent 5c5b50b7ea
commit 847e27bc4a
5 changed files with 252 additions and 177 deletions

View File

@ -200,32 +200,27 @@ export const userque = (stype) => {
//标品全部信息 //标品全部信息
export const biaomessage = (stype,name) => { export const biaomessage = (stype,name,curPage,curRow) => {
console.log(stype); if(!curPage)
if(stype.length>1){ curPage=1;
console.log("========"); if(!curRow)
let list={}; curRow=10;
stype.map(item=>{ let queryTail='&page='+curPage+'&rows='+curRow;
console.log(item); if(stype.length>1){
list=item let list={};
}) stype.map(item=>{
var str = "?"; console.log(item);
for(var key in list){ list=item
str = str + key + "=" + list[key] + "&"; })
} var str = "?";
stype = str.substr(0,str.length-1); for(var key in list){
var data = { str = str + key + "=" + list[key] + "&";
page:1, }
row:10 stype = str.substr(0,str.length-1);
} return fetch('product/query'+stype+queryTail, '', 'POST' )
return fetch('product/query'+stype, data, 'POST' ) }else{
}else{ return fetch('product/query?petType='+stype+queryTail, '', 'POST' )
console.log('-=='); }
return fetch('product/query?petType='+stype,data, 'POST' )
}
} }
export const searchchanpin = (stype) => { export const searchchanpin = (stype) => {

View File

@ -39,8 +39,7 @@ img, picture {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-evenly; justify-content: space-evenly;
&:after{ &:after{
content:"";
width:154px;
} }
li{ li{
border: 1px solid #D7D7D7; border: 1px solid #D7D7D7;
@ -366,17 +365,25 @@ img, picture {
display:block; display:block;
li{ li{
max-width:20rem; max-width:20rem;
margin-right:.9rem; //margin-right:.875rem;
margin-left:.9rem; margin-left:2.2vw;
.rc-column{ .rc-column{
span{ span{
font-size:1.875rem; font-size:1.875rem;
height: 5.2rem; height: 5.2rem;
} }
} }
&:nth-child(4n+1){
margin-left:0;
}
&:nth-child(4n){
//margin-right:0;
}
} }
img{ img{
width:20rem; width:20rem;
max-width:320px;
min-width:160px;
} }
} }
.ts-right-arr { .ts-right-arr {
@ -509,3 +516,14 @@ img, picture {
display: none!important; display: none!important;
} }
} }
@media screen and (min-width: 769px) and (max-width: 1370px)
{
.ts-product-list {
display:flex;
justify-content: space-between;
li{
margin-left:0;
margin-right:0;
}
}
}

View File

@ -5,6 +5,36 @@
/deep/.van-swipe__indicator--active{ /deep/.van-swipe__indicator--active{
background-color: #E1001A; background-color: #E1001A;
} }
.rc-ma{
.ul-zhuan{
li{
background: unset;;
img{
border-radius: 50%;
}
&.active {
img{
border: 3px solid #E2001A;
}
color: #E2001A;
}
&.unactive {
color: #444444;
img{
border: 3px solid #D7D7D7;
}
}
}
}
}
.uservideo{
overflow: hidden;
video{
height:100%;
width:auto;
}
}
@media screen and (max-width:768px){ @media screen and (max-width:768px){
.ul-dog{ .ul-dog{
display: none; display: none;
@ -24,16 +54,14 @@
display: block; display: block;
} }
img{ img{
width: 0.64rem; width: 4rem;
height: 0.64rem; height: 4rem;
display: block; display: block;
} }
li{ li{
display: inline-block; display: inline-block;
margin-left: 0.20rem; margin-left: 0.20rem;
width: 0.64rem;
text-align: center; text-align: center;
height: 0.64rem;
background: #F6F6F6; background: #F6F6F6;
border-radius: 50%; border-radius: 50%;
opacity: 1; opacity: 1;
@ -261,12 +289,7 @@
li{ li{
display: inline-block; display: inline-block;
margin-left: 1.25rem; margin-left: 1.25rem;
width: 4rem;
text-align: center; text-align: center;
height: 4rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
} }
} }
@ -281,15 +304,16 @@
} }
} }
.active { .active {
font-size: 0.14rem; font-size: 0.14rem;
border: 1px solid red; img{
color: red; border-width: 1px;
}
} }
.unactive { .unactive {
font-size: 0.14rem; font-size: 0.14rem;
color: #444444; img{
border: 1px solid #D7D7D7; border-width: 1px;
}
} }
// .usermain{ // .usermain{
@ -412,35 +436,33 @@ object-fit: cover;
margin-top: 1rem; margin-top: 1rem;
} }
} }
.uservideo{ .uservideo{
width: 35rem; width: 35rem;
height: 31.6rem; height: 31.6rem;
display: block; display: block;
border: 1px solid red; }
.userleft{
} position: absolute;
.userleft{ top: 50%;
position: absolute; left:0;
top: 50%; margin-top: -.72rem;
left:0; img{
margin-top: -.72rem; width: .69rem;
img{ height: 1.38rem;
width: .69rem; display: block;
height: 1.38rem; }
display: block; }
} .userright{
} position: absolute;
.userright{ top: 50%;
position: absolute; right:0;
top: 50%; margin-top: -.72rem;
right:0; img{
margin-top: -.72rem; width: .69rem;
img{ height: 1.375rem;
width: .69rem; display: block;
height: 1.375rem; }
display: block; }
}
}
} }
} }
@ -495,23 +517,19 @@ img{
flex-wrap: wrap; flex-wrap: wrap;
flex-direction: row; flex-direction: row;
span{ span{
margin-top: 2.5rem; margin-top: 1vw;
display: block; display: block;
} }
img{ img{
width: 9.5rem; width: 10vw;
height: 9.5rem; height: 10vw;
display: block; display: block;
} }
li{ li{
cursor: pointer; cursor: pointer;
font-size: 16px; font-size: 16px;
width: 9.875rem;
text-align: center; text-align: center;
height: 9.875rem; margin-left:1.3vw;
background: #F6F6F6;
border-radius: 50%;
margin-left:1.25rem;
} }
} }
@ -526,8 +544,6 @@ img{
} }
.usermain{ .usermain{
margin-top: 2.5rem;
padding-bottom: 2.82rem;
.ul-dog{ .ul-dog{
width: 100%; width: 100%;
display: flex; display: flex;
@ -594,17 +610,18 @@ margin-left: 2.5rem;
} }
} }
} }
.active { .active {
font-size: 1rem; font-size: 1rem;
border: 3px solid red; img{
color: red; border-width: 3px;
}
} }
.unactive { .unactive {
font-size: 1rem; font-size: 1rem;
color: #444444; img{
border: 1px solid #D7D7D7; border-width: 1px;
} }
}
.rc-maa{ .rc-maa{
ul{ ul{
width: 100%; width: 100%;
@ -636,15 +653,12 @@ border-radius: 50%;
} }
.userselection { .userselection {
font-size: 0.16rem; font-size: 0.16rem;
color: #E2001A;
color: #E2001A; }
}
.unselection { .unselection {
font-size: 0.16rem; font-size: 0.16rem;
} }
.rc-usermessage{ .rc-usermessage{
span{ span{
@ -654,3 +668,14 @@ color: #E2001A;
} }
} }
} }
@media screen and (min-width:600px) and (max-width:768px)
{
.ul-zhuan{
display: flex;
justify-content: space-evenly;
li{
margin-left:0;
}
}
}

View File

@ -379,17 +379,19 @@
</div> </div>
</template> </template>
<script> <script>
const isReload={
needload:false
};
export default { export default {
data() { data() {
return { return {
headerScroll:false, headerScroll:false,
loginornot:true,// loginornot:true,//
usermessage:null,// usermessage:null,//
}; };
}, },
created(){
},
mounted() { mounted() {
// //
let usernot=JSON.parse(localStorage.getItem("userInfo")); let usernot=JSON.parse(localStorage.getItem("userInfo"));
@ -401,11 +403,45 @@ export default {
this.loginornot=false this.loginornot=false
this.usermessage=usernot; this.usermessage=usernot;
} }
//debugger;
if(isReload.needload)
location.reload();
if(isReload.needload==false)
isReload.needload=true;
//console.log(this.loginornot); //console.log(this.loginornot);
/*
if(RCDL && RCDL.utilities && RCDL.navigation && RCDL.navigation.rebuild)
{
if (["sm", "xs", "md-1"].includes(RCDL.utilities.breakpoints.values.width.current)) {
this.refreshMobileNav();
}
else
{
this.refreshDesktopNav();
}
}
*/
}, },
methods: { methods: {
refreshDesktopNav:function(){
RCDL.navigation.currentState=null;
RCDL.navigation.rebuild();
},
refreshMobileNav:function(){
let itemGroupList=document.querySelectorAll("nav[data-toggle-group=mobile] .rc-list--align[role=menu]");
itemGroupList.forEach(function(ele,i){
if(ele.className.indexOf("rc-expand--horizontal")<0 && ele.className.indexOf("rc-btn-offset--top")<0)
{
if(ele.id.indexOf("nav-list")>=0)
ele.classList.add("rc-expand--horizontal");
else if(ele.id.indexOf("nav-footer")>=0)
ele.classList.add("rc-expand--vertical");
}
})
},
bindTracking: function(){ bindTracking: function(){
//console.log('bindTracking'); //console.log('bindTracking');
}, },

View File

@ -45,35 +45,37 @@
<van-swipe class="rc-padding-bottom--md"> <van-swipe class="rc-padding-bottom--md">
<van-swipe-item v-for="(item, index) in catlistvideo" :key="index"> <van-swipe-item v-for="(item, index) in catlistvideo" :key="index">
<div class="rc-video"> <div class="rc-video">
<div class="uservideo">
</div>
<div class="rc-right">
<img :src=item.catimage alt="">
<span>{{item.title}}</span>
<p>{{item.detail}}</p>
<em>{{item.price}}</em>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
</div>
</div>
<div class="sw-center" >
<div class="rc-click" @click="selectproduce(item,index)">
<div class="uservideo"> <div class="uservideo">
<video width="300px" height="251" controls="controls"> <video controls="" :poster=item.catimage>
<source :src= item.video type="video/ogg" autoplay> <source :src=item.video type="video/mp4">
</video> </video>
</div> </div>
<img :src=item.catimage alt=""> <div class="rc-right">
<span>{{item.title}}</span> <img :src=item.catimage alt="">
<p>{{item.detail}}</p> <span>{{item.title}}</span>
<em>{{item.price}}</em> <p>{{item.detail}}</p>
<em>{{item.price}}</em>
<strong class="ts-standard-btn ts-standard-btn--two center" @click="userbuy(item,index)">立即购买</strong>
</div>
</div> </div>
<div class="rc-full-width rc-margin-y--md"> <div class="sw-center" >
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i> <div class="rc-click" @click="selectproduce(item,index)">
<div class="uservideo">
<video controls="controls" :poster=item.catimage>
<source :src= item.video type="video/ogg">
</video>
</div>
<img :src=item.catimage alt="">
<span>{{item.title}}</span>
<p>{{item.detail}}</p>
<em>{{item.price}}</em>
</div>
<div class="rc-full-width rc-margin-y--md">
<i @click="userbuy(item,index)" class="ts-standard-btn ts-standard-btn--two center">立即购买</i>
</div>
</div> </div>
</div>
</van-swipe-item> </van-swipe-item>
</van-swipe> </van-swipe>
</div> </div>
@ -271,16 +273,18 @@
<div class="online bold" v-show="dogshow"></div> <div class="online bold" v-show="dogshow"></div>
<div class="pageFullScreen" id="xxxFullScreen" v-show="dogshow" ref="mingxing"> <div class="pageFullScreen" id="xxxFullScreen" v-show="dogshow" ref="mingxing">
<!-- 内容 --> <!-- 内容 -->
<div class="swiper-container rc-full-width rc-padding-y--md" id="swiper1"> <div class="swiper-container rc-full-width rc-padding-y--md" id="swiper2">
<div class="oc-top"> <div class="oc-top">
<h2 class="rc-beta rc-text--center">{{dogtitle}}</h2> <h2 class="rc-beta rc-text--center">{{dogtitle}}</h2>
</div> </div>
<!-- 轮播图 --> <!-- 轮播图 -->
<swiper :options="swiperOption"> <van-swipe class="rc-padding-bottom--md">
<swiper-slide class="swiper-slide" v-for="(item, key) in doglistvideo" :key="key" > <van-swipe-item v-for="(item, key) in doglistvideo" :key="key">
<div class="rc-video"> <div class="rc-video">
<div class="uservideo"> <div class="uservideo">
<video controls="" :poster=item.catimage>
<source :src=item.video type="video/mp4">
</video>
</div> </div>
<div class="rc-right"> <div class="rc-right">
@ -294,7 +298,7 @@
<div class="sw-center" > <div class="sw-center" >
<div class="rc-click" @click="selectproduce(item,index)"> <div class="rc-click" @click="selectproduce(item,index)">
<div class="uservideo"> <div class="uservideo">
<video width="300px" height="251" controls="controls"> <video controls="controls">
<source :src= item.video type="video/ogg"> <source :src= item.video type="video/ogg">
</video> </video>
</div> </div>
@ -309,8 +313,8 @@
</div> </div>
</div> </div>
</swiper-slide> </van-swipe-item>
</swiper> </van-swipe>
</div> </div>
@ -1278,7 +1282,7 @@
for(let i =0;i<this.userserachlist.length;i++){ for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){ if(!this.userserachlist.includes(petType)){
this.userserachlist.push(petType) this.userserachlist.push(petType)
}W }
} }
this.dogmessage(this.userserachlist) this.dogmessage(this.userserachlist)
}, },
@ -1343,24 +1347,21 @@
} }
}, },
// //
async catmessage(stype) { async catmessage(stype) {
let data=[]; let data=[];
if(stype==undefined||stype==null){ if(stype==undefined||stype==null){
data = await biaomessage(0); data = await biaomessage(0,'',1,6);
}else{ }else{
data = await biaomessage(this.userserachlist); data = await biaomessage(this.userserachlist,'',1,6);
} }
if(data){ if(data){
this.catlist=data; this.catlist=data;
let userlist=[]; let userlist=[];
userlist=data.slice(0,6); userlist=data.slice(0,6);
this.catshi=userlist; this.catshi=userlist;
this.catgan=userlist; this.catgan=userlist;
}
},
}
},
// //
async dogmessage(stype) { async dogmessage(stype) {
@ -1417,24 +1418,24 @@
} }
}, },
// //
userclick(item,index){ userclick(item,index){
this.userquery(index) this.userquery(index)
}, },
//湿 //湿
catclick(item,index){ catclick(item,index){
this.userstype=0; this.userstype=0;
let petType={ let petType={
petType:0, petType:0,
name:index, name:index,
} }
for(let i =0;i<this.userserachlist.length;i++){ for(let i =0;i<this.userserachlist.length;i++){
if(!this.userserachlist.includes(petType)){ if(!this.userserachlist.includes(petType)){
this.userserachlist.push(petType) this.userserachlist.push(petType)
} }
} }
this.catmessage(this.userserachlist) this.catmessage(this.userserachlist)
}, },