diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 4d52e87b..1881c568 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -282,11 +282,6 @@ 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 b4d1b764..24e4592d 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -313,8 +313,6 @@ 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 004eec2d..2814d360 100644 --- a/rc-busness/pages/index.vue +++ b/rc-busness/pages/index.vue @@ -39,159 +39,69 @@ - -
- -
-
- -
- -
-

{{usertitle}}

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

{{item.detail}}

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

{{item.detail}}

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

{{usertitle}}

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

{{item.detail}}

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

全价猫湿粮

- - -
-
    -
  • -
    -
    - -
    -
    -
    -
    - {{item.name}} - 0.001{{item.price}} -
    - 立即购买 -
    -
  • -
- - - -
- 查看更多 -
-
- - -
- -
-
-
-
    -
  1. - {{ item.title }} -
  2. -
-
-
    -
  • - - {{ item.title }} -
  • -
-
-
-
    -
  • -
    -
    - -
    -
    -
    -
    - {{item.title}} - 0.001{{item.price}} -
    - 立即购买 -
    -
  • -
- - -
- 查看更多 -
-
- - -
- -
-
-
-
-

全价猫干粮

- - -
-
    -
  • + + + {{item.title}} +

    {{item.detail}}

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

全价猫湿粮

+ + +
+
    +
  • @@ -715,11 +625,10 @@ import { userquery,postCourseId,biaomessage,userque,searchchanpin } from "../ajax/getData"; const settings = require("@/config"); export default { - middleware: 'metaTitle', - // middleware: 'metaTitle', - meta: {title: '首页'}, - data(){ - return{ + middleware: 'metaTitle', + meta: {title: '首页'}, + data(){ + return{ useraindex:0, usertitle:'明星猫粮', dogtitle:'明星狗粮', @@ -888,7 +797,7 @@ activeInde3:0, }, ], - discounchufang: [ + discounchufang: [ { title: "消化道", catimage: require("../assets/cat.png"), @@ -1081,228 +990,216 @@ activeInde3:0, } }, } - }, - 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(); + }, + components:{ + Myheader, + Myfooter, + unlogin, + // userswiper + }, + created(){ + vm=this; + }, + watch:{ - }, - destroyed () { - window.removeEventListener('scroll', this.scrollToTop); -}, - methods:{ + }, + 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); + 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"; - 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; + 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; - 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(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 (!(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=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=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; + }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; - }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; - - // } - console.log("当前是手机打开") - -} - }, - userdog(item,index){ - this.userstype=1; - let petType={ - petType:1, - name:index, - } - for(let i =0;i