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 @@ -
- -
-
- -
- -
-

{{usertitle}}

- - - -
-
- -
- -
- - {{item.title}} -

{{item.detail}}

- {{item.price}} - 立即购买 -
-
-
-
-
- +
+
+ +
+
+ +
+ +
+

{{usertitle}}

+ + + +
+
+ +
+ +
+ + {{item.title}} +

{{item.detail}}

+ {{item.price}} + 立即购买 +
+
+
+
+
+ +
+ + + {{item.title}} +

{{item.detail}}

+ {{item.price}}
- - - {{item.title}} -

{{item.detail}}

- {{item.price}} -
-
- 立即购买 -
-
- - -
- - -
- - - - - - - -
-
-

全价猫湿粮

- - -
-
    -
  • +
    + 立即购买 +
    +
+ + + +
+ + +
+ + + + + + + +
+
+

全价猫湿粮

+ + +
+
    +
  • +
    +
    + +
    +
    +
    +
    + {{item.name}} + 0.001{{item.price}} +
    + 立即购买 +
    +
    • +
+ + + +
+ 查看更多 +
+ + + +
+ + + +
+
    +
  1. + {{ item.title }} +
    2. +
+
+
    +
  • + + {{ 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