6 changed files with 162 additions and 121 deletions
@ -0,0 +1,6 @@ |
|||||
|
{ |
||||
|
"compilerOptions": { |
||||
|
"target": "es2015", |
||||
|
"module": "commonjs" |
||||
|
} |
||||
|
} |
@ -1,158 +1,164 @@ |
|||||
/* subpages/eventAdd/add/add.wxss */ |
/* subpages/eventAdd/add/add.wxss */ |
||||
.bsPageCont { |
.bsPageCont { |
||||
width: 100%; |
width: 100%; |
||||
height: 100vh; |
height: 120vh; |
||||
position: relative; |
position: relative; |
||||
background-color: rgba(248, 248, 248, 1); |
background-color: rgba(248, 248, 248, 1); |
||||
overflow-y: auto; |
overflow-y: auto; |
||||
} |
} |
||||
|
|
||||
.bsImg { |
.bsImg { |
||||
width: 100%; |
width: 100%; |
||||
height: 280rpx; |
height: 280rpx; |
||||
position: absolute; |
position: absolute; |
||||
top: 0; |
top: 0; |
||||
} |
} |
||||
|
|
||||
.bsImg { |
.bsImg { |
||||
width: 100%; |
width: 100%; |
||||
height: 280rpx; |
height: 280rpx; |
||||
position: absolute; |
position: absolute; |
||||
top: 0; |
top: 0; |
||||
} |
} |
||||
|
|
||||
.bsImg1 { |
.bsImg1 { |
||||
width: 144rpx; |
width: 144rpx; |
||||
height: 150rpx; |
height: 150rpx; |
||||
position: absolute; |
position: absolute; |
||||
top: 2%; |
top: 2%; |
||||
right: 5%; |
right: 5%; |
||||
} |
} |
||||
|
|
||||
.bsCon { |
.bsCon { |
||||
width: 96%; |
width: 96%; |
||||
display: block; |
display: block; |
||||
margin-left: 2%; |
margin-left: 2%; |
||||
|
height: 100%; |
||||
} |
} |
||||
|
|
||||
.bsCon ::v-deep .title-class { |
.bsCon ::v-deep .title-class { |
||||
color: rgba(104, 117, 139, 1); |
color: rgba(104, 117, 139, 1); |
||||
font-size: 32rpx; |
font-size: 32rpx; |
||||
margin-left: 20rpx; |
margin-left: 20rpx; |
||||
} |
} |
||||
|
|
||||
.bsCon2 { |
.bsCon2 { |
||||
border-radius: 10rpx; |
border-radius: 10rpx; |
||||
height: 900rpx; |
height: auto; |
||||
overflow-y: auto; |
overflow-y: auto; |
||||
background-color: rgba(255, 255, 255, 1); |
background-color: rgba(255, 255, 255, 1); |
||||
color: rgba(16, 16, 16, 1); |
color: rgba(16, 16, 16, 1); |
||||
position: absolute; |
position: absolute; |
||||
width: 96%; |
width: 96%; |
||||
margin-left: 2%; |
margin-left: 2%; |
||||
top: calc(6% + 100rpx); |
top: calc(6% + 100rpx); |
||||
padding: 2%; |
padding: 2%; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
} |
} |
||||
|
|
||||
.bsCon2 .bsSpan { |
.bsCon2 .bsSpan { |
||||
color: rgba(104, 117, 139, 1); |
color: rgba(104, 117, 139, 1); |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
margin-left: 20rpx; |
margin-left: 20rpx; |
||||
|
margin-bottom: 20rpx; |
||||
|
margin-top: 20rpx; |
||||
} |
} |
||||
|
|
||||
.bsCon3 { |
.bsCon3 { |
||||
border-radius: 10rpx; |
border-radius: 10rpx; |
||||
height: 400rpx; |
overflow-y: auto; |
||||
overflow-y: auto; |
background-color: rgba(255, 255, 255, 1); |
||||
background-color: rgba(255, 255, 255, 1); |
position: absolute; |
||||
position: absolute; |
width: 96%; |
||||
width: 96%; |
top: calc(12% + 1000rpx); |
||||
margin-left: 2%; |
padding: 2%; |
||||
top: calc(7% + 1000rpx); |
box-sizing: border-box; |
||||
padding: 2%; |
display: flex; |
||||
box-sizing: border-box; |
flex-direction: column; |
||||
display: flex; |
margin: 0 2% 2% 2%; |
||||
flex-direction: column; |
|
||||
margin-bottom: 200rpx; |
|
||||
padding-bottom: 100rpx; |
|
||||
} |
} |
||||
|
|
||||
/* 输入框样式 */ |
/* 输入框样式 */ |
||||
.question-input { |
.question-input { |
||||
width: 98%; |
width: 98%; |
||||
margin-left: 1%; |
margin-left: 1%; |
||||
margin-top: 2%; |
margin-top: 2%; |
||||
height: 500rpx; |
height: 500rpx; |
||||
border-radius: 10rpx; |
border-radius: 10rpx; |
||||
padding: 15rpx; |
padding: 15rpx; |
||||
box-sizing: border-box; |
box-sizing: border-box; |
||||
background-color: rgba(246, 246, 246, 1); |
background-color: rgba(246, 246, 246, 1); |
||||
font-size: 28rpx; |
font-size: 28rpx; |
||||
} |
} |
||||
|
|
||||
.van-uploader__preview { |
.van-uploader__preview { |
||||
/* width: 80px; */ |
/* width: 80px; */ |
||||
} |
} |
||||
|
|
||||
van-uploader__upload { |
van-uploader__upload { |
||||
width: 75px !important; |
width: 75px !important; |
||||
height: 75px !important; |
height: 75px !important; |
||||
border-radius: 5px; |
border-radius: 5px; |
||||
} |
} |
||||
|
|
||||
.van-uploader__preview-image { |
.van-uploader__preview-image { |
||||
width: 75px !important; |
width: 75px !important; |
||||
height: 75px !important; |
height: 75px !important; |
||||
border-radius: 5px; |
border-radius: 5px; |
||||
} |
} |
||||
|
|
||||
.bsBtn { |
.bsBtn { |
||||
position: absolute; |
position: fixed; |
||||
width: 300rpx; |
width: 55%; |
||||
height: 60rpx; |
height: 70rpx; |
||||
line-height: 60rpx; |
line-height: 70rpx; |
||||
border-radius: 600rpx; |
border-radius: 600rpx; |
||||
background: linear-gradient(86.25deg, rgba(13, 198, 198, 1) 3.03%, rgba(19, 194, 194, 1) 3.03%, rgba(70, 219, 213, 1) 96.43%); |
background: linear-gradient(86.25deg, rgba(13, 198, 198, 1) 3.03%, rgba(19, 194, 194, 1) 3.03%, rgba(70, 219, 213, 1) 96.43%); |
||||
color: rgba(255, 255, 255, 1); |
color: rgba(255, 255, 255, 1); |
||||
font-size: 34rpx; |
font-size: 34rpx; |
||||
text-align: center; |
text-align: center; |
||||
top: calc(7% + 1308rpx); |
left: 50%; |
||||
left: 50%; |
transform: translateX(-50%); |
||||
transform: translateX(-50%); |
bottom: 50rpx; |
||||
|
z-index: 99; |
||||
|
/* 兼容安全区 */ |
||||
|
padding-bottom: env(safe-area-inset-bottom); |
||||
} |
} |
||||
|
|
||||
.bxMessage { |
.bxMessage { |
||||
position: absolute; |
position: absolute; |
||||
top: 3%; |
top: 3%; |
||||
left: 5%; |
left: 5%; |
||||
} |
} |
||||
|
|
||||
.bxMessage text { |
.bxMessage text { |
||||
color: rgba(16, 16, 16, 1); |
color: rgba(16, 16, 16, 1); |
||||
display: block; |
display: block; |
||||
margin-bottom: 5rpx; |
margin-bottom: 5rpx; |
||||
} |
} |
||||
|
|
||||
.bsSpan1 { |
.bsSpan1 { |
||||
color: rgba(104, 117, 139, 1); |
color: rgba(104, 117, 139, 1); |
||||
font-size: 30rpx; |
font-size: 30rpx; |
||||
margin-left: 20rpx; |
margin-left: 20rpx; |
||||
display: inline-block; |
display: inline-block; |
||||
width: 21%; |
width: 21%; |
||||
} |
} |
||||
|
|
||||
.bxinput { |
.bxinput { |
||||
display: inline-block; |
display: inline-block; |
||||
} |
} |
||||
|
|
||||
.bxName { |
.bxName { |
||||
width: 100%; |
width: 100%; |
||||
height: 100rpx; |
height: 100rpx; |
||||
display: flex; |
display: flex; |
||||
justify-content: space-between; |
justify-content: space-between; |
||||
align-items: center; |
align-items: center; |
||||
} |
border-bottom: 1px solid #f8f8f9; |
||||
.required{ |
} |
||||
color: #f10a24; |
|
||||
} |
.required { |
||||
|
color: #f10a24; |
||||
|
} |
||||
|
|
||||
|
Loading…
Reference in new issue