Index content / bug completed, method of login checking in store/index.js added

This commit is contained in:
Vion
2022-01-22 13:29:19 +08:00
parent 60c6a6b8b4
commit debf618d7e
9 changed files with 307 additions and 275 deletions

View File

@@ -41,6 +41,36 @@ 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;
width: 3.12rem;
@@ -139,12 +169,13 @@ img, picture {
font-size: 1.125rem;
margin-top: .5rem;
display: block;
min-height:1.6rem;
}
}
}
img{
width:10rem;
height:10rem;
//min-height:19.875rem;
object-fit: contain;
display: flex;
margin: 0 auto;
@@ -340,6 +371,14 @@ img, picture {
html {
//font-size:100px;
}
label {
input[type=checkbox] {
top:.25rem;
}
}
.rc-header__nav--primary{
overflow:hidden;
}
.ts-login--xs .rc-screen-reader{
left:7%;
top:22%;
@@ -445,10 +484,6 @@ img, picture {
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;
.rc-column{
span{
@@ -625,14 +660,7 @@ img, picture {
}
@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;
}
}
}
.rc_contline {
border-bottom: 3px solid #f6f6f6;

View File

@@ -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;

View File

@@ -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;