欧美vvv,亚洲第一成人在线,亚洲成人欧美日韩在线观看,日本猛少妇猛色XXXXX猛叫

本文給大家?guī)淼氖俏⑿判〕绦蛏坛呛唵蔚膫€人中心信息頁面設(shè)計制作開發(fā)教程，制作好以后效果圖如下：

一、wxml頁面代碼如下：

    
        
            
            頭像
            
            
        
        
            
                
                用戶名
                {{userName}}
                
            
        

        
            
                
                綁定手機號
                {{userPhone}}
                
            
        
    

二、wxss樣式文件代碼如下：

/* pages/user-detail/user-detail.wxss */
.user {
	background-color: #fff;
    color: #222;
    -webkit-tap-highlight-color: transparent;
}
.section {
    background: #fff;

    padding: 0 20rpx;
}
.list .flex-con {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 30rpx 0;
    border-bottom: 1px solid #e8e8e8;
}
.list .flex-con image{
    width: 90rpx;
    height: 90rpx;
    border-radius: 50%;	   
}
.list .flex-con .icon {
    font-size: 28rpx;
}
.list .flex-con text{
    display: block;
    flex: 1;
    margin: 0 20rpx;

    font-size: 28rpx;
}
.list .flex-con .dec{
    display: inline-block;
    width: 160rpx;
}
.list .flex-con .detail{
    text-align: right;
}
.list .flex-con .phone{
    color: #e61773;
}
@import "../../css/font.wxss";

三、js頁面代碼如下：

// pages/user-detail/user-detail.js
//獲取app實例
var appInstance = getApp();
var polyfill = require('../../utils/polyfill.js');
Page({
  data:{

    userImg: null,
    userName: null,
    userPhone: null,
    userInfo: {}
  },
  judge: function(){
        if(!appInstance.globalData.userInfo.hasData){
            wx.navigateBack({
              delta: 1
            });
        }
  },
  onLoad:function(options){
    this.judge();
    this.setData({
      userImg: appInstance.globalData.userInfo.avatar,
      userName: appInstance.globalData.userInfo.nickname,
      userPhone: appInstance.globalData.userInfo.phone,
      userInfo: appInstance.globalData.userInfo
    });
  },

  onReady:function(){
    // 頁面渲染完成
  },
  onShow:function(){
    // 頁面顯示
    if(!polyfill.object.isObjectValueEqual(appInstance.globalData.userInfo, this.data.userInfo)){
        this.setData({
          userImg: appInstance.globalData.userInfo.avatar,
          userName: appInstance.globalData.userInfo.nickname,
          userInfo: appInstance.globalData.userInfo
        });
    }
  },
  onHide:function(){
    // 頁面隱藏
  },
  onUnload:function(){
    // 頁面關(guān)閉
  }
})

模板簡介：該模板名稱為【微信小程序商城簡單的個人中心信息頁面設(shè)計制作開發(fā)教程】，大小是，文檔格式為.，推薦使用打開，作品中的圖片微信小程序模板商城，文字等數(shù)據(jù)均可修改微信小程序模板商城，圖片請在作品中選中圖片替換即可，文字修改直接點擊文字修改即可，您也可以新增或修改作品中的內(nèi)容，該模板來自用戶分享，如有侵權(quán)行為請聯(lián)系網(wǎng)站客服處理。歡迎來懶人模板【小程序教程】欄目查找您需要的精美模板。

相關(guān)搜索