初始化商家端
This commit is contained in:
164
pages/dl/auth/index.scss
Normal file
164
pages/dl/auth/index.scss
Normal file
@ -0,0 +1,164 @@
|
||||
page {
|
||||
// padding-bottom: 240rpx;
|
||||
background-color: #fff;
|
||||
}
|
||||
.auth-pic{
|
||||
width: 686rpx;
|
||||
height: 240rpx;
|
||||
margin: 24rpx auto;
|
||||
image{
|
||||
width: 686rpx;
|
||||
height: 240rpx;
|
||||
}
|
||||
}
|
||||
.page-wapper {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
flex-direction: column;
|
||||
min-height: 100vh;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.public-text-area-wapper {
|
||||
background-color: #fff;
|
||||
|
||||
}
|
||||
.border-bottom{
|
||||
width: 686rpx;
|
||||
margin: 24rpx auto 0;
|
||||
border-bottom: 1rpx solid #EEEEEE;
|
||||
}
|
||||
.public-text-area-wapper textarea {
|
||||
height: auto;
|
||||
width: 100%;
|
||||
height: 161upx;
|
||||
margin-bottom: 40rpx;
|
||||
background-color: #F6F7F9;
|
||||
padding: 24rpx;
|
||||
border-radius: 16rpx;
|
||||
}
|
||||
.public-text-area-wapper .item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
view{
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
image{
|
||||
width: 314rpx;
|
||||
height: 204rpx;
|
||||
margin-bottom: 26rpx;
|
||||
// margin-top: 48rpx;
|
||||
}
|
||||
.active{
|
||||
font-weight: normal;
|
||||
color: #666;
|
||||
}
|
||||
}
|
||||
.explain{
|
||||
margin: 56rpx 0 80rpx 0;
|
||||
font-size: 24rpx;
|
||||
color: #666;
|
||||
}
|
||||
.fotter-bottom{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
background-color: #fff;
|
||||
}
|
||||
.login-btn {
|
||||
display: block;
|
||||
line-height: 90upx;
|
||||
text-align: center;
|
||||
width: 700upx;
|
||||
height: 90upx;
|
||||
font-size: 32upx;
|
||||
color: #fff;
|
||||
background: $bgtheme;
|
||||
background-blend-mode: normal, normal;
|
||||
border-radius: 45px;
|
||||
|
||||
&:after {
|
||||
border: 0;
|
||||
}
|
||||
}
|
||||
.fotter{
|
||||
width: 100%;
|
||||
padding-bottom: 40rpx;
|
||||
margin-top: 48rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
font-size: 20rpx;
|
||||
color: #666;
|
||||
image{
|
||||
width: 24rpx;
|
||||
height: 24rpx;
|
||||
margin-right: 16rpx;
|
||||
}
|
||||
text{
|
||||
color: #1D8DFB;
|
||||
}
|
||||
}
|
||||
.public-input-wapper {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.feedback-content {
|
||||
|
||||
.feedback_content_top {
|
||||
height: 80upx;
|
||||
line-height: 80upx;
|
||||
}
|
||||
|
||||
.content {
|
||||
padding: 0 32upx;
|
||||
|
||||
.row-textarea {
|
||||
color: #666666;
|
||||
width: 100%;
|
||||
height: 140upx;
|
||||
font-size: 26upx;
|
||||
}
|
||||
}
|
||||
|
||||
.files-pic {
|
||||
padding: 30upx 0;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
||||
.img-item {
|
||||
margin-right: 20upx;
|
||||
position: relative;
|
||||
|
||||
text {
|
||||
display: block;
|
||||
position: absolute;
|
||||
right: -10upx;
|
||||
top: -10upx;
|
||||
width: 34upx;
|
||||
height: 34upx;
|
||||
border-radius: 50%;
|
||||
background: rgba(227, 59, 45, 1);
|
||||
font-size: 24upx;
|
||||
text-align: center;
|
||||
line-height: 34upx;
|
||||
color: #fff;
|
||||
z-index: 10;
|
||||
}
|
||||
}
|
||||
|
||||
image {
|
||||
width: 144upx;
|
||||
height: 144upx;
|
||||
border-radius: 10upx;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user