Files
pupil/components/myForm/myForm.vue
2023-02-28 00:02:59 +08:00

48 lines
1.2 KiB
Vue

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