diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index f9ca05fc..555128fe 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -4,6 +4,12 @@ body { line-height: 1.5; color: #666; } +div[data-js-modal-menu] { + display:none; +} +aside div[data-js-modal-menu] { + display:block; +} .el-message-box .el-button--primary{ background-color: #e1001a !important; color:#fff; @@ -25,7 +31,6 @@ body { text-align: center; margin: 3rem 0; } - .ts-mask { width: 100%; height: 100%; @@ -37,7 +42,15 @@ body { justify-content: center; align-items: center; z-index: 99; - + .ts-mask-close{ + position:absolute; + top:1rem; + right:1rem; + width:1rem; + height:1rem; + background: url("../image/btn-close.png") center center no-repeat; + background-size:contain; + } .ts-mask-bg { background-color: #000; opacity: .6; @@ -53,10 +66,11 @@ input[type=checkbox]{ position:relative; cursor: pointer; border:none; - border: 1px solid #d7d7d7; + //border: 1px solid #d7d7d7; border-radius: 3px; width: 1.5rem; height: 1.5rem; + -webkit-appearance:none; &:before { top: 0; left: 0; @@ -323,12 +337,12 @@ picture { border-radius: .25rem; z-index:11; ul{ - width: 60px; - height: 181px; + width: 3.75rem; + height: 11.3rem; background-color: white; display: flex; flex-direction: column; - + justify-content: space-between; li { width: 100%; display: flex; @@ -350,7 +364,7 @@ picture { } span { - font-size: 0.12rem; + font-size: .75rem; } .tuntop { @@ -411,7 +425,7 @@ picture { } label { input[type=checkbox] { - top:.25rem; + top:0rem; } } .rc-header__nav--primary{ diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less index 112b95dc..c8465ce9 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -20,6 +20,14 @@ } .ts-position-identifier{ +} +.ts-mobile-player-container { + video { + width:100%; + height:auto; + position: relative; + z-index:2; + } } .ul-zhuan,.ul-dog{ li{ @@ -83,6 +91,7 @@ } li{ margin-top:1.875rem; + margin-left:0; } } .ts-banner-swiper-container{ @@ -211,9 +220,29 @@ width: 100%; height:auto; display: block; - video{ - max-width:100%; - max-height:100%; + position:relative; + z-index:0; + &:before{ + content:""; + background:#000; + opacity:.6; + position:absolute; + width:100%; + height:100%; + left:0; + top:0; + z-index:1; + } + &:after{ + content:""; + position:absolute; + top:0; + left:0; + width:100%; + height:100%; + background:url("../image/btn-play.png") center center no-repeat; + background-size:90px 90px; + z-index:2; } } } @@ -225,19 +254,32 @@ align-items: center; border: 1px solid #d7d7d7; border-radius:4px; + img{ + object-fit: cover; + display: block; + z-index:0; + } .rc-click{ width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center; + img{ + width: 100%; + height: auto; + position:relative; + } } - img{ - width: 10rem; - height: 10rem; - object-fit: cover; - display: block; - margin-top: 2.5rem; + .click-zone{ + align-items: center; + display: flex; + flex-direction: column; + img{ + width: 10rem; + height: 10rem; + margin-top: 2.5rem; + } } span{ font-size: 1.125rem; @@ -348,13 +390,13 @@ // } } .active { - font-size: 0.14rem; + font-size: .875rem; img{ border-width: 1px; } } .unactive { - font-size: 0.14rem; + font-size: .875rem; img{ border-width: 1px; } diff --git a/rc-busness/assets/css/mypersonal.less b/rc-busness/assets/css/mypersonal.less index 9b2d6dc8..5f1e2887 100644 --- a/rc-busness/assets/css/mypersonal.less +++ b/rc-busness/assets/css/mypersonal.less @@ -253,6 +253,9 @@ ul li ol li em strong i { width: 440px; height: 652px; } +.ts-crumbs { + padding-left:.25rem; +} .ts-mypersonal{ margin-left:0; .rc-column{ diff --git a/rc-busness/assets/css/orderquantity.less b/rc-busness/assets/css/orderquantity.less index 941f6a66..408f6ec0 100644 --- a/rc-busness/assets/css/orderquantity.less +++ b/rc-busness/assets/css/orderquantity.less @@ -288,12 +288,12 @@ border: 1px solid #D8D8D8; margin-left: 40px; - img { - width: 96px; - height: 96px; - display: block; - object-fit: contain; - } + img { + width: 96px; + height: 96px; + display: block; + object-fit: contain; + } } .rc-right { diff --git a/rc-busness/assets/css/search.less b/rc-busness/assets/css/search.less index 23f69fe2..bf719986 100644 --- a/rc-busness/assets/css/search.less +++ b/rc-busness/assets/css/search.less @@ -289,7 +289,7 @@ border-radius: 100px; .rc-bottom{ position: fixed; background: white; - height: 617px; + height: 21.875rem; bottom: 0; left: 0; z-index: 9; diff --git a/rc-busness/assets/css/usermember.less b/rc-busness/assets/css/usermember.less index 1d08b84a..c59d05b5 100644 --- a/rc-busness/assets/css/usermember.less +++ b/rc-busness/assets/css/usermember.less @@ -152,10 +152,11 @@ ul li ol li em strong i { } - .rc-value{ - display: flex; - justify-content: space-between; - } + .rc-value{ + display: flex; + justify-content: space-between; + cursor: pointer; + } } .usermember{ diff --git a/rc-busness/assets/image/btn-close.png b/rc-busness/assets/image/btn-close.png new file mode 100644 index 00000000..7fbfe3d0 Binary files /dev/null and b/rc-busness/assets/image/btn-close.png differ diff --git a/rc-busness/assets/image/btn-play.png b/rc-busness/assets/image/btn-play.png new file mode 100644 index 00000000..cc7a3428 Binary files /dev/null and b/rc-busness/assets/image/btn-play.png differ diff --git a/rc-busness/components/header.vue b/rc-busness/components/header.vue index 8ed8b2f9..57c8bf29 100644 --- a/rc-busness/components/header.vue +++ b/rc-busness/components/header.vue @@ -304,7 +304,7 @@
-
-
- +
+
+ +
+
+ + {{item.title}} +

{{item.detail}}

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

{{item.detail}}

- {{item.price}}
立即购买 @@ -331,17 +330,16 @@
-
-
- +
+
+ +
+
+ + {{item.title}} +

{{item.detail}}

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

{{item.detail}}

- {{item.price}}
立即购买 @@ -694,8 +692,11 @@
- - +
+
+
+ +
@@ -752,7 +753,7 @@ fixedHeader:false, dataLoaded:true, useraindex:0, - + mobileVideoPlaying:false, usertitle:'明星猫粮', dogtitle:'明星犬粮', processinformation:[], @@ -1096,7 +1097,7 @@ } }, catStarProductswiperOption: { - loop: true, + //loop: true, slidesPerView: 'auto', centeredSlides: true, speed:1000, @@ -1120,7 +1121,7 @@ } }, dogStarProductswiperOption: { - loop: true, + //loop: true, slidesPerView: 'auto', centeredSlides: true, speed:1000, @@ -1177,6 +1178,19 @@ window.removeEventListener('scroll', this.scrollToTop); }, methods:{ + playMobileVideo(item){ + let videoPath=item.video; + let player = this.$refs['mobile-video-player']; + let _self = this; + player.src=videoPath; + player.play(); + this.mobileVideoPlaying = true; + }, + closeMobileVideo(){ + this.mobileVideoPlaying = false; + let player = this.$refs['mobile-video-player']; + player.pause(); + }, ifAdoid(item,index){ //console.log(index); this.userindex=index; diff --git a/rc-busness/pages/personal/mypersonal.vue b/rc-busness/pages/personal/mypersonal.vue index bf401aee..9ff515cf 100644 --- a/rc-busness/pages/personal/mypersonal.vue +++ b/rc-busness/pages/personal/mypersonal.vue @@ -3,7 +3,7 @@
- +
-
-
- 当前等级：{{userorder}} -
-
- 距离升级还差:{{ rcvalue }} -
-
- - - - -
-
- 新手铲屎官 - 资深铲屎官 - 金牌铲屎官 -
-
-
-
-
- +
+
+ + + + + +
-
- {{item.title}} - {{item.usereat}} +
+ 当前等级：{{userorder}} +
+
+ 距离升级还差:{{ rcvalue }} +
+
+ +
+
+ 新手铲屎官 + 资深铲屎官 + 金牌铲屎官 +
+
+
+
+
+ +
+
+ {{item.title}} + {{item.usereat}} +
+
-
-
@@ -246,17 +242,17 @@ data(){ } }, methods:{ - onChange(index){ - console.log(index); - if(index==0){ - this.newlist=this.newlista; - }else if(index==1){ - this.newlist=this.senior - }else if(index==2){ - this.newlist=this.goldmedal - } - console.log(this.newlist) - } + onChange(index){ + console.log(index); + if(index==0){ + this.newlist=this.newlista; + }else if(index==1){ + this.newlist=this.senior + }else if(index==2){ + this.newlist=this.goldmedal + } + console.log(this.newlist) + } }, components:{ diff --git a/rc-busness/pages/productdetails/producted.vue b/rc-busness/pages/productdetails/producted.vue index 6ddcb0f0..e0e3ba53 100644 --- a/rc-busness/pages/productdetails/producted.vue +++ b/rc-busness/pages/productdetails/producted.vue @@ -147,7 +147,7 @@
-
+
商品数量：