parent
379b369e1c
commit
f0ba491683
@ -1,40 +1,67 @@
|
|||||||
<!--pages/home/me/grzl/grzl.wxml-->
|
<view class="xgzl-container">
|
||||||
<!--返回图标-->
|
<!-- 头部返回 -->
|
||||||
<view class="reback" bindtap="go2Reback"></view>
|
<view class="xgzl-header">
|
||||||
<view class="title">修改资料</view>
|
<view class="reback" bindtap="go2Reback"></view>
|
||||||
<image class="avatar1" src="{{userInfo.avatar}}"></image>
|
<view class="title">修改资料</view>
|
||||||
<view class="cameralogo"></view>
|
</view>
|
||||||
|
<!-- 头像 -->
|
||||||
|
<view class="xgzl-img">
|
||||||
|
<view class="cameralogo"><view class="cameralogo-img"></view></view>
|
||||||
|
<image class="avatar1" src="{{userInfo.avatar}}"></image>
|
||||||
|
<input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1"></input>
|
||||||
|
</view>
|
||||||
|
|
||||||
<view class="yhtx"></view>
|
<!-- 精灵头像 -->
|
||||||
|
<view class="xgzl-sculpture">
|
||||||
|
<view class="jltxtxt">精灵头像</view>
|
||||||
|
<view class="txcheck-box">
|
||||||
|
<view class="txcheck">
|
||||||
|
<view wx:for="{{avatars}}" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<!-- <form bindsubmit="go2UpdateUserInfo"></form> -->
|
||||||
|
|
||||||
<form bindsubmit="go2UpdateUserInfo">
|
<!-- 数据表单 -->
|
||||||
|
<view class="xgzl-data">
|
||||||
|
<view class="data-item">
|
||||||
|
<view class="xbwz">性别</view>
|
||||||
|
<view class="xbtxt" bindtap="changeSex">{{userInfo.spriteType=='male'?'男生':'女生'}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="data-item">
|
||||||
|
<view class="srwz">生日</view>
|
||||||
|
<view class="srtxt" bindtap="handleCalendar">{{userInfo.birthday}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="data-item">
|
||||||
|
<view class="xzwz">星座</view>
|
||||||
|
<view class="ssxz">{{userInfo.birthdayConstellation}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
</form>
|
<!-- <t-calendar visible="{{cVisible}}" bind:confirm="changeDate" minDate="{{minDate}}" maxDate="{{maxDate}}"/> -->
|
||||||
<t-input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1" ></t-input>
|
|
||||||
|
|
||||||
<view class="xbwz">性别</view>
|
<t-date-time-picker
|
||||||
<view class="xzwz">星座</view>
|
title="选择日期"
|
||||||
<view class="srwz">生日</view>
|
visible="{{cVisible}}"
|
||||||
<view class="jltxtxt">精灵头像</view>
|
mode="date"
|
||||||
<view class="xbtxt" bindtap="changeSex">{{userInfo.spriteType=='male'?'男生':'女生'}}</view>
|
format="YYYY-MM-DD"
|
||||||
<view class="ssxz">{{userInfo.horoscope.name}}</view>
|
value="{{userInfo.birthday}}"
|
||||||
<view class="srtxt" bindtap="handleCalendar">{{userInfo.horoscope.date}}</view><!--生日-->
|
bind:confirm="changeDate"
|
||||||
<t-calendar visible="{{cVisible}}" bind:confirm="changeDate" />
|
start="1980-1-1"
|
||||||
|
end="{{endDate}}"
|
||||||
|
/>
|
||||||
|
|
||||||
<t-picker
|
<t-picker
|
||||||
visible="{{sexVisible}}"
|
visible="{{sexVisible}}"
|
||||||
value="{{cityValue}}"
|
value="{{cityValue}}"
|
||||||
data-key="city"
|
data-key="city"
|
||||||
title="选择性别"
|
title="选择性别"
|
||||||
cancelBtn="取消"
|
cancelBtn="取消"
|
||||||
confirmBtn="确认"
|
confirmBtn="确认"
|
||||||
bindchange="onPickerChange"
|
bind:confirm="onColumnChange"
|
||||||
bindpick="onColumnChange"
|
>
|
||||||
bindcancel="onPickerCancel"
|
|
||||||
>
|
|
||||||
<t-picker-item options="{{sexs}}" />
|
<t-picker-item options="{{sexs}}" />
|
||||||
</t-picker>
|
</t-picker>
|
||||||
|
|
||||||
<view class="txcheck" >
|
|
||||||
<view wx:for="{{avatars}}" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
|
|
||||||
</view>
|
</view>
|
||||||
@ -1,185 +1,187 @@
|
|||||||
/* pages/home/me/grzl/grzl.wxss */
|
/* pages/home/me/grzl/grzl.wxss */
|
||||||
.reback{
|
.xgzl-container {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
margin-left: 20rpx;
|
width: 100%;
|
||||||
margin-top:108rpx;
|
height: 100%;
|
||||||
|
padding-top: 88rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-header {
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reback{
|
||||||
width:48rpx;
|
width:48rpx;
|
||||||
height:48rpx;
|
height:48rpx;
|
||||||
background-repeat: no-repeat;
|
margin-left: 20rpx;
|
||||||
background-size:100% 100%;
|
background-size:100% 100%;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/reback.png);
|
||||||
}
|
}
|
||||||
|
|
||||||
.title{
|
.title{
|
||||||
position: absolute;
|
|
||||||
left: 278rpx;
|
|
||||||
top: 108rpx;
|
|
||||||
width: 196rpx;
|
width: 196rpx;
|
||||||
height: 48rpx;
|
height: 48rpx;
|
||||||
|
margin-left: 210rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
color: rgba(108, 108, 108, 1);
|
color: rgba(108, 108, 108, 1);
|
||||||
font-size: 32rpx;
|
font-size: 32rpx;
|
||||||
text-align: center;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.yhtx{
|
.xgzl-img {
|
||||||
position: absolute;
|
position: relative;
|
||||||
left: 74px;
|
width: 100%;
|
||||||
top: 109px;
|
height: 224rpx;
|
||||||
width: 140rpx;
|
display: flex;
|
||||||
height: 140rpx;
|
align-items: center;
|
||||||
border-radius: 74rpx;
|
justify-content: center;
|
||||||
border: 3px solid rgba(161, 134, 81, 1);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.avatar1{
|
.avatar1{
|
||||||
position: absolute;
|
|
||||||
left: 77px;
|
|
||||||
top: 112px;
|
|
||||||
width: 140rpx;
|
width: 140rpx;
|
||||||
height: 140rpx;
|
height: 140rpx;
|
||||||
|
margin: 0 64rpx 0 148rpx;
|
||||||
border-radius: 74rpx;
|
border-radius: 74rpx;
|
||||||
|
border: 6rpx solid #A18651;
|
||||||
|
}
|
||||||
|
|
||||||
|
.nickname{
|
||||||
|
border: 1px solid #ffffff;
|
||||||
|
/* color: rgba(108, 108, 108, 1);
|
||||||
|
font-size: 36rpx;
|
||||||
|
text-align: left;
|
||||||
|
padding: 0 !important;
|
||||||
|
border: none !important;
|
||||||
|
background-color: rgba(108, 108, 108, 0) !important; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-sculpture {
|
||||||
|
width: 100%;
|
||||||
|
padding-left: 50rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.jltxtxt{
|
||||||
|
color: rgba(154, 154, 154, 1);
|
||||||
|
font-size: 28rpx;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cameralogo{
|
.cameralogo{
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 128px;
|
top: 144rpx;
|
||||||
top: 162px;
|
left: 296rpx;
|
||||||
width: 13px;
|
width: 38rpx;
|
||||||
height: 13px;
|
height: 38rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
background-color: #4F4F4F;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cameralogo-img {
|
||||||
|
width: 26rpx;
|
||||||
|
height: 26rpx;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size:100% 100%;
|
background-size:100% 100%;
|
||||||
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/camera.png);
|
background-image: url(https://xzjl-1257436036.cos.ap-nanjing.myqcloud.com/me/camera.png);
|
||||||
}
|
}
|
||||||
.nickname{
|
|
||||||
z-index: 999;
|
.txcheck-box {
|
||||||
position: absolute;
|
width: 100%;
|
||||||
left: 176px;
|
height: 164rpx;
|
||||||
top: 131px;
|
overflow-x: scroll;
|
||||||
width: 126px;
|
overflow: hidden;
|
||||||
height: 27px;
|
}
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 18px;
|
.txcheck{
|
||||||
text-align: left;
|
width: 844rpx;
|
||||||
font-family: SourceHanSansSC-medium;
|
height: 164rpx;
|
||||||
|
text-align: center;
|
||||||
|
overflow: auto;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.itemxx{
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
margin-right: 32rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.xgzl-data {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.data-item {
|
||||||
|
width: 100%;
|
||||||
|
height: 80rpx;
|
||||||
|
padding: 0 64rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xzwz{
|
.xzwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 436px;
|
color: rgba(108, 108, 108, 1);
|
||||||
width: 32px;
|
font-size: 32rpx;
|
||||||
height: 24px;
|
text-align: left;
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.srwz{
|
.srwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 380px;
|
color: rgba(108, 108, 108, 1);
|
||||||
width: 32px;
|
font-size: 32rpx;
|
||||||
height: 24px;
|
text-align: left;
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbwz{
|
.xbwz{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 32px;
|
height: 48rpx;
|
||||||
top: 324px;
|
color: rgba(108, 108, 108, 1);
|
||||||
width: 32px;
|
font-size: 32rpx;
|
||||||
height: 24px;
|
text-align: left;
|
||||||
color: rgba(108, 108, 108, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
|
||||||
|
|
||||||
.ssxz{
|
|
||||||
position: absolute;
|
|
||||||
left: 291px;
|
|
||||||
top: 436px;
|
|
||||||
width: 52px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
|
||||||
font-size: 16px;
|
|
||||||
text-align: right;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rlt{
|
.ssxz{
|
||||||
position: absolute;
|
width: 104rpx;
|
||||||
left: 260px;
|
height: 48rpx;
|
||||||
top: 380px;
|
|
||||||
width: 83px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.srtxt{
|
.srtxt{
|
||||||
position: absolute;
|
|
||||||
left: 500rpx;
|
|
||||||
top: 380px;
|
|
||||||
width: 200rpx;
|
width: 200rpx;
|
||||||
height: 24px;
|
height: 48rpx;
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
|
|
||||||
.xbtxt{
|
.xbtxt{
|
||||||
position: absolute;
|
width: 64rpx;
|
||||||
left: 311px;
|
height: 48rpx;
|
||||||
top: 324px;
|
|
||||||
width: 32px;
|
|
||||||
height: 24px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
color: rgba(154, 154, 154, 1);
|
||||||
font-size: 16px;
|
font-size: 32rpx;
|
||||||
text-align: right;
|
text-align: right;
|
||||||
font-family: SourceHanSansSC-regular;
|
font-family: SourceHanSansSC-regular;
|
||||||
}
|
}
|
||||||
.jltxtxt{
|
|
||||||
position: absolute;
|
|
||||||
left: 25px;
|
|
||||||
top: 200px;
|
|
||||||
width: 56px;
|
|
||||||
height: 21px;
|
|
||||||
color: rgba(154, 154, 154, 1);
|
|
||||||
font-size: 14px;
|
|
||||||
text-align: left;
|
|
||||||
font-family: SourceHanSansSC-regular;
|
|
||||||
}
|
|
||||||
|
|
||||||
.txcheck{
|
|
||||||
position: absolute;
|
|
||||||
left: 0px;
|
|
||||||
top: 221px;
|
|
||||||
width: 422px;
|
|
||||||
height: 82px;
|
|
||||||
text-align: center;
|
|
||||||
overflow: auto;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.itemxx{
|
|
||||||
margin-left: 21px;
|
|
||||||
margin-top: 32rpx;
|
|
||||||
width: 50px;
|
|
||||||
height: 50px;
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
.iii{
|
.iii{
|
||||||
width: 50px;
|
width: 100rpx;
|
||||||
height: 50px;
|
height: 100rpx;
|
||||||
border-radius: 50rpx;
|
border-radius: 50rpx;
|
||||||
}
|
}
|
||||||
@ -1,14 +1,17 @@
|
|||||||
<!--pages/index/index.wxml-->
|
<!--pages/index/index.wxml-->
|
||||||
<view class="bg">
|
<view class="bd">
|
||||||
<view class="quest"></view><!--问题图标-->
|
<view class="bg">
|
||||||
|
<!-- <view class="quest"></view>问题图标 -->
|
||||||
<view class="alb"></view><!--阿拉伯文字图标-->
|
<view class="alb"></view><!--阿拉伯文字图标-->
|
||||||
<view class="qr"></view><!--扫码图标-->
|
<view class="qr">
|
||||||
<view class="js" bindtap="scanCodeEvent" ></view><!--晶石图片-->
|
<view class="js" bindtap="scanCodeEvent" ></view><!--晶石图片-->
|
||||||
<view class="yw"></view><!--下方黄色小卡图-->
|
</view><!--扫码图标-->
|
||||||
|
<view class="yw">
|
||||||
|
<view class="shadow"></view>
|
||||||
|
</view><!--下方黄色小卡图-->
|
||||||
<view class="jstext"></view><!--晶石文字-->
|
<view class="jstext"></view><!--晶石文字-->
|
||||||
<view class="yx">
|
<view class="yx" bindtap="go2Get">获取晶石</view><!--圆形图片-->
|
||||||
<view class="hqjs" bindtap="go2Get"><text>获取晶石</text></view>
|
</view>
|
||||||
</view><!--圆形图片-->
|
|
||||||
</view>
|
</view>
|
||||||
<t-toast id="t-toast" />
|
<t-toast id="t-toast" />
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in new issue