@@ -1,73 +1,81 @@
|
||||
<template>
|
||||
<view class="container">
|
||||
<view class="example">
|
||||
<!-- 基础表单校验 -->
|
||||
<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
|
||||
<view class="container">
|
||||
<uni-nav-bar shadow left-icon="left" fixed leftText="返回" dark rightIcon="compose" rightText="编辑" title="个人资料"/>
|
||||
<view class="example">
|
||||
<!-- 基础表单校验 -->
|
||||
<uni-forms ref="valiForm" :rules="rules" :modelValue="formData">
|
||||
|
||||
<uni-forms-item label="签名">
|
||||
<uni-easyinput type="textarea" :disabled="isDisabled" v-model="formData.introduction" placeholder="请输入自我介绍" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="昵称" name="name">
|
||||
<uni-easyinput v-model="formData.name" placeholder="请输入姓名" :disabled="isDisabled"/>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="性别">
|
||||
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="生日">
|
||||
<uni-datetime-picker type="date" return-type="timestamp" v-model="formData.datetimesingle" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="身高" name="name">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled"/>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="签名">
|
||||
<uni-easyinput type="textarea" :disabled="isDisabled" v-model="formData.introduction"
|
||||
placeholder="请输入自我介绍" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="昵称" name="name">
|
||||
<uni-easyinput v-model="formData.name" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="性别">
|
||||
<uni-data-checkbox v-model="formData.sex" :localdata="sexs" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="生日">
|
||||
<uni-datetime-picker type="date" return-type="timestamp" v-model="formData.datetimesingle"
|
||||
:disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="身高" name="name">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
|
||||
<uni-forms-item label="所在地">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled"></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="职业">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="企业">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="家乡">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="自我介绍" name="introduction">
|
||||
<uni-easyinput type="textarea" v-model="formData.introduction" placeholder="请输入自我介绍" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="所在地">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="职业">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="企业">
|
||||
<uni-easyinput v-model="formData.name" type="number" placeholder="请输入姓名" :disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="家乡">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="自我介绍" name="introduction">
|
||||
<uni-easyinput type="textarea" v-model="formData.introduction" placeholder="请输入自我介绍"
|
||||
:disabled="isDisabled" />
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
<uni-forms-item label="月收入">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled"></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="婚姻">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled"></uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="房产">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="月收入">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="婚姻">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="房产">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
|
||||
|
||||
|
||||
<uni-forms-item label="所在地">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="年龄">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="身高">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled"></uni-data-select>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<button type="primary" @click="submit('valiForm')">提交</button>
|
||||
</view>
|
||||
|
||||
<uni-forms-item label="所在地">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="年龄">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="身高">
|
||||
<uni-data-picker popup-title="请选择班级" :readonly="isDisabled"></uni-data-picker>
|
||||
</uni-forms-item>
|
||||
<uni-forms-item label="学历">
|
||||
<uni-data-select v-model="formData.hobby" :localdata="educations" :disabled="isDisabled">
|
||||
</uni-data-select>
|
||||
</uni-forms-item>
|
||||
</uni-forms>
|
||||
<button type="primary" @click="submit('valiForm')">提交</button>
|
||||
</view>
|
||||
|
||||
|
||||
|
||||
</view>
|
||||
@@ -76,7 +84,7 @@
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
isDisabled:true,
|
||||
isDisabled: true,
|
||||
// 基础表单数据
|
||||
formData: {
|
||||
name: '',
|
||||
@@ -221,9 +229,10 @@
|
||||
}
|
||||
</script>
|
||||
<style lang="scss">
|
||||
.container{
|
||||
.container {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.example {
|
||||
padding: 15px;
|
||||
background-color: #fff;
|
||||
|
||||
Reference in New Issue
Block a user