diff --git a/rc-busness/ajax/getData.js b/rc-busness/ajax/getData.js index a2a15752..9665b169 100644 --- a/rc-busness/ajax/getData.js +++ b/rc-busness/ajax/getData.js @@ -178,7 +178,7 @@ export const useredit = (mobile, pet,address) => { // return fetch('h5/brand/query', data, 'POST' ) // } //点击商品全部信息 -export const userquery = (stype) => { +export const userquery = (stype, ) => { console.log(stype); var data = { @@ -187,13 +187,20 @@ export const userquery = (stype) => { } return fetch('goods?petType='+stype, data, 'POST' ) } -//商品全部信息 -export const userque = (stype) => { - - console.log(stype); +//处方信息 +export const userque = (stype, curPage,curRow) => { + if(!curPage) + curPage=1; + if(!curRow) + curRow=10; + let queryTail='page='+curPage+'&rows='+curRow; + if(stype) + queryTail = '?stype='+queryTail+'&'+queryTail; + else + queryTail = '?'+queryTail; var data = { } - return fetch('goods', data, 'POST' ) + return fetch('goods'+queryTail, data, 'POST' ) } diff --git a/rc-busness/assets/css/discount.less b/rc-busness/assets/css/discount.less index 0179576e..d32ef056 100644 --- a/rc-busness/assets/css/discount.less +++ b/rc-busness/assets/css/discount.less @@ -19,10 +19,9 @@ } .rc { - height: 64px; display: flex; align-items: center; - margin-left: 23px; + margin-left: 1rem; span { display: block; margin-left: 32px; @@ -184,7 +183,6 @@ margin-top: 8px; height: 96px; display: flex; align-items: center; - margin-left: 23px; justify-content: center; span { display: block; diff --git a/rc-busness/assets/css/global.less b/rc-busness/assets/css/global.less index 4a21e7a4..0f2c0be9 100644 --- a/rc-busness/assets/css/global.less +++ b/rc-busness/assets/css/global.less @@ -4,7 +4,12 @@ body { line-height: 1.5; color: #666; } - +.rc-menu--xs .rc-screen-reader{ + left:28%; +} +.ts-login--xs .rc-screen-reader{ + left:12%; +} .fade-enter, .fade-leave-active { opacity: 0; @@ -38,6 +43,35 @@ body { top: 0; } } +input[type=checkbox]{ + position:relative; + cursor: pointer; + border:none; + border: 1px solid #d7d7d7; + border-radius: 3px; + width: 1.5rem; + height: 1.5rem; + &:before { + top: 0; + left: 0; + content: ""; + width: 1.5rem; + height: 1.5rem; + position: absolute; + display: inline-block; + background-color: #fff; + background-image: url("../image/rc-select.png"); + background-size: contain; + } + &:checked:before { + background-image: url("../image/rc-unselect.png"); + } +} +label { + input[type=checkbox] { + top:.375rem; + } +} .userloding { background: url(../image/onloading.png) center center no-repeat; @@ -146,13 +180,13 @@ picture { font-size: 1.125rem; margin-top: .5rem; display: block; + min-height:1.6rem; } } } - - img { - width: 10rem; - height: 10rem; + img{ + width:10rem; + //min-height:19.875rem; object-fit: contain; display: flex; margin: 0 auto; @@ -281,9 +315,8 @@ picture { background: #FFFFFF; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16); border-radius: .25rem; - z-index: 3; - - ul { + z-index:11; + ul{ width: 60px; height: 181px; background-color: white; @@ -370,9 +403,17 @@ picture { html { //font-size:100px; } - - .rc-md-up { - display: none !important; + label { + input[type=checkbox] { + top:.25rem; + } + } + .rc-header__nav--primary{ + overflow:hidden; + } + .ts-login--xs .rc-screen-reader{ + left:7%; + top:22%; } .rc-main { @@ -484,16 +525,11 @@ picture { .ts-product-list { text-align: left; //display:block; - display: flex; - - li { - max-width: 20rem; - min-width: 18.75rem; - width: 22.8vw; - //margin-right:.875rem; - margin-left: 2vw; - padding-left: 1px; - padding-right: 1px; + display:flex; + li{ + max-width:20rem; + min-width:18.75rem; + width:22.8vw; box-sizing: border-box; .rc-column { @@ -690,17 +726,9 @@ picture { 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; - } - } +@media screen and (min-width: 769px) and (max-width: 1370px) +{ + } .rc_contline { diff --git a/rc-busness/assets/css/index.less b/rc-busness/assets/css/index.less index e1ccdf93..112b95dc 100644 --- a/rc-busness/assets/css/index.less +++ b/rc-busness/assets/css/index.less @@ -46,8 +46,8 @@ .uservideo{ overflow: hidden; video{ - height:100%; - width:auto; + width:100%; + height:auto; } } .ul-dog{ @@ -179,50 +179,43 @@ display: none; } #xxxFullScreen { - background-color: white; - margin-top: 0.40rem; - #swiper1 { - overflow: hidden; - } - .swiper-container{ - height: 6.45rem; - } - .swiper-container, .swiper-container2 { - width: 100%; - // overflow: visible !important; - height: 100%; - position: relative; - } - #swiper1 .swiper-container .swiper-wrapper .swiper-slide { - width: 17.25rem; - //height: 6.45rem !important; //Auto adaption - } - - /* 上一张 */ - #swiper1 .swiper-container .swiper-wrapper .swiper-slide-prev { - margin-top: 0.05rem; - height: 100%; - - } - /* 下一张 */ - #swiper1 .swiper-container .swiper-wrapper .swiper-slide-next { - margin-top: 0.05rem; - height: 100%; - - } - .swiper-container .swiper-wrapper .swiper-slide-active { - height: 100%; - - } - .uservideo{ - width: 100%; - height:auto; - display: block; - video{ - max-width:100%; - max-height:100%; + background-color: white; + margin-top: 0.40rem; + .swiper-container{ + height: 6.45rem; + } + .swiper-container { + width: 100%; + height: 100%; + position: relative; + } + .swiper-container .swiper-wrapper .swiper-slide { + width: 17.25rem; + //height: 6.45rem !important; //Auto adaption + } + + /* 上一张 */ + swiper-container .swiper-wrapper .swiper-slide-prev { + margin-top: 0.05rem; + height: 100%; + } + /* 下一张 */ + .swiper-container .swiper-wrapper .swiper-slide-next { + margin-top: 0.05rem; + height: 100%; + } + .swiper-container .swiper-wrapper .swiper-slide-active { + height: 100%; + } + .uservideo{ + width: 100%; + height:auto; + display: block; + video{ + max-width:100%; + max-height:100%; + } } - } } .sw-center{ width: 100%; @@ -476,7 +469,7 @@ text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; - -webkit-line-clamp: 2; /* 这里是超出几行省略 */ + -webkit-line-clamp: 2; color: #666666; margin-top: 0.16rem; text-align: center; diff --git a/rc-busness/assets/css/integral.less b/rc-busness/assets/css/integral.less index cf1c9309..230809c2 100644 --- a/rc-busness/assets/css/integral.less +++ b/rc-busness/assets/css/integral.less @@ -40,8 +40,7 @@ span{ li{ float: left; width: 30%; - - + position:relative; } li:after{ // height: 2px; @@ -49,8 +48,9 @@ span{ // display: block; content:"|"; color: #707070; - margin-left: 5px; - + position:absolute; + top:0; + right:0; } li:last-child:after{ content:""; @@ -126,10 +126,7 @@ span{ } } } -.rc-usermain{ - width: 92%; - margin: 0 auto; - margin-top: 60px; +.rc-max-width--xl{ ul{ height: 64px; @@ -158,9 +155,9 @@ border-radius: 3px 3px 0px 0px; font-style: normal; display: block; height: 48px; - margin-top: 16px; display: flex; border: 1px solid #D7D7D7; + border-top:0; // justify-content: space-between; align-items: center; color: #666666; diff --git a/rc-busness/assets/css/login.less b/rc-busness/assets/css/login.less index 815bc53b..b8f5fc74 100644 --- a/rc-busness/assets/css/login.less +++ b/rc-busness/assets/css/login.less @@ -120,20 +120,19 @@ margin: 0 auto; } .rc-button { - font-size: 14px; - width:335px; - display: flex; - align-items: center; - justify-content: space-between; - margin: 0 auto; - color: #333333; - } - .rc-button span { - border-bottom: 1px solid #333333; + font-size: 14px; + width:335px; + display: flex; + align-items: center; + justify-content: space-between; + margin: 0 auto; + color: #333333; } .rc-button span { margin-left: 20px; margin-top: 24px; + border-bottom: 1px solid #333333; + padding-bottom:.5rem; } .rc-button span:last-child { margin-right: 20px; @@ -142,7 +141,7 @@ } } // /* 最小768px最大1920 *pc端/ -@media screen and (min-width: 768px) and (max-width: 1920px) { +@media screen and (min-width: 769px) { .usecheck{ display: flex; text-align: left; @@ -232,7 +231,6 @@ margin-top: 24px; } .rc-button { .rc-styled-link{ - padding-bottom:3px; border-bottom:1px solid #333; &:hover{ border-bottom:1px solid #e2001a; diff --git a/rc-busness/assets/css/mypersonal.less b/rc-busness/assets/css/mypersonal.less index 7ce18230..0fcd7e58 100644 --- a/rc-busness/assets/css/mypersonal.less +++ b/rc-busness/assets/css/mypersonal.less @@ -2,12 +2,22 @@ ul li ol li em strong i { list-style: none; font-style: normal; } -.rc-header { - width: 100%; -} .rc-center{ overflow:hidden; } +.rc-title{ + img{ + width: 96px; + height: 96px; + margin:0 auto; + } +} +.userer{ + img{ + margin-left:auto; + margin-right:auto; + } +} //手机端 @media screen and (max-width: 768px) { .ts-mypersonal{ @@ -45,13 +55,6 @@ ul li ol li em strong i { color:#333333; font-size: 26px; } - .rc-title{ - img{ - width: 96px; - height: 96px; - - } - } .userer{ img{ width: 210px; @@ -246,10 +249,10 @@ ul li ol li em strong i { //pc端 @media screen and (min-width: 769px) { - /deep/.el-dialog { - width: 440px; - height: 652px; -} + /deep/.el-dialog { + width: 440px; + height: 652px; + } .ts-mypersonal{ margin-left:0; .rc-column{ diff --git a/rc-busness/assets/css/usermember.less b/rc-busness/assets/css/usermember.less new file mode 100644 index 00000000..1d08b84a --- /dev/null +++ b/rc-busness/assets/css/usermember.less @@ -0,0 +1,208 @@ +ul li ol li em strong i { + list-style: none; + font-style: normal; +} +/deep/.van-swipe__indicator--active{ + background:#E2001A; +} + //手机端 +@media screen and (max-width: 768px) { + .rc-main { + margin: 0 auto; + overflow: hidden; + .rc-center { + width: 100%; + height: 180px; + img { + width: 100%; + height: 100%; + display: block; + } + + } + .rc-userorder{ + display: flex; + align-items: center; + height: 100%; + + } + + .rc-order{ + padding: 16px 0 16px 0 ; + width: 100%; + display: flex; + align-items: center; + font-size: 14px; + color: #333333; + font-weight: 500; + border-bottom: 1px solid #D8D8D8; + margin-top: 22px; + + } + + .rc-cordd{ + color:#666666; + font-size: 14px; + margin-top: 16px; + span{ + display: block; + margin-top: 16px; + } + .block{ + height: 8px; + background: #D7D7D7; + margin-top: 16px; + border-radius: 4px; + .r-block{ + width: 0%; + height: 100%; + background: #008900; + } + + + } + .rc-value{ + display: flex; + justify-content: space-between; + } + } + + .usermember{ + width: 100%; + height: 80px; + border-bottom: 1px solid #D8D8D8; + display: flex; + align-items: center; + padding-left:0; + padding-bottom:0; + .rc-image{ + height: 100%; + display: flex; + align-items: center; + } + img{ + width: 3rem; + height: 3rem; + display: block; + object-fit: contain; + } + em{ + font-style: normal; + font-size: 16px; + display: block; + margin-left:3vw; + font-weight: bold; + color: #531c1c; + width:4.25rem; + } + span{ + color: #666666; + font-size: 14px; + margin-left: 3vw; + width: 51vw; + } + } +} +} + +@media screen and (min-width: 769px) { + + .rc-main { + .rc-center { + width: 100%; + height: 180px; + display: none; + img { + width: 100%; + height: 100%; + display: block; + } + + } + + .rc-order{ + padding: 16px 0 16px 0 ; + width: 100%; + display: flex; + align-items: center; + font-size: 26px; + color: #333333; + font-weight: 500; + + + } + .rc-cordd{ + color:#666666; + margin-top: 16px; + span{ + display: block; + margin-top: 16px; + font-size: 16px; + } + .block{ + height: 8px; + background: #D7D7D7; + margin-top: 16px; + border-radius: 4px; + .r-block{ + width: 0%; + height: 100%; + background: #008900; + } + + + } + .rc-value{ + display: flex; + justify-content: space-between; + } + } + + .usermember{ + min-width:14.5rem; + max-width:16.75rem; + width:16vw; + height: 10rem; + border: 1px solid #D7D7D7; + margin-top: 5rem; + margin-left: .75rem; + .rc-image{ + float: right; + overflow: hidden; + height: 100%; + display: flex; + align-items: center; + } + img{ + width: 5rem; + height: 5rem; + display: block; + } + em{ + font-style: normal; + font-size: 1.25rem; + display: block; + + font-weight: 500; + color: #333333; + } + span{ + color: #999999; + font-size: .875rem; + + } + } + .rc-userorder{ + width: 60%; + height: 100%; + display: flex; + flex-direction: column; + justify-content: center; + align-items: flex-start; + span{ + margin-top: .5rem; + } + } +} + +} \ No newline at end of file diff --git a/rc-busness/components/fixed-right.vue b/rc-busness/components/fixed-right.vue new file mode 100644 index 00000000..d22ea92a --- /dev/null +++ b/rc-busness/components/fixed-right.vue @@ -0,0 +1,106 @@ + + + + + \ No newline at end of file diff --git a/rc-busness/components/header.vue b/rc-busness/components/header.vue index 196b3170..dc5a52c9 100644 --- a/rc-busness/components/header.vue +++ b/rc-busness/components/header.vue @@ -6,6 +6,7 @@