diff --git a/pages/duty/activitysign.vue b/pages/duty/activitysign.vue index ff6e1b3..f336fe1 100644 --- a/pages/duty/activitysign.vue +++ b/pages/duty/activitysign.vue @@ -1,117 +1,95 @@ @@ -148,6 +126,7 @@ }, inputBaseName(event) { this.name = event.target.value + console.log(this.name) }, inputBaseIdCard(event) { this.idcard = event.target.value @@ -387,9 +366,9 @@ display: flex; flex: 1; flex-direction: column; - overflow: auto; + overflow: hidden; height: 100%; - background: #f2f2f2; + background: white; } .content { @@ -409,6 +388,19 @@ margin-bottom: 20rpx; width: 100%; + .thick-divider { + height: 15rpx; + background: #f2f2f2; + width: 100%; + } + + .hint-txt { + padding: 10rpx 40rpx; + color: darkred; + font-size: 20rpx; + background: #f2f2f2; + } + .item-box-v { display: flex; flex-direction: column; @@ -417,10 +409,11 @@ background: white; align-items: flex-start; width: 100%; + padding-bottom: 50rpx; .item-title { font-size: 28rpx; - padding: 30rpx; + padding: 10rpx 30rpx; } .item-content { @@ -428,19 +421,35 @@ flex-direction: row; justify-content: flex-end; align-items: center; - padding: 30rpx; + padding: 10rpx 30rpx; + font-size: 28rpx; + + input { + font-size: 28rpx; + } } .item-content-bg { display: flex; - flex-direction: row; - justify-content: flex-end; + flex-direction: column; + justify-content: flex-start; align-items: center; - padding: 30rpx; + padding: 20rpx; width: 85%; background: #f3f3f3; border-radius: 10rpx; align-self: center; + height: 220rpx; + + textarea { + font-size: 28rpx; + text-align: left; + width: 100%; + } + + .hint-num { + align-self: flex-end; + } } } @@ -454,10 +463,14 @@ align-items: center; width: 100%; + .item-input { + font-size: 28rpx; + } + .item-title { font-size: 28rpx; flex: 0.5; - padding: 30rpx; + padding: 15rpx 30rpx; } .item-content { @@ -466,7 +479,7 @@ justify-content: flex-end; align-items: center; flex: 1.5; - padding: 30rpx; + padding: 15rpx 30rpx; } } @@ -526,18 +539,30 @@ padding: 10rpx; } - .save-btn { - color: white; - background-color: green; - width: 95%; - border-radius: 10rpx; - text-align: center; - align-self: center; - margin-top: 5rpx; - border-radius: 10rpx; - padding: 10rpx; + .btn-box { + width: 100%; + align-items: center; + display: flex; + flex-direction: row; + justify-content: center; + background: white; + bottom: 0; + position: fixed; + + .save-btn { + color: white; + background-color: green; + width: 95%; + border-radius: 10rpx; + text-align: center; + align-self: center; + margin-top: 5rpx; + border-radius: 10rpx; + padding: 10rpx; + } } + .type-change-box { margin-top: 20rpx; display: flex;