126 lines
2.1 KiB
Plaintext
126 lines
2.1 KiB
Plaintext
/* pages/share/share.wxss */
|
|
canvas{
|
|
position: fixed;
|
|
top: 100000px;
|
|
}
|
|
image{
|
|
width: 100%;
|
|
}
|
|
.img_box .imgs{
|
|
width: 508rpx;
|
|
height: auto;
|
|
box-shadow: 0 0 6rpx 6rpx #ccc;
|
|
border-radius: 10rpx;
|
|
margin: 0 auto;
|
|
}
|
|
.page{
|
|
text-align: center;
|
|
color: #999;
|
|
margin:16rpx 0;
|
|
font-size:24rpx;
|
|
}
|
|
.tips{
|
|
text-align: center;
|
|
color: #666666;
|
|
font-size: 28rpx;
|
|
}
|
|
.btn{
|
|
width: 508rpx;
|
|
height: 96rpx;
|
|
line-height: 96rpx;
|
|
text-align: center;
|
|
color: #fff;
|
|
background: #C63E3A;
|
|
border-radius: 48rpx;
|
|
font-size: 32rpx;
|
|
margin: 70rpx auto;
|
|
}
|
|
.swiper image{
|
|
width: 100%;
|
|
/* margin: 10rpx auto; */
|
|
display: block;
|
|
box-shadow: 0 0 6rpx 6rpx #eeeeee;
|
|
border-radius: 10rpx;
|
|
min-height: 200px
|
|
}
|
|
swiper-item{
|
|
padding: 10px;
|
|
box-sizing: border-box
|
|
}
|
|
.share-box{
|
|
position: fixed;
|
|
left: 0;
|
|
top: 0;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0,0,0,0.4);
|
|
z-index: 1001;
|
|
}
|
|
.share-box .box{
|
|
width: 100vw;
|
|
height: 360rpx;
|
|
position: absolute;
|
|
bottom: 0;
|
|
background: #fff;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
.whitebox{
|
|
width: 100vw;
|
|
height: calc(100vh - 360rpx);
|
|
position: absolute;
|
|
bottom: 360rpx;
|
|
font-size: 0;
|
|
text-align: center;
|
|
}
|
|
.share-box .name{
|
|
line-height: 120rpx;
|
|
font-size: 30rpx;
|
|
}
|
|
.share-box .item{
|
|
display: inline-block;
|
|
width: 50%;
|
|
font-size: 30rpx;
|
|
padding:30rpx 0;
|
|
line-height:inherit;
|
|
vertical-align:middle;
|
|
background:transparent;
|
|
border:none;
|
|
|
|
}
|
|
.share-box .item:after{
|
|
border:none
|
|
}
|
|
share-box .tips{
|
|
color: #999999;
|
|
text-align: center;
|
|
font-size: 28rpx;
|
|
}
|
|
.share-box .title{
|
|
padding: 40rpx;
|
|
color: #333333;
|
|
font-size: 36rpx;
|
|
text-align: center;
|
|
}
|
|
.share-box .btn{
|
|
width: 220rpx;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
margin: 50rpx auto;
|
|
text-align: center;
|
|
color: #C63E3A;
|
|
font-size: 30rpx;
|
|
border:1px solid #e8e8e8;
|
|
border-radius: 40rpx;
|
|
background: #fff
|
|
}
|
|
.savebtn{
|
|
position: fixed;
|
|
left: calc(50% - 254rpx);
|
|
bottom: 20rpx;
|
|
margin: 0
|
|
}
|
|
.container{
|
|
padding-bottom:240rpx;
|
|
} |