替换头像资源

wk-dev
Wkang921 2 years ago
parent a97d37b99d
commit 27e1e363d3

@ -7,13 +7,47 @@ Page({
* 页面的初始数据 * 页面的初始数据
*/ */
data: { data: {
avatars:[ avatar1:[
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang1.png', 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-1.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang2.png', 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-2.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang3.png', 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-3.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang4.png', 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-4.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang5.png', 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-5.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/touxiang6.png' 'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-6.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-7.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-8.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-9.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-10.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-11.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-12.png',
],
avatar2:[
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-13.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-14.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-15.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-16.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-17.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-18.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-19.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-20.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-21.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-22.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-23.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-24.png',
],
avatar3:[
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-25.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-26.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-27.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-28.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-29.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-30.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-31.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-32.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-33.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-34.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-35.png',
'https://wish-assets.oss-cn-hangzhou.aliyuncs.com/xy/headimg-36.png',
], ],
sexs:[{label:'男生',value:'male'},{label:'女生',value:'female'}], sexs:[{label:'男生',value:'male'},{label:'女生',value:'female'}],
sexVisible:false, sexVisible:false,

@ -6,8 +6,10 @@
</view> </view>
<!-- 头像 --> <!-- 头像 -->
<view class="xgzl-img"> <view class="xgzl-img">
<view class="avatar1">
<image bindtap="editAvatar" src="{{userInfo.avatar}}"></image>
<view class="cameralogo"><view class="cameralogo-img"></view></view> <view class="cameralogo"><view class="cameralogo-img"></view></view>
<image bindtap="editAvatar" class="avatar1" src="{{userInfo.avatar}}"></image> </view>
<input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1"></input> <input focus="doChangeName1" class="nickname" name="nick" placeholder="昵称不能为空" maxlength="7" value="{{userInfo.nick}}" bindblur="doChangeName1"></input>
</view> </view>
@ -16,7 +18,17 @@
<view class="jltxtxt">精灵头像</view> <view class="jltxtxt">精灵头像</view>
<view class="txcheck-box"> <view class="txcheck-box">
<view class="txcheck"> <view class="txcheck">
<view wx:for="{{avatars}}" wx:key="index" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view> <view wx:for="{{avatar1}}" wx:key="index" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
</view>
</view>
<view class="txcheck-box">
<view class="txcheck">
<view wx:for="{{avatar2}}" wx:key="index" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
</view>
</view>
<view class="txcheck-box">
<view class="txcheck">
<view wx:for="{{avatar3}}" wx:key="index" class="itemxx"><image class="iii" src="{{item}}" data-img="{{item}}" bindtap="changeAvatar"></image></view>
</view> </view>
</view> </view>
</view> </view>

@ -41,13 +41,19 @@
} }
.avatar1{ .avatar1{
position: relative;
width: 140rpx; width: 140rpx;
height: 140rpx; height: 140rpx;
margin: 0 64rpx 0 148rpx; margin: 0 64rpx 0 148rpx;
border-radius: 74rpx; border-radius: 74rpx;
border: 6rpx solid #A18651;
} }
.avatar1 image {
width: 100%;
height: 100%;
}
.nickname{ .nickname{
border: 1px solid #ffffff; border: 1px solid #ffffff;
/* color: rgba(108, 108, 108, 1); /* color: rgba(108, 108, 108, 1);
@ -71,8 +77,8 @@
.cameralogo{ .cameralogo{
position: absolute; position: absolute;
top: 144rpx; right: 0;
left: 296rpx; bottom: 0;
width: 38rpx; width: 38rpx;
height: 38rpx; height: 38rpx;
border-radius: 50%; border-radius: 50%;
@ -92,7 +98,7 @@
.txcheck-box { .txcheck-box {
width: 100%; width: 100%;
height: 164rpx; height: 132rpx;
overflow-x: scroll; overflow-x: scroll;
overflow: hidden; overflow: hidden;
} }
@ -113,6 +119,7 @@
} }
.xgzl-data { .xgzl-data {
margin-top: 42rpx;
width: 100%; width: 100%;
} }

@ -202,8 +202,9 @@
<view class="ztPopcenter"></view> <view class="ztPopcenter"></view>
<t-textarea value="{{tDetial.content}}" t-class="external-class" placeholder="在此处输入文字" class="ztwzk" disabled /> <t-textarea value="{{tDetial.content}}" t-class="external-class" placeholder="在此处输入文字" class="ztwzk" disabled />
<!--返回按钮--> <!--返回按钮-->
<view class="fhan11" bindtap="doCancelDkZt"></view> <view class="fhan11" bindtap="doCancelDkZt">
<view class="fan11r" bindtap="doCancelDkZt"></view> <view class="fan11r" bindtap="doCancelDkZt"></view>
</view>
</t-popup> </t-popup>
<t-popup visible="{{dkTpVisible}}" placement="top" class="ztPop1"> <t-popup visible="{{dkTpVisible}}" placement="top" class="ztPop1">

@ -540,6 +540,7 @@
top: 222rpx; top: 222rpx;
width: 597rpx; width: 597rpx;
height: 1084rpx; height: 1084rpx;
background-size: cover;
background-image: url(https://wish-assets.windymuse.com.cn/xy/ztbkg11.png); background-image: url(https://wish-assets.windymuse.com.cn/xy/ztbkg11.png);
} }
@ -570,11 +571,11 @@
position: absolute; position: absolute;
left: 81px; left: 81px;
top: 210px; top: 210px;
width: 214px; width: 428rpx;
height: 310px; height: 620rpx;
line-height: none; line-height: none;
color: rgba(206, 206, 206, 1); color: rgba(206, 206, 206, 1);
font-size: 18px; font-size: 36rpx;
text-align: left; text-align: left;
font-family: Microsoft Yahei; font-family: Microsoft Yahei;
@ -596,25 +597,23 @@
.fhan11{ .fhan11{
border-radius: 58rpx; border-radius: 58rpx;
position: absolute; position: absolute;
left: 160px; left: 320rpx;
top: 548px; top: 1096rpx;
width: 55px; width: 110rpx;
height: 55px; height: 110rpx;
line-height: 17px;
background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%); background: linear-gradient(222.54deg, rgba(248,99,42,1) 14.03%,rgba(249,135,89,1) 85.21%);
color: rgba(16, 16, 16, 1); color: rgba(16, 16, 16, 1);
font-size: 12px;
text-align: center; text-align: center;
box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 4rpx 12rpx 0px rgba(0, 0, 0, 0.4);
font-family: Arial;
border: 3px solid rgba(255, 255, 255, 1); border: 3px solid rgba(255, 255, 255, 1);
display: flex;
align-items: center;
justify-content: center;
} }
.fan11r{ .fan11r{
position: absolute; width: 60rpx;
left: 175px; height: 60rpx;
top: 562px; background-size: cover;
width: 30px;
height: 30px;
background-image: url(https://wish-assets.windymuse.com.cn/xy/xtreturn.png); background-image: url(https://wish-assets.windymuse.com.cn/xy/xtreturn.png);
} }
.t-textarea{ .t-textarea{

@ -213,11 +213,11 @@
.ttpopup{ .ttpopup{
position: absolute; position: absolute;
top: 374rpx; top: 320rpx;
left: 44rpx; left: 44rpx;
width: 660rpx; width: 660rpx;
height: 804rpx; height: 860rpx;
padding: 98rpx 46rpx 0 46rpx; padding: 90rpx 46rpx 0 46rpx;
box-sizing: border-box; box-sizing: border-box;
border-radius: 30rpx; border-radius: 30rpx;
background-color: rgba(255, 255, 255, 0.9); background-color: rgba(255, 255, 255, 0.9);

Loading…
Cancel
Save