<template>
	<view>
		<u--form labelPosition="left" :model="model">
			<u-form-item label="公司名称" prop="userInfo.name" borderBottom>
				<u--input v-model="model.userInfo.name" border="none" placeholder="请输入您的名称"
					placeholderStyle="color: #CCCCCC;font-size: 24rpx;" :disabled="disabled"></u--input>
			</u-form-item>
			<u-form-item label="公司电话" prop="userInfo.phone" borderBottom>
				<u--input v-model="model.userInfo.phone" border="none" placeholder="请输入您的电话"
					placeholderStyle="color: #CCCCCC;font-size: 24rpx;" :disabled="disabled">
				</u--input>
			</u-form-item>
		</u--form>
	</view>
</template>

<script>
	export default {
		name: "myForm",
		data() {
			return {
				disabled: false,
				model: {
					userInfo: {
						name: '',
						phone: '',
					},
				},
			};
		},
		options: {
			styleIsolation: 'shared', // 解除样式隔离
		},
		created() {
			// if (uni.getStorageSync('com_mobile') && uni.getStorageSync('com_name')) {
			// 	this.model.userInfo.name = uni.getStorageSync('com_name')
			// 	this.model.userInfo.phone = uni.getStorageSync('com_mobile')
			// }
		}
	}
</script>

<style scoped>
	/deep/.u-input__content__field-wrapper__field {
		background-color: #fff !important;
	}
</style>
