This commit is contained in:
952108534@qq.com
2022-01-20 11:52:43 +08:00
parent bfe208efb6
commit e86acd1e85
16 changed files with 27452 additions and 2508 deletions

View File

@@ -8,38 +8,17 @@ body{
.fade-leave-active {
opacity: 0;
}
.ts-no-data{
text-align: center;
margin:3rem 0;
}
.ts-mask{
width:100%;
height:100%;
position: fixed;
top:0;
left:0;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index:99;
.ts-mask-bg{
background-color:#000;
opacity:.6;
width:100%;
height:100%;
z-index:0;
position:absolute;
left:0;
top:0;
}
}
.userloding {
position: fixed;
left: 50%;
margin-left: -1.56rem;
top: 50%;
margin-top: -3.75rem;
background: url(../image/onloading.png) center center no-repeat;
width: 3.12rem;
background-size: contain;
height: 3.12rem;
height: 7.5rem;
z-index: 1000;
animation: rolling 4s infinite;
-webkit-animation:rolling 4s infinite;
}
@@ -69,6 +48,8 @@ body{
}
//用户光点
.rc-screen-reader{
width: 0.81rem;
height: 0.81rem;
border-radius: 50%;
position: absolute;
background-color: red;
@@ -78,13 +59,6 @@ body{
width: 0.37rem;
height: 0.37rem;
}
.rc-menu--xs .rc-screen-reader{
left: 30%;
}
.rc-list__link.ts-login--xs .rc-screen-reader{
left:16%;
}
img, picture {
display: block;
max-width: 100%;
@@ -111,8 +85,7 @@ img, picture {
li{
border: 1px solid #D7D7D7;
display: inline-flex;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-radius: 4px;
flex-direction: column;
max-width:10rem;
.rc-column
@@ -144,7 +117,7 @@ img, picture {
}
img{
width:10rem;
min-height:10rem;
height:10rem;
object-fit: contain;
display: flex;
margin: 0 auto;
@@ -256,12 +229,13 @@ img, picture {
right: 0;
top: 30%;
background: #FFFFFF;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
box-shadow: 0px 0px .62rem rgba(0, 0, 0, 0.16);
border-radius: .25rem;
z-index:3;
ul{
width: 60px;
height: 181px;
box-shadow: 0px 0px 6px rgb(0 0 0 / 10%);
background-color: white;
display: flex;
flex-direction: column;
@@ -339,9 +313,6 @@ img, picture {
html {
//font-size:100px;
}
.rc-list__link.ts-login--xs .rc-screen-reader{
left:7%;
}
.rc-md-up {
display: none!important;
}
@@ -352,7 +323,9 @@ img, picture {
margin-top: 90px;
}
.rc-list__header {
background: none;
padding: .5rem 0;
border-bottom: none;
}
.ts-right-arr {
border-bottom:1px solid #E1001A;
@@ -443,13 +416,8 @@ img, picture {
display:block;
li{
max-width:20rem;
min-width:18.75rem;
width:22.8vw;
//margin-right:.875rem;
margin-left:2vw;
padding-left:1px;
padding-right:1px;
box-sizing: border-box;
margin-left:2.2vw;
.rc-column{
span{
font-size:1.875rem;
@@ -464,7 +432,7 @@ img, picture {
}
}
img{
width:100%;
width:21.7vw;
max-width:320px;
min-width:160px;
}
@@ -571,40 +539,35 @@ img, picture {
}
h2{
font-size:20px;
padding-bottom:1rem;
}
.ts-scrollable
{
padding-bottom:1rem;
scrollbar-width: thin;
li
{
margin-left: 30px;
width: 8.125rem;
height: 2.5rem;
//line-height: 40px;
line-height: 40px;
font-size: .875rem;
padding:.375rem;
}
/*
&::-webkit-scrollbar{
height: 6px;
width:50%;
background:transparent;
background:unset;
height:4px;
}
&::-webkit-scrollbar-thumb{
background-color:#d7d7d7;
border-radius:10px;
width:50%;
height:2px;
}
&::-webkit-scrollbar-track{
//background-color:#ddd;
background-color:transparent;
background-color:ddd;
height:2px;
}
&::-webkit-scrollbar-button{
background:unset;
}
/* */
*/
}
}
@@ -626,10 +589,10 @@ img, picture {
{
.ts-product-list {
display:flex;
//justify-content: space-between;
justify-content: space-between;
li{
//margin-left:0;
//margin-right:0;
margin-left:0;
margin-right:0;
}
}
}