1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980 |
- <template>
- <view>
- <Navbar :hideBtn="false" bgColor="#f3f4f6"></Navbar>
- <view style="background-color: #2b85e4; padding: 40rpx;">
- <!-- <view style="width: 140rpx; height: 140rpx; border: 1px solid #fff; border-radius: 50%; margin: 0 auto;"> -->
- <!-- <u-avatar src="/static/img/avatar.png" size="120rpx" style="margin: 10rpx;"></u-avatar> -->
- <!-- </view> -->
- </view>
- <view style="padding: 40rpx;">
- <u--form :model="userInfo" ref="uForm" labelWidth="160rpx" labelAlign="left">
- <u-form-item label="姓名" prop="nickName" class="u-border-bottom">
- <u--input
- placeholder="请输入内容"
- border="none"
- v-model="userInfo.nickName"
- ></u--input>
- </u-form-item>
- <u-form-item label="性别" prop="sex" class="u-border-bottom">
- <u-radio-group v-model="userInfo.sex" size="36rpx">
- <u-radio shape="circle" label="男" name="1" labelSize="32rpx"></u-radio>
- <u-radio shape="circle" label="女" name="2" labelSize="32rpx" style="margin-left: 36rpx;"></u-radio>
- </u-radio-group>
- </u-form-item>
- <u-form-item label="手机号码" prop="phonenumber" class="u-border-bottom">
- <u--input
- placeholder="请输入内容"
- border="none"
- v-model="userInfo.phonenumber"
- ></u--input>
- </u-form-item>
- <u-form-item label="邮箱" prop="email" class="u-border-bottom">
- <u--input
- placeholder="请输入内容"
- border="none"
- v-model="userInfo.email"
- ></u--input>
- </u-form-item>
- </u--form>
- </view>
- <view style="padding: 40rpx;">
- <u-row gutter="32">
- <u-col span="6">
- <u-button icon="arrow-left" text="返回" plain @click="goBack()"></u-button>
- </u-col>
- <u-col span="6">
- <u-button icon="checkmark-circle" text="保存" type="primary"></u-button>
- </u-col>
- </u-row>
- </view>
- </view>
- </template>
- <script>
- import Navbar from '@/components/navbar/Navbar'
- export default {
- components: {
- Navbar,
- },
- data () {
- return {
- userInfo: {
- nickName: '若依',
- sex: '1',
- email: 'fastbuild@163.com',
- phonenumber: '18888888888'
- }
- }
- },
- methods: {
- goBack () {
- uni.navigateBack({ delta: 1});
- }
- }
- }
- </script>
- <style lang="sass" scoped>
- </style>
|