Skip to content

W
wechatapp.shangjiadao.com
Commit a29b7d76 authored by wangxuelai's avatar wangxuelai
Browse files
Options

''

parent abcb67f1
Hide whitespace changes
Inline Side-by-side
Showing with 0 additions and 186 deletions
src/pages/clockdetail/newindex.wxss deleted 100644 → 0
View file @ abcb67f1
/* src/pages/clockdetail/newindex.wxss */
.container .banner-box{
width:100%;
height:625rpx;
position: relative;
}
.container .banner-box .top-box{
width:100%;
height:80rpx;
background:rgba(0,0,0,.5);
position: absolute;
left: 0;
top: 0;
display: flex;
align-items: center;
z-index: 10;
}
.container .banner-box .top-box .avatar-box{
display: flex;
align-items: center;
padding-left: 18rpx
}
.container .banner-box .top-box .avatar-box .avatar{
width:50rpx;
height:50rpx;
border-radius:50%;
position: relative;
}
.container .banner-box .top-box .avatar-box .avatar2{
left: -12rpx;
}
.container .banner-box .top-box .avatar-box .avatar3{
left: -24rpx;
}
.container .banner-box .top-box .avatar-box .avatar4{
left: -36rpx;
}
.container .banner-box .top-box .avatar-box .icon{
width:50rpx;
height:50rpx;
border-radius:50%;
position: relative;
left: -48rpx;
}
.container .banner-box .top-box .title{
width:275rpx;
display: flex;
align-items: center;
font-size:24rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,255,255,1);
position: absolute;
left: 242rpx;
}
.container .banner-box .top-box .nav-btn{
display: flex;
align-items: center;
justify-content: center;
width:130rpx;
height:46rpx;
background:rgba(255,74,55,1);
border-radius:23rpx;
position: absolute;
left: 552rpx;
}
.container .banner-box .top-box .nav-btn .text{
font-size:24rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:rgba(255,255,255,1);
padding-right: 14rpx;
}
.container .banner-box .top-box .nav-btn .arrow{
width: 12rpx;
height: 21rpx;
}
.container .banner-box .top-box .close-btn{
width: 20rpx;
height: 20rpx;
position: absolute;
right: 22rpx;
bottom: 36rpx;
}
.container .banner-box .top-box .close-btn .close{
width: 20rpx;
height: 20rpx;
}
.container .banner-box .swiper-box{
width:100%;
height:625rpx;
position: relative;
}
.container .banner-box .swiper-box .progress{
width:92rpx;
height:44rpx;
background:rgba(0,0,0,1);
opacity:0.5;
border-radius:22rpx;
text-align: center;
line-height: 44rpx;
position: absolute;
bottom: 15rpx;
right: 25rpx;
font-size:24rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(255,255,255,1);
letter-spacing: 4rpx;
}
.container .banner-box .swiper-box .barrage-box{
display: flex;
align-items: center;
padding: 0 24rpx;
height:45rpx;
background:rgba(255,201,70,1);
box-shadow:0px 0px 16px 0px rgba(0, 0, 0, 0.1);
border-radius:22px 0px 0px 22px;
font-size:24rpx;
font-family:PingFang-SC-Regular;
font-weight:400;
color:rgba(0,0,0,1);
position: absolute;
top:122rpx;
right: 0;
letter-spacing: 2rpx;
}
.container .banner-box .swiper-box swiper-item{
height:625rpx;
}
.container .banner-box .swiper-box swiper-item .imgbox .img{
width:100%;
height:625rpx;
position: relative;
}
.video-play-icon-box {
width: 118rpx;
height: 118rpx;
border-radius: 50%;
background-color: rgba(0,0,0,0.5);
position: absolute;
left: 50%;
top: 50%;
/* margin: -69rpx 0 0 -69rpx; */
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transform:translate(-50%, -50%);
}
.video-play-icon-box .video-play-icon {
width: 31rpx;
height: 36rpx;
display: block;
}
.marketing-box{
width: 726rpx;
height: 175rpx;
margin: 48rpx 0 60rpx 12rpx;
position: relative;
}
.marketing-box .wrapper{
width: 726rpx;
height: 175rpx;
position: absolute;
left: 0;
top: 0;
}
.marketing-box .left{
position: absolute;
left: 52rpx;
top: 32rpx;
z-index: 2;
}
.marketing-box .left .title{
font-size:44rpx;
font-family:PingFang-SC-Regular;
font-weight:bold;
color:rgba(255,255,255,1);
text-shadow:0px 4px 0px rgba(202,117,0,1);
-webkit-text-stroke:2px undefined;
text-stroke:2px undefined;
}
.marketing-box .left .detail{
display: flex;
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment