Merge branch 'sit-Carl' into sit-jiamin-v2

This commit is contained in:
952108534@qq.com
2022-01-17 20:46:45 +08:00
61 changed files with 1827 additions and 30640 deletions

View File

@@ -132,7 +132,7 @@ margin-top: 8px;
}
.rc-footer {
display: flex;
align-items:flex-end
align-items:flex-end;
span {
width: 72px;
height: 25px;

View File

@@ -38,8 +38,7 @@ img, picture {
flex-wrap: wrap;
justify-content: space-evenly;
&:after{
content:"";
width:154px;
}
li{
border: 1px solid #D7D7D7;
@@ -151,11 +150,9 @@ img, picture {
flex-wrap: nowrap;
text-align: center;
width: 86%;
&::-webkit-scrollbar{
display:none;
}
li{
border-radius: 100px;
flex-shrink:0;
}
}
.active{
@@ -345,6 +342,9 @@ img, picture {
font-size:.75rem;
line-height: 1.375rem;
}
&::-webkit-scrollbar{
display:none;
}
}
}
@@ -369,17 +369,25 @@ img, picture {
display:block;
li{
max-width:20rem;
margin-right:.9rem;
margin-left:.9rem;
//margin-right:.875rem;
margin-left:2.2vw;
.rc-column{
span{
font-size:1.875rem;
height: 5.2rem;
}
}
&:nth-child(4n+1){
margin-left:0;
}
&:nth-child(4n){
//margin-right:0;
}
}
img{
width:20rem;
width:21.7vw;
max-width:320px;
min-width:160px;
}
}
.ts-right-arr {
@@ -489,12 +497,30 @@ img, picture {
{
li
{
margin-left: 40px;
margin-left: 30px;
width: 8.125rem;
height: 2.5rem;
line-height: 40px;
font-size: .875rem;
}
/*
&::-webkit-scrollbar{
background:unset;
height:4px;
}
&::-webkit-scrollbar-thumb{
background-color:#d7d7d7;
height:2px;
}
&::-webkit-scrollbar-track{
background-color:ddd;
height:2px;
}
&::-webkit-scrollbar-button{
background:unset;
}
*/
}
}
@@ -511,4 +537,15 @@ img, picture {
.rc-xl-down {
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;
}
}
}

View File

@@ -5,6 +5,36 @@
/deep/.van-swipe__indicator--active{
background-color: #E1001A;
}
.rc-ma{
.ul-zhuan{
li{
background: unset;;
img{
border-radius: 50%;
}
&.active {
img{
border: 3px solid #E2001A;
}
color: #E2001A;
}
&.unactive {
color: #444444;
img{
border: 3px solid #D7D7D7;
}
}
}
}
}
.uservideo{
overflow: hidden;
video{
height:100%;
width:auto;
}
}
@media screen and (max-width:768px){
.ul-dog{
display: none;
@@ -24,16 +54,14 @@
display: block;
}
img{
width: 0.64rem;
height: 0.64rem;
width: 4rem;
height: 4rem;
display: block;
}
li{
display: inline-block;
margin-left: 0.20rem;
width: 0.64rem;
text-align: center;
height: 0.64rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
@@ -97,7 +125,6 @@
height: 26.31rem;
width: 100%;
font-size: 0.20px;
line-height: 1.50rem;
text-align: center;
position: relative;
}
@@ -260,12 +287,7 @@
li{
display: inline-block;
margin-left: 1.25rem;
width: 4rem;
text-align: center;
height: 4rem;
background: #F6F6F6;
border-radius: 50%;
opacity: 1;
}
}
@@ -280,15 +302,16 @@
}
}
.active {
font-size: 0.14rem;
border: 1px solid red;
color: red;
font-size: 0.14rem;
img{
border-width: 1px;
}
}
.unactive {
font-size: 0.14rem;
color: #444444;
border: 1px solid #D7D7D7;
font-size: 0.14rem;
img{
border-width: 1px;
}
}
// .usermain{
// display: none;
@@ -314,7 +337,6 @@ object-fit: cover;
height: 100%;
width: 100%;
font-size: 1.25rem;
line-height: 9.375rem;
text-align: center;
@@ -411,35 +433,33 @@ object-fit: cover;
margin-top: 1rem;
}
}
.uservideo{
width: 35rem;
height: 31.6rem;
display: block;
border: 1px solid red;
}
.userleft{
position: absolute;
top: 50%;
left:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.38rem;
display: block;
}
}
.userright{
position: absolute;
top: 50%;
right:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.375rem;
display: block;
}
}
.uservideo{
width: 35rem;
height: 31.6rem;
display: block;
}
.userleft{
position: absolute;
top: 50%;
left:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.38rem;
display: block;
}
}
.userright{
position: absolute;
top: 50%;
right:0;
margin-top: -.72rem;
img{
width: .69rem;
height: 1.375rem;
display: block;
}
}
}
}
@@ -494,23 +514,18 @@ img{
flex-wrap: wrap;
flex-direction: row;
span{
margin-top: 2.5rem;
margin-top: 1vw;
display: block;
}
img{
width: 9.5rem;
height: 9.5rem;
width: 10vw;
height: 10vw;
display: block;
}
li{
cursor: pointer;
font-size: 16px;
width: 9.875rem;
text-align: center;
height: 9.875rem;
background: #F6F6F6;
border-radius: 50%;
margin-left:1.25rem;
}
}
@@ -525,8 +540,6 @@ img{
}
.usermain{
margin-top: 2.5rem;
padding-bottom: 2.82rem;
.ul-dog{
width: 100%;
display: flex;
@@ -593,17 +606,18 @@ margin-left: 2.5rem;
}
}
}
.active {
font-size: 1rem;
border: 3px solid red;
color: red;
}
.unactive {
font-size: 1rem;
color: #444444;
border: 1px solid #D7D7D7;
}
.active {
font-size: 1rem;
img{
border-width: 3px;
}
}
.unactive {
font-size: 1rem;
img{
border-width: 1px;
}
}
.rc-maa{
ul{
width: 100%;
@@ -635,15 +649,12 @@ border-radius: 50%;
}
.userselection {
font-size: 0.16rem;
color: #E2001A;
}
.userselection {
font-size: 0.16rem;
color: #E2001A;
}
.unselection {
font-size: 0.16rem;
}
.rc-usermessage{
span{
@@ -653,3 +664,14 @@ color: #E2001A;
}
}
}
@media screen and (min-width:600px) and (max-width:768px)
{
.ul-zhuan{
display: flex;
justify-content: space-evenly;
li{
margin-left:0;
}
}
}

View File

@@ -140,6 +140,7 @@ ul li ol li em strong i {
}
.rc-cordd{
color:#666666;
position:relative;
span{
display: inline-block;
margin-top: 16px;
@@ -249,6 +250,13 @@ ul li ol li em strong i {
width: 440px;
height: 652px;
}
.ts-mypersonal{
margin-left:0;
.rc-column{
padding-left:0;
padding-right:0;
}
}
.online{
margin:40px auto;
}
@@ -362,17 +370,29 @@ ul li ol li em strong i {
}
}
.block{
height: 8px;
background: #D7D7D7;
margin-top: 16px;
border-radius: 4px;
.r-block{
width: 0%;
height: 100%;
background: #008900;
}
height: 8px;
background: #D7D7D7;
margin-top: 16px;
border-radius: 4px;
position:relative;
margin-top:3.32rem;
.r-block{
width: 0%;
height: 100%;
background: #008900;
}
.ts-point-tag{
background:url("../image/img-pointBg.png") no-repeat center top;
background-size:contain;
height:2.375rem;
width:3.625rem;
text-align:center;
position:absolute;
font-size:.875rem;
line-height:2rem;
left:0;
top:-2.6rem;
}
}
.rc-value{
display: flex;