pp电子新闻，，，，，，小程序是现在最火热的一种商家前沿形式，，，，，，虽然在小程序运营的历程中碰面临种种各样的问题，，，，，，好比微信小程序商家头像怎么替换?替换要领。。。微信小程序商家头像的替换属于微信小程序开发的内容了哦，，，，，，列位微信小程序商家，，，，，，您可以去替换微信小程序商家头像哦，，，，，，以下就是微信小程序商家头像替换的要领了。。。

　　微信小程序商家头像怎么替换?

　　以下是微信小程序商家微信头像替换实现的要领：

　　首先，，，，，，小程序提供了自己的视图层形貌语言 WXML 和 WXSS，，，，，，以及基于 JavaScript 的逻辑层框架，，，，，，并在视图层与逻辑层间提供了数据传输和事务系统，，，，，，可以闪开发者可以利便的聚焦于数据与逻辑上。。。

　　整个系统分为两块视图层(View)和逻辑层(App Service)。。。简朴的来说，，，，，，就是不可使用html 、div 、p等等这些标签。。。另外，，，，，，小程序使用FLex结构。。。

　　这是做好的一个页面，，，，，，现在需要点击头像，，，，，，替换自己喜欢的头像。。。

　　代码截图：

　　bindtap是事务绑定，，，，，，相当于javascript里的onclick, 对最外层的view绑定了setPhotoInfo要领，，，，，，利便用户点击以是绑定在最外层。。。

　　添加了一个变量imgurl，，，，，，对image举行判断，，，，，，若是imgurl不为空，，，，，，则显示我们上传的图片，，，，，，若是为空，，，，，，就使用用户自己的头像，，，，，，userInfo.avatarUrl 是获取用户头像。。。setPhotoInfo要领中，，，，，，挪用微信获取头像的API【wx.chooseImage】。。。

　　设置imgurl默以为空

　　that.setData({imgUrl:tempFilePaths}) 获取到上传的文件，，，，，，赋值给imgurl。。。

　　页面完整WXSS:

　　/* pages/more/info/info.wxss */

　　.info-cont{

　　border-top:solid 1px #f0f0f0;

　　padding-top: 30rpx;

　　display: flex;

　　flex-direction: column;

　　}

　　.infoMain{

　　border-bottom:solid 1px #f0f0f0;

　　display: flex;

　　background-color: #fff;

　　flex-direction: column;

　　margin-bottom: 30rpx;

　　}

　　.info-items{

　　display: flex;

　　justify-content: space-between;

　　align-items: center;

　　padding:20rpx 40rpx;

　　border-top:solid 1px #f0f0f0;

　　}

　　.infotext{

　　display: flex;

　　align-items: center;

　　}

　　.userinfo-avatar {

　　width: 128rpx;

　　height: 128rpx;

　　margin: 0 20rpx;

　　border-radius: 50%;

　　}

　　.info-motto{

　　margin: 0 20rpx;

　　color:#888;

　　}

　　.buttonExit{

　　margin:0 40rpx;

　　}

　　微信小程序商家头像在替换的时间需要用到微信小程序代码，，，，，，所需要的微信小程序代码都为各人整理出了，，，，，，列位微信小程序开发者，，，，，，希望以上的内容对你设置微信小程序商家头像有资助，，，，，，各人请多多的关注pp电子。。。

　　推荐阅读：2017年微信小程序注册流程详细图解