yijianbao_user_uniapp/pages_order/invoice/invoiceOther.vue

<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>