123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687 |
- <template>
- <view>
- <view class="container-body">
- <u-form labelPosition="top" labelWidth='200' :model="userInfo" :rules="rules" ref="uForm">
- <view class="formbox">
- <u-form-item label="备注说明" prop="value">
- <u--textarea v-model="userInfo.name" border="none" placeholder="填写备注说明" style="padding: 0;"></u--textarea>
- </u-form-item>
- </view>
- <view class="formbox">
- <u-form-item label="地址" prop="name">
- <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写地址" maxlength="200"></u-input>
- </u-form-item>
- <u-form-item label="电话" prop="name">
- <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写电话" maxlength="20"></u-input>
- </u-form-item>
- </view>
- <view class="formbox">
- <u-form-item label="开户银行" prop="name">
- <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写开户银行" maxlength="50"></u-input>
- </u-form-item>
- <u-form-item label="银行账号" prop="name">
- <u-input v-model="userInfo.name" border="none" :clearable="true" placeholder="填写银行账号" maxlength="50"></u-input>
- </u-form-item>
- </view>
- </u-form>
- </view>
- <view class="footerbox x-ac">
- <view class="footerbox-btn x-ac" @click="submit">确定</view>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- userInfo: {
- name: ''
- },
- rules: {}
- }
- },
- onLoad() {
- uni.setNavigationBarTitle({
- title: '更多内容'
- })
- },
- onReady() {
- //onReady 为uni-app支持的生命周期之一
- this.$refs.uForm.setRules(this.rules)
- },
- }
- </script>
- <style lang="scss" scoped>
- .formbox {
- background-color: #fff;
- margin-bottom: 24rpx;
- padding: 0 30rpx;
- }
- .container-body {
- padding-top: 24rpx;
- padding-bottom: calc(var(--window-bottom) + 154rpx);
- }
- .footerbox {
- width: 100%;
- padding: 20rpx 24rpx;
- padding-bottom: calc(var(--window-bottom) + 20rpx);
- background-color: #fff;
- position: fixed;
- bottom: 0;
- left: 0;
- z-index: 99;
-
- &-btn {
- width: 702rpx;
- height: 96rpx;
- background: #FF5C03;
- border-radius: 96rpx;
- font-family: PingFang SC, PingFang SC;
- font-weight: 600;
- font-size: 36rpx;
- color: #FFFFFF;
- }
- }
- </style>
|