xinyin025/smart-admin
1
0
Fork 0
mirror of https://gitee.com/lab1024/smart-admin.git synced 2025-11-23 02:46:53 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

iPhone font size fixed, index mobile video player added

Browse Source
This commit is contained in:
Vion
2022-01-24 12:01:28 +08:00
parent 8716e07403
commit d0addceabe
13 changed files with 176 additions and 106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
rc-busness/assets/css/index.less
View File

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