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 */ |
|||
.bsPageCont { |
|||
width: 100%; |
|||
height: 100vh; |
|||
position: relative; |
|||
background-color: rgba(248, 248, 248, 1); |
|||
overflow-y: auto; |
|||
width: 100%; |
|||
height: 120vh; |
|||
position: relative; |
|||
background-color: rgba(248, 248, 248, 1); |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.bsImg { |
|||
width: 100%; |
|||
height: 280rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 280rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
} |
|||
|
|||
.bsImg { |
|||
width: 100%; |
|||
height: 280rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
width: 100%; |
|||
height: 280rpx; |
|||
position: absolute; |
|||
top: 0; |
|||
} |
|||
|
|||
.bsImg1 { |
|||
width: 144rpx; |
|||
height: 150rpx; |
|||
position: absolute; |
|||
top: 2%; |
|||
right: 5%; |
|||
width: 144rpx; |
|||
height: 150rpx; |
|||
position: absolute; |
|||
top: 2%; |
|||
right: 5%; |
|||
} |
|||
|
|||
.bsCon { |
|||
width: 96%; |
|||
display: block; |
|||
margin-left: 2%; |
|||
width: 96%; |
|||
display: block; |
|||
margin-left: 2%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.bsCon ::v-deep .title-class { |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 32rpx; |
|||
margin-left: 20rpx; |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 32rpx; |
|||
margin-left: 20rpx; |
|||
} |
|||
|
|||
.bsCon2 { |
|||
border-radius: 10rpx; |
|||
height: 900rpx; |
|||
overflow-y: auto; |
|||
background-color: rgba(255, 255, 255, 1); |
|||
color: rgba(16, 16, 16, 1); |
|||
position: absolute; |
|||
width: 96%; |
|||
margin-left: 2%; |
|||
top: calc(6% + 100rpx); |
|||
padding: 2%; |
|||
box-sizing: border-box; |
|||
border-radius: 10rpx; |
|||
height: auto; |
|||
overflow-y: auto; |
|||
background-color: rgba(255, 255, 255, 1); |
|||
color: rgba(16, 16, 16, 1); |
|||
position: absolute; |
|||
width: 96%; |
|||
margin-left: 2%; |
|||
top: calc(6% + 100rpx); |
|||
padding: 2%; |
|||
box-sizing: border-box; |
|||
} |
|||
|
|||
.bsCon2 .bsSpan { |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 30rpx; |
|||
margin-left: 20rpx; |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 30rpx; |
|||
margin-left: 20rpx; |
|||
margin-bottom: 20rpx; |
|||
margin-top: 20rpx; |
|||
} |
|||
|
|||
.bsCon3 { |
|||
border-radius: 10rpx; |
|||
height: 400rpx; |
|||
overflow-y: auto; |
|||
background-color: rgba(255, 255, 255, 1); |
|||
position: absolute; |
|||
width: 96%; |
|||
margin-left: 2%; |
|||
top: calc(7% + 1000rpx); |
|||
padding: 2%; |
|||
box-sizing: border-box; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin-bottom: 200rpx; |
|||
padding-bottom: 100rpx; |
|||
border-radius: 10rpx; |
|||
overflow-y: auto; |
|||
background-color: rgba(255, 255, 255, 1); |
|||
position: absolute; |
|||
width: 96%; |
|||
top: calc(12% + 1000rpx); |
|||
padding: 2%; |
|||
box-sizing: border-box; |
|||
display: flex; |
|||
flex-direction: column; |
|||
margin: 0 2% 2% 2%; |
|||
} |
|||
|
|||
/* 输入框样式 */ |
|||
.question-input { |
|||
width: 98%; |
|||
margin-left: 1%; |
|||
margin-top: 2%; |
|||
height: 500rpx; |
|||
border-radius: 10rpx; |
|||
padding: 15rpx; |
|||
box-sizing: border-box; |
|||
background-color: rgba(246, 246, 246, 1); |
|||
font-size: 28rpx; |
|||
width: 98%; |
|||
margin-left: 1%; |
|||
margin-top: 2%; |
|||
height: 500rpx; |
|||
border-radius: 10rpx; |
|||
padding: 15rpx; |
|||
box-sizing: border-box; |
|||
background-color: rgba(246, 246, 246, 1); |
|||
font-size: 28rpx; |
|||
} |
|||
|
|||
.van-uploader__preview { |
|||
/* width: 80px; */ |
|||
/* width: 80px; */ |
|||
} |
|||
|
|||
van-uploader__upload { |
|||
width: 75px !important; |
|||
height: 75px !important; |
|||
border-radius: 5px; |
|||
width: 75px !important; |
|||
height: 75px !important; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.van-uploader__preview-image { |
|||
width: 75px !important; |
|||
height: 75px !important; |
|||
border-radius: 5px; |
|||
width: 75px !important; |
|||
height: 75px !important; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.bsBtn { |
|||
position: absolute; |
|||
width: 300rpx; |
|||
height: 60rpx; |
|||
line-height: 60rpx; |
|||
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%); |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 34rpx; |
|||
text-align: center; |
|||
top: calc(7% + 1308rpx); |
|||
left: 50%; |
|||
transform: translateX(-50%); |
|||
position: fixed; |
|||
width: 55%; |
|||
height: 70rpx; |
|||
line-height: 70rpx; |
|||
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%); |
|||
color: rgba(255, 255, 255, 1); |
|||
font-size: 34rpx; |
|||
text-align: center; |
|||
left: 50%; |
|||
transform: translateX(-50%); |
|||
bottom: 50rpx; |
|||
z-index: 99; |
|||
/* 兼容安全区 */ |
|||
padding-bottom: env(safe-area-inset-bottom); |
|||
} |
|||
|
|||
.bxMessage { |
|||
position: absolute; |
|||
top: 3%; |
|||
left: 5%; |
|||
position: absolute; |
|||
top: 3%; |
|||
left: 5%; |
|||
} |
|||
|
|||
.bxMessage text { |
|||
color: rgba(16, 16, 16, 1); |
|||
display: block; |
|||
margin-bottom: 5rpx; |
|||
color: rgba(16, 16, 16, 1); |
|||
display: block; |
|||
margin-bottom: 5rpx; |
|||
} |
|||
|
|||
.bsSpan1 { |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 30rpx; |
|||
margin-left: 20rpx; |
|||
display: inline-block; |
|||
width: 21%; |
|||
color: rgba(104, 117, 139, 1); |
|||
font-size: 30rpx; |
|||
margin-left: 20rpx; |
|||
display: inline-block; |
|||
width: 21%; |
|||
} |
|||
|
|||
.bxinput { |
|||
display: inline-block; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.bxName { |
|||
width: 100%; |
|||
height: 100rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
width: 100%; |
|||
height: 100rpx; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
border-bottom: 1px solid #f8f8f9; |
|||
} |
|||
.required{ |
|||
color: #f10a24; |
|||
|
|||
.required { |
|||
color: #f10a24; |
|||
} |
|||
|
|||
|
Loading…
Reference in new issue