set.vue
2.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<template>
<view class="set-page">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<view class="u-m-t-20">
<text style="color:#8f9ca2">基本资料</text>
</view>
<view style="border: 0.1px solid #e4e4e4;margin-top: 20rpx;padding-left: 15rpx;">
<u--form labelPosition="left" :model="model1" :rules="rules" ref="form1">
<u-form-item labelWidth="80px" label="真实姓名" prop="userInfo.name" borderBottom ref="item1">
<u--input placeholder="请输入真实姓名" v-model="model1.userInfo.name" border="none"></u--input>
</u-form-item>
<u-form-item labelWidth="80px" label="手机号码" prop="userInfo.name" borderBottom ref="item1">
<u--input placeholder="请输入手机号码" v-model="model1.userInfo.name" border="none"></u--input>
</u-form-item>
<u-form-item labelWidth="80px" label="用户账号 " prop="userInfo.account" borderBottom ref="item1">
<u--input placeholder="请输入用户账号 " v-model="model1.userInfo.name" border="none"></u--input>
</u-form-item>
<u-form-item labelWidth="80px" label="邮箱地址" prop="userInfo.name" borderBottom ref="item1">
<u--input placeholder="请输入邮箱地址" v-model="model1.userInfo.name" border="none"></u--input>
</u-form-item>
<u-form-item labelWidth="80px" label="有效期" prop="userInfo.name" borderBottom ref="item1">
<u--input placeholder="请选择有效期" v-model="model1.userInfo.name" border="none"></u--input>
</u-form-item>
</u--form>
</view>
<view>
<button class="submit" size="default" @click="onSubmitFunc" :style="{background:PrimaryColor}">确认</button>
</view>
<!-- #ifdef MP -->
<view class="u-m-t-40">
<text style="visibility: hidden;">#</text>
</view>
<!-- #endif -->
</view>
</template>
<script>
export default {
data() {
return {
PrimaryColor: '#0079fe', //主题色
value: '',
model1: {
userInfo: {
name: '',
sex: '',
account: 'test9527'
},
},
};
},
methods: {},
}
</script>
<style lang="scss" scoped>
.set-page {
padding: 0rpx 30rpx;
.submit {
margin-top: 60rpx;
color: #fff;
width: 100%;
border: none;
border-radius: 40rpx;
}
}
</style>