|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<view>
|
|
<view>
|
|
<u-modal :show="showAuthorizePhone" :showConfirmButton="false">
|
|
<u-modal :show="showAuthorizePhone" :showConfirmButton="false">
|
|
- <view class="slot-content">
|
|
|
|
|
|
+ <view class="slot-content phone-wrap">
|
|
<view class="auth-card">
|
|
<view class="auth-card">
|
|
<view class="img">
|
|
<view class="img">
|
|
<img class="avatar-img" src="@/static/logo.png" mode="widthFix">
|
|
<img class="avatar-img" src="@/static/logo.png" mode="widthFix">
|
|
@@ -31,7 +31,7 @@
|
|
<view class="content">邀请您补全个人信息<br></br>(昵称、头像)</view>
|
|
<view class="content">邀请您补全个人信息<br></br>(昵称、头像)</view>
|
|
<view style="margin-left: 100rpx;margin-right: 100rpx">
|
|
<view style="margin-left: 100rpx;margin-right: 100rpx">
|
|
<u-form :model="userInfo" ref="uForm">
|
|
<u-form :model="userInfo" ref="uForm">
|
|
- <u-form-item label="头像">
|
|
|
|
|
|
+ <u-form-item :rightclass='"rightclass"' bodypadding='0' label="头像">
|
|
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
|
|
<button class="avatar-wrapper" open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
|
|
slot="right">
|
|
slot="right">
|
|
<image class="avatar"
|
|
<image class="avatar"
|
|
@@ -39,7 +39,7 @@
|
|
</image>
|
|
</image>
|
|
</button>
|
|
</button>
|
|
</u-form-item>
|
|
</u-form-item>
|
|
- <u-form-item label="昵称">
|
|
|
|
|
|
+ <u-form-item bodypadding='0' label="昵称">
|
|
<u-input inputAlign='right' v-model="userInfo.nickname" class="weui-input"
|
|
<u-input inputAlign='right' v-model="userInfo.nickname" class="weui-input"
|
|
@blur="userNameInput" placeholder="请输入昵称" border="false" />
|
|
@blur="userNameInput" placeholder="请输入昵称" border="false" />
|
|
<!-- <input type="nickname" :value="userInfo.nickname" class="weui-input" @blur="userNameInput" placeholder="请输入昵称"/> -->
|
|
<!-- <input type="nickname" :value="userInfo.nickname" class="weui-input" @blur="userNameInput" placeholder="请输入昵称"/> -->
|
|
@@ -120,6 +120,10 @@
|
|
open(){
|
|
open(){
|
|
this.showAuthorizePhone=true
|
|
this.showAuthorizePhone=true
|
|
},
|
|
},
|
|
|
|
+ useropen(user){
|
|
|
|
+ this.userInfo=user
|
|
|
|
+ this.showAuthorizeUser=true
|
|
|
|
+ },
|
|
toDetail(){
|
|
toDetail(){
|
|
this.showAuthorizePhone = false
|
|
this.showAuthorizePhone = false
|
|
uni.navigateTo({
|
|
uni.navigateTo({
|
|
@@ -168,15 +172,17 @@
|
|
|
|
|
|
<style lang='scss' scoped>
|
|
<style lang='scss' scoped>
|
|
.auth-btncard {
|
|
.auth-btncard {
|
|
|
|
+ width:80%;
|
|
|
|
+ margin:40rpx auto 0;
|
|
display: flex !important;
|
|
display: flex !important;
|
|
justify-content: space-between !important;
|
|
justify-content: space-between !important;
|
|
|
|
|
|
.btn-unok {
|
|
.btn-unok {
|
|
- width: 40%;
|
|
|
|
|
|
+ width: 45%;
|
|
}
|
|
}
|
|
|
|
|
|
.btn-ok {
|
|
.btn-ok {
|
|
- width: 40%;
|
|
|
|
|
|
+ width: 45%;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
@@ -185,6 +191,7 @@
|
|
|
|
|
|
.avatar-img {
|
|
.avatar-img {
|
|
width: 200rpx;
|
|
width: 200rpx;
|
|
|
|
+ margin-bottom:30rpx;
|
|
}
|
|
}
|
|
|
|
|
|
.title {
|
|
.title {
|
|
@@ -195,10 +202,12 @@
|
|
font-size: 32rpx;
|
|
font-size: 32rpx;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
color: #1A1A1A;
|
|
color: #1A1A1A;
|
|
- margin-bottom: 30rpx;
|
|
|
|
|
|
+ margin-bottom: 60rpx;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+ .phone-wrap .content {
|
|
|
|
+ margin-bottom: 100rpx;
|
|
|
|
+ }
|
|
.avatar-wrapper {
|
|
.avatar-wrapper {
|
|
color: #333 !important;
|
|
color: #333 !important;
|
|
border: none !important;
|
|
border: none !important;
|
|
@@ -212,8 +221,8 @@
|
|
}
|
|
}
|
|
|
|
|
|
.avatar {
|
|
.avatar {
|
|
- width: 100rpx;
|
|
|
|
- height: 100rpx;
|
|
|
|
|
|
+ width: 80rpx;
|
|
|
|
+ height: 80rpx;
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
border-radius: 100%;
|
|
border-radius: 100%;
|
|
}
|
|
}
|
|
@@ -227,4 +236,8 @@
|
|
.slot-content{
|
|
.slot-content{
|
|
width: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
+ button{
|
|
|
|
+ line-height: 1;;
|
|
|
|
+ }
|
|
|
|
+
|
|
</style>
|
|
</style>
|