资本 去自收集 ,拿走没有开!
单纯弄了一高,吼吼~:
js:营业 处置
一
二
三
四
五
六
七
八
九
一0
一 一
一 二
一 三
一 四
一 五
一 六
一 七
一 八
一 九
二0
二 一
二 二
二 三
二 四
二 五
二 六
二 七
二 八
二 九
//index.js
//猎取运用 真例
var app = getApp()
Page({
data: {
motto: 三 九;Hello World 三 九;,
userInfo: {name: 三 九;历史 三 九;,
desc:"前端的春季去了!\n 前端要烂年夜 街了!!",
avatarUrl:"http://img 二. 三lian.com/ 二0 一 四/gif/ 一0/ 九/ 二 五.jpg"}
},
//事宜 处置 函数
bindViewTap: function() {
wx.navigateTo({
url: 三 九;../logs/logs 三 九;
})
},
onLoad: function () {
console.log( 三 九;onLoad 三 九;)
var that = this
//挪用 运用 真例的要领 猎取齐局数据
app.getUserInfo(function(userInfo){
//更新数据
that.setData({
userInfo:userInfo
})
that.update()
})
}
})
wxml:创立 结构
一
二
三
四
五
六
七
八
九
一0
一 一
一 二
<!--index.wxml-->
<view class="ffd4-1312-319d-3224 container">
<view bindtap="bindViewTap" class="c683-a76e-07bc-b7ff userinfo">
<image class="07bc-b7ff-216f-8ee3 userinfo-avatar" src="{{userInfo.avatarUrl}}" background-size="cover"></image>
<text class="216f-8ee3-cc22-d861 userinfo-name">{{userInfo.name}}</text>
<text class="cc22-d861-7e1a-78d8 userinfo-desc">{{userInfo.desc}}</text>
</view>
<view class="55ec-8147-3459-ffd4 usermotto">
<text class="3459-ffd4-1312-319d user-motto">{{motto}}</text>
</view>
</view>
wxss:设置样式
一
二
三
四
五
六
七
八
九
一0
一 一
一 二
一 三
一 四
一 五
一 六
一 七
一 八
一 九
二0
二 一
二 二
二 三
二 四
二 五
二 六
二 七
二 八
二 九
/**index.wxss**/
.userinfo {
display: flex;
flex-direction: column;
align-items: center;
}
.userinfo-avatar {
width: 一 二 八rpx;
height: 一 二 八rpx;
margin: 二0rpx;
border-radius: 五0%;
}
.userinfo-name {
color: #aaa;
font-size: 三0rpx;
margin: 三0rpx;
}
.userinfo-desc {
color: #f00;
font-size: 五0rpx;
line-height: 七0rpx;
}
.usermotto {
margin-top: 二00px;
}