<template>
<view>
<uni-nav-bar left-icon="home-filled" left-text="备忘录" right-text="添加"></uni-nav-bar>
<view class="niii">
<uni-forms ref="form" :rules="rules" :model="memoItem">
<uni-forms-item name="classname">
<uni-easyinput v-model="memoItem.classname" placeholder="课程名称">
</uni-easyinput>
</uni-forms-item>
<uni-forms-item name="time">
<uni-easyinput v-model="memoItem.time" placeholder="课程学时数">
</uni-easyinput>
</uni-forms-item>
<uni-forms-item name="concent">
<uni-easyinput type=textarea v-model="memoItem.concent" placeholder="课程简介">
</uni-easyinput>
</uni-forms-item>
</uni-forms>
</view>
</view>
</template>
<script>
export default {
data() {
return {
memoItem: {
classname: '',
time: '',
concent: ''
},
rules: {
classname: {
rules: [
{required: true, errorMessage: '课程名称信息是必填项'},
{minLength: 3, maxLength: 20, errorMessage: '长度在3~20字符之间'}
]
},
time: {
rules: [
{required: true, errorMessage: '课程学时数是必填'},
{type: 'integer',min: 0, max: 120,errorMessage:'输入类型必须是数字'},
]
},
content: {
rules: [
{required: true, errorMessage: '课程简介该项必填'},
{minLength: 0, maxLength:120, errorMessage: '长度在3~200字符之间'}
]
}
}
}
},
methods: {
}
}
</script>
<style>
</style>
移动端作业(9/19)
于 2023-09-19 22:14:00 首次发布