|
@@ -4,7 +4,7 @@
|
|
<view class="radio-list">
|
|
<view class="radio-list">
|
|
<radio-group @change="radioChange">
|
|
<radio-group @change="radioChange">
|
|
<label v-for="item in typeOptions" :key="item.id">
|
|
<label v-for="item in typeOptions" :key="item.id">
|
|
- <radio :value="item.id.toString()" color="#A4D099" :checked="item.id == active" />
|
|
|
|
|
|
+ <radio :value="item.id.toString()" color="#A4D099" :checked="item.id == active" style="transform:scale(0.7)" />
|
|
<span>{{ item.name }}</span>
|
|
<span>{{ item.name }}</span>
|
|
</label>
|
|
</label>
|
|
</radio-group>
|
|
</radio-group>
|
|
@@ -129,32 +129,41 @@ export default {
|
|
</script>
|
|
</script>
|
|
|
|
|
|
<style lang="scss" scoped>
|
|
<style lang="scss" scoped>
|
|
|
|
+uni-page-body{
|
|
|
|
+ background-color: #FFF;
|
|
|
|
+}
|
|
|
|
+
|
|
.app-container {
|
|
.app-container {
|
|
- background-color: #FFFFFF;
|
|
|
|
- height: 100%;
|
|
|
|
|
|
+ background-color: #FFF;
|
|
color: #353535;
|
|
color: #353535;
|
|
|
|
+ position: relative;
|
|
}
|
|
}
|
|
|
|
|
|
.radio-list {
|
|
.radio-list {
|
|
- ::v-deep uni-radio .uni-radio-input {
|
|
|
|
- width: 24rpx;
|
|
|
|
- height: 24rpx;
|
|
|
|
|
|
+ margin-top: 20px;
|
|
|
|
+
|
|
|
|
+ uni-radio-group {
|
|
|
|
+ display: flex;
|
|
|
|
+ flex-wrap: wrap;
|
|
|
|
+ gap: 1rem;
|
|
}
|
|
}
|
|
|
|
|
|
label {
|
|
label {
|
|
- display: inline-block;
|
|
|
|
- width: 25%;
|
|
|
|
|
|
+ width: 20%;
|
|
font-size: 24rpx;
|
|
font-size: 24rpx;
|
|
- margin-top: 40rpx;
|
|
|
|
|
|
+ display: flex;
|
|
|
|
+ align-items: flex-start
|
|
}
|
|
}
|
|
|
|
|
|
span {
|
|
span {
|
|
- vertical-align: middle;
|
|
|
|
|
|
+ width: 100%;
|
|
|
|
+ word-break: break-all;
|
|
|
|
+ padding-top: 1px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
.textarea {
|
|
.textarea {
|
|
- margin-top: 48rpx;
|
|
|
|
|
|
+ margin-top: 24px;
|
|
|
|
|
|
textarea {
|
|
textarea {
|
|
border-radius: 8px;
|
|
border-radius: 8px;
|
|
@@ -164,7 +173,7 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.upload {
|
|
.upload {
|
|
- margin-top: 48rpx;
|
|
|
|
|
|
+ margin: 24px 0 10px;
|
|
display: flex;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
align-content: flex-start;
|
|
align-content: flex-start;
|
|
@@ -177,7 +186,7 @@ export default {
|
|
img {
|
|
img {
|
|
width: 160rpx;
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
height: 160rpx;
|
|
- margin: 0 24rpx 24rpx 0;
|
|
|
|
|
|
+ margin: 0 12px 12px 0;
|
|
border-radius: 16rpx;
|
|
border-radius: 16rpx;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -205,10 +214,6 @@ export default {
|
|
}
|
|
}
|
|
|
|
|
|
.submit {
|
|
.submit {
|
|
- position: absolute;
|
|
|
|
- bottom: 32rpx;
|
|
|
|
- left: 50%;
|
|
|
|
- transform: translate(-50%);
|
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
|
|
|
button {
|
|
button {
|