diff --git a/rc-busness/pages/usersearch/search.vue b/rc-busness/pages/usersearch/search.vue
index d041c750..4f8b276c 100644
--- a/rc-busness/pages/usersearch/search.vue
+++ b/rc-busness/pages/usersearch/search.vue
@@ -1,9 +1,8 @@
-
-
+
+
-
-
热门搜索
+
+ 热门搜索
换一批
-
+
-
+
- {{ item.title }}
-
-
- 我想搜
+ +
+ 我想搜
-
-
-
-
-
- ![]()
+
- -
+
-
+
{{ item.title }} -
+
+
+
+
筛选
筛选
-
专区:
--
-
- - {{ item.tagName }} - -
+ 专区:
+
- -
+
- + {{ item.tagName }} + +
-
年龄:
--
-
- - {{ item.tagName }} - -
+ 年龄:
+
-
-
- -
+
- + {{ item.tagName }} + +
-
+-
-
-
- -- 立即购买 --- {{item.name}} - {{item.price}} -
-
-
-
-
-
-
-
+
+
+
+
-
+
+
+
+ -
+
-
+ ++++
+
+++ {{item.categoryName}} + 0.001{{item.price}} ++ 立即购买 +
+
+
+
+
-
+
+
-
-
+
-
+
-
-
- ![]()
+
-
+
+
+
-
+
-
+
{{ item.title }} -
-
- 专区:
--
-
- - {{ item.tagName }} - -
-
- 年龄:
--
-
- - {{ item.tagName }} - -
-
+功能:
--
-
- - {{ item.tagName }} - -
+ 专区:
+
- -
+
- + {{ item.tagName }} + +
-
-
-
+ 品种:
--
-
- - {{ item.tagName }} - -
+ 年龄:
+
- -
+
- + {{ item.tagName }} + +
+ 功能:
+
+ -
+
- + {{ item.tagName }} + +
+ 品种:
+
+-
+
- + {{ item.tagName }} + +
-
-
-
-
-
-
@@ -448,6 +458,10 @@ this.userst();
},
async usetmessage() {
+ this.$nextTick(() => {
+ this.$refs.userstandard[0].style.margin=0 + 'px'
+})
+
let data = await biaome(this.value,10);
if(data){
this.rccontair=data;
@@ -503,7 +517,7 @@ this.dialogInfo1=false;
this.isadrond=true;
this.isshow=true;
- this.$refs.usercontent.style.display='none ';
+ // this.$refs.usercontent.style.display='none ';
this.dialogInfo1=false;
})
@@ -645,7 +659,7 @@ this.dialogInfo1=false;
this.$nextTick(() => {
this.isshow=false;
// dom元素更新后执行，因此这里能正确打印更改之后的值
- this.$refs.usercontent.style.display='block ';
+ // this.$refs.usercontent.style.display='block ';
})
},
@@ -683,7 +697,7 @@ this.dialogInfo1=false;
console.log(this.userserachlist);
}
this.usersearch(this.userserachlist)
- this.activeIndexd=index;
+ this.activeIndexd=index;
},
selectagd(item, index) {
console.log(item)
From 20a45cc2456e7b5b6207bda74593feeb2f39a670 Mon Sep 17 00:00:00 2001
From: Admin <376654749@qq.com>
Date: Mon, 17 Jan 2022 03:17:32 +0000
Subject: [PATCH 3/5] =?UTF-8?q?=E5=9B=9E=E9=80=80=20'Pull=20Request=20!16?=
=?UTF-8?q?=20:=202022-1-17=20Leung'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
rc-busness/assets/css/global.less | 5 +
rc-busness/assets/css/index.less | 2 +
rc-busness/pages/index.vue | 743 +++++++++++++++++-------------
3 files changed, 435 insertions(+), 315 deletions(-)
diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less
index 1881c568..4d52e87b 100644
--- a/rc-busness/assets/css/global.less
+++ b/rc-busness/assets/css/global.less
@@ -282,6 +282,11 @@ img, picture {
.rc-top{
margin-top: 74px;
}
+ .rc-list__header {
+ background: none;
+ padding: .5rem 0;
+ border-bottom: none;
+ }
.ts-right-arr {
border-bottom:1px solid #E1001A;
padding-bottom:2px;
diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less
index 24e4592d..b4d1b764 100644
--- a/rc-busness/assets/css/index.less
+++ b/rc-busness/assets/css/index.less
@@ -313,6 +313,8 @@ object-fit: cover;
color: #fff;
height: 100%;
width: 100%;
+ font-size: 1.25rem;
+ line-height: 9.375rem;
text-align: center;
diff --git a/rc-busness/pages/index.vue b/rc-busness/pages/index.vue
index 2814d360..004eec2d 100644
--- a/rc-busness/pages/index.vue
+++ b/rc-busness/pages/index.vue
@@ -39,69 +39,159 @@
- ![]()
- {{ item.name }}
-
-
+
+
+
+
+
+
+
+
+
+
+
-
+
- -
+
-
+
+ {{ item.title }} +
+
-
+ 专区:
--
-
- - {{ item.title }} - -
+ 专区:
+
- -
+
- + {{ item.tagName }} + +
-
+年龄:
--
-
- - {{ item.title }} - -
+ 年龄:
+
- -
+
- + {{ item.tagName }} + +
-
-
+功能:
--
-
- - {{ item.title }} - -
+ 功能:
+
-
- -
+
- + {{ item.tagName }} + +
-
- 品种:
--
-
- - {{ item.title }} - -
+ 品种:
+
- -
+
- + {{ item.tagName }} + +
-
-
-
-
-
-
-
-
{{usertitle}}
- -
-
-
-
-
-
-
- ![]()
- {{item.title}}
-
- {{item.detail}}
- {{item.price}} - 立即购买 -
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-
-
-
-
-
-
-
-
+
+
-
-
-
+
+
+
-
-
- {{usertitle}}
+ +
+
+
+
+
+
+
+ ![]()
+ {{item.title}}
+
+ {{item.detail}}
+ {{item.price}} + 立即购买 +
+ ![]()
- {{item.title}}
-
-
+ ![]()
+ {{item.title}}
+
-
-
+
+
+
+ {{item.detail}}
+ {{item.price}}{{item.detail}}
- {{item.price}} -
- 立即购买
-
-
-
-
-
+
+
+全价猫湿粮
-
-
+
+
+
+ -
-
-
+ + 立即购买 ++
+
+
+
+
+
+
+ 全价猫湿粮
+
+
+
+
+
+
+
+ -
+
-
+ ++++
+
+++ {{item.name}} + 0.001{{item.price}} ++ 立即购买 +
+
+ 查看更多
+
+
+
+ -
+
- + {{ item.title }} + +
+
+ -
+
-
+
+ {{ item.title }} +
+
+
+
+
+
+
+
+ -
+
-
+ ++++
+
+++ {{item.title}} + 0.001{{item.price}} ++ 立即购买 +
+
+ 查看更多
+
+
+
+
+
全价猫干粮
+
+
-
+
-
@@ -625,10 +715,11 @@ import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData"; const settings = require("@/config"); export default { - middleware: 'metaTitle', - meta: {title: '首页'}, - data(){ - return{ + middleware: 'metaTitle', + // middleware: 'metaTitle', + meta: {title: '首页'}, + data(){ + return{ useraindex:0, usertitle:'明星猫粮', dogtitle:'明星狗粮', @@ -797,7 +888,7 @@ activeInde3:0, }, ], - discounchufang: [ + discounchufang: [ { title: "消化道", catimage: require("../assets/cat.png"), @@ -990,216 +1081,228 @@ activeInde3:0, } }, } - }, - components:{ - Myheader, - Myfooter, - unlogin, - // userswiper - }, - created(){ - vm=this; - }, - watch:{ + }, + components:{ + Myheader, + Myfooter, + unlogin, + // userswiper + }, + created(){ +vm=this; + }, + watch:{ +}, + mounted(){ + const that = this + this.ifAdoid() + // window.onresize = () => { + // setTimeout(() => { + // this.ifAdoid() + // }, 500); + + // } + this.usermessage= JSON.parse(localStorage.getItem("userInfo")); + + if(this.usermessage==null ||this.usermessage==undefined){ + this.userunlogin=true + } + window.addEventListener("scroll", this.handleScroll, true); + this.userchufang();//查询处方粮商品信息 + this.catmessage();//查询猫的信息 + this.dogmessage();//查询狗的信息 + // this.usershi();//查询对应的标签 + // this.userhot(); - }, - mounted(){ - const that = this - this.ifAdoid(); - this.usermessage= JSON.parse(localStorage.getItem("userInfo")); - if(this.usermessage==null ||this.usermessage==undefined){ - this.userunlogin=true - } - window.addEventListener("scroll", this.handleScroll, true); - this.userchufang();//查询处方粮商品信息 - this.catmessage();//查询猫的信息 - this.dogmessage();//查询狗的信息 - }, - destroyed () { - window.removeEventListener('scroll', this.scrollToTop); - }, - methods:{ - ifAdoid(item,index){ - //console.log(index); - this.userindex=index; - var sUserAgent = navigator.userAgent.toLowerCase(); - var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; - var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; - var bIsMidp = sUserAgent.match(/midp/i) == "midp"; - var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; - var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; - var bIsAndroid = sUserAgent.match(/android/i) == "android"; - var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; - var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; - if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { - console.log("当前是电脑打开") - this.stypechange=false; - //console.log(this.usertitle) - - this.catproduct=true; - this.onemao=false; - this.twomao=false; - this.threemao=false; - this.fourmao=false; - this.fivemao=false; - this.sixmao=false; - this.dogshow=false - this.showingBanners=this.banners.pc; - } - else - { - console.log("当前是手机打开") - this.showingBanners=this.banners.mobile; - this.stypechange=true; - this.onemao=true; - this.twomao=true; - this.threemao=true; - this.fourmao=true; - this.fivemao=true; - this.dogshow=true; - this.catproduct=true - this.sixmao=true; - - } - }, - - ifadroind(item,index,order){ - //console.log(item,index,order); + }, + destroyed () { + window.removeEventListener('scroll', this.scrollToTop); +}, + methods:{ - var sUserAgent = navigator.userAgent.toLowerCase(); - var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; - var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; - var bIsMidp = sUserAgent.match(/midp/i) == "midp"; - var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; - var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; - var bIsAndroid = sUserAgent.match(/android/i) == "android"; - var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; - var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; - if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { - //console.log("当前是电脑打开啊啊啊") - if(item.title=='明星猫粮'){ - this.catproduct=true; - this.twomao=false; - this.threemao=false; - this.fourmao=false; - this.fivemao=false; - this.dogshow=false; - this.sixmao=false; + ifAdoid(item,index){ + console.log(index); + this.userindex=index; + var sUserAgent = navigator.userAgent.toLowerCase(); + var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; + var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; + var bIsMidp = sUserAgent.match(/midp/i) == "midp"; + var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; + var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; + var bIsAndroid = sUserAgent.match(/android/i) == "android"; + var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; + var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; + + if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { + console.log("当前是电脑打开") + this.stypechange=false; + console.log(this.usertitle) + + // let catshiid=document.querySelectorAll('.selectionswitch'); + // catshiid[this.userindex].style.display='none'; + // catshiid[this.userindex].style.display='none'; + this.catproduct=true; + this.onemao=false; + this.twomao=false; + this.threemao=false; + this.fourmao=false; + this.fivemao=false; + this.sixmao=false; + this.dogshow=false + // console.log(catshiid); + }else{ + console.log("当前是手机打开") + this.stypechange=true; + this.onemao=true; + this.twomao=true; + this.threemao=true; + this.fourmao=true; + this.fivemao=true; + this.dogshow=true; + this.catproduct=true + this.sixmao=true; - this.onemao=false; +} + }, - } - if(item.title=='猫湿粮'){ - this.onemao=true; - this.dogshow=false; - //console.log(this.onemao); - this.twomao=false; - this.threemao=false; - this.fourmao=false; - this.fivemao=false; - this.catproduct=false; + ifadroind(item,index,order){ + console.log(item,index,order); + + + var sUserAgent = navigator.userAgent.toLowerCase(); + var bIsIpad = sUserAgent.match(/ipad/i) == "ipad"; + var bIsIphoneOs = sUserAgent.match(/iphone os/i) == "iphone os"; + var bIsMidp = sUserAgent.match(/midp/i) == "midp"; + var bIsUc7 = sUserAgent.match(/rv:1.2.3.4/i) == "rv:1.2.3.4"; + var bIsUc = sUserAgent.match(/ucweb/i) == "ucweb"; + var bIsAndroid = sUserAgent.match(/android/i) == "android"; + var bIsCE = sUserAgent.match(/windows ce/i) == "windows ce"; + var bIsWM = sUserAgent.match(/windows mobile/i) == "windows mobile"; - + if (!(bIsIpad || bIsIphoneOs || bIsMidp || bIsUc7 || bIsUc || bIsAndroid || bIsCE || bIsWM)) { + console.log("当前是电脑打开啊啊啊") + if(item.title=='明星猫粮'){ + this.catproduct=true; + this.twomao=false; + this.threemao=false; + this.fourmao=false; + this.fivemao=false; + this.dogshow=false; + this.sixmao=false; + this.onemao=false; + } + if(item.title=='猫湿粮'){ + this.onemao=true; + this.dogshow=false; + console.log(this.onemao); + this.twomao=false; + this.threemao=false; + this.fourmao=false; + this.fivemao=false; + this.catproduct=false; - }if(item.title=='猫干粮'){ - this.onemao=false; - this.twomao=true; - this.dogshow=false; - this.threemao=false; - this.fourmao=false; - this.chufang=false; - this.catproduct=false; - } - - if(item.title=='犬干粮'){ - this.onemao=false; - this.twomao=false; - this.threemao=false; - this.fourmao=true; - this.chufang=false; - this.dogshow=false; - this.catproduct=false; - } + - if(item.title=='犬湿粮'){ - this.onemao=false; - this.twomao=false; - this.threemao=true; - this.fourmao=false; - this.chufang=false; - this.catproduct=false; - this.dogshow=false; - } - if(item.title=='处方用粮'){ - this.onemao=false; - this.twomao=false; - this.threemao=false; - this.fourmao=false; - this.fivemao=true; - this.dogshow=false; - this.catproduct=false; - } - if(item.title=='明星狗粮'){ - this.onemao=false; - this.twomao=false; - this.threemao=false; - this.fourmao=false; - this.fivemao=false; - this.dogshow=true; - this.catproduct=false; - } - // this.usertitle=item.title - // this.catlistvideo[order]=item; - // this.catproduct=true; + }if(item.title=='猫干粮'){ + this.onemao=false; + this.twomao=true; + this.dogshow=false; + this.threemao=false; + this.fourmao=false; + this.chufang=false; + this.catproduct=false; + } + + if(item.title=='犬干粮'){ + this.onemao=false; + this.twomao=false; + this.threemao=false; + this.fourmao=true; + this.chufang=false; + this.dogshow=false; + this.catproduct=false; + } - }else{ - this.catfood=true; - // this.catproduct=false; - let userindex=index - //console.log(item,index); - let mingxin=document.querySelector('.pageFullScreen'); - let dogtop=document.querySelector('.oc-top'); - //console.log(dogtop); - //console.log(mingxin.offsetTop); - if(item.title=='犬湿粮'||item.title=='犬干粮'||item.title=='处方用粮'){ - userindex=userindex-2 - }else{ - userindex=userindex-1 - } - if(item.title=='明星猫粮'){ - mingxin.scrollIntoView(true); - }else{ - let catshiid=document.querySelectorAll('.selectionswitch'); - catshiid[userindex].scrollIntoView(true); - } - if(item.title=='明星狗粮') - dogtop.scrollIntoView(true); - // if(item.title=="猫湿粮"){ - // this.catproduct=false; - // this.catfood=true; - // }else if(item.title=="明星猫粮"){ - // this.catproduct=true; - // this.catfood=false; + if(item.title=='犬湿粮'){ + this.onemao=false; + this.twomao=false; + this.threemao=true; + this.fourmao=false; + this.chufang=false; + this.catproduct=false; + this.dogshow=false; + } + if(item.title=='处方用粮'){ + this.onemao=false; + this.twomao=false; + this.threemao=false; + this.fourmao=false; + this.fivemao=true; + this.dogshow=false; + this.catproduct=false; + } + if(item.title=='明星狗粮'){ + this.onemao=false; + this.twomao=false; + this.threemao=false; + this.fourmao=false; + this.fivemao=false; + this.dogshow=true; + this.catproduct=false; + } + // this.usertitle=item.title + // this.catlistvideo[order]=item; + // this.catproduct=true; - // } - //console.log("当前是手机打开") - } - }, - userdog(item,index){ - this.userstype=1; - let petType={ - petType:1, - name:index, - } - for(let i =0;i