diff --git a/src/App.vue b/src/App.vue index b0dca49..3e2a9d6 100644 --- a/src/App.vue +++ b/src/App.vue @@ -106,4 +106,71 @@ export default { } } } +// 输入表单 +.form-container { + width: 710rpx; + background-color: #fff; + margin: 20rpx auto 0 auto; + .input-item { + width: 100%; + height: 105rpx; + border-bottom: 2rpx solid #e8e7e7; + display: flex; + align-items: center; + padding: 0 30rpx; + box-sizing: border-box; + line-height: 30rpx; + .title-box { + width: 150rpx; + font-size: 30rpx; + line-height: 30rpx; + color: #2d2d2d; + } + // input + .input-box { + width: 500rpx; + position: relative; + padding: 25rpx 0; + } + .input { + font-size: 28rpx; + } + // checkbox + .checkbox { + display: flex; + } + .checkbox-item { + width: 116rpx; + height: 50rpx; + background: rgba(139, 155, 235, 0); + box-sizing: border-box; + border: 1px solid #c9c9c9; + text-align: center; + margin-right: 15rpx; + font-size: 28rpx; + color: #2d2d2d; + line-height: 48rpx; + } + .checkbox-item.active { + border: 1px solid #8b9beb; + background: rgba(139, 155, 235, 0.33); + color: #8194f2; + } + } +} +.save-form-btn { + width: 100%; + margin-top: 58rpx; + .btn { + width: 570rpx; + height: 98rpx; + background: #8b9beb; + border-radius: 49rpx; + margin: 0 auto; + font-size: 36rpx; + text-align: center; + line-height: 98rpx; + color: #ffffff; + } +} diff --git a/src/pages/address/edit.vue b/src/pages/address/edit.vue index df2b984..0679904 100644 --- a/src/pages/address/edit.vue +++ b/src/pages/address/edit.vue @@ -12,7 +12,7 @@ - 服务地址 + 服务地址 - 门牌号 + 门牌号 - 联系人 + 联系人 - 性别 + 性别 - + - 先生 + 先生 - 女士 + 女士 - 手机号码 + 手机号码 - - 设为默认地址 + + 设为默认地址 - + - + 保存 @@ -155,46 +155,15 @@ export default { \ No newline at end of file