微信小程序版翻牌小游戏的实现

<!–index.wxml–>

<view class=”container”>

<v编程网点我wcqh.cniew class=”userinfo”>

<text class=”userinfo-nickname”></text>

<image class=”userinfo-avatar” src=”{{us编程网点我wcqh.cnerInfo.avatarUrl}}” background-size=”cover”></image>

<text class=”userinfo-nickname”>{{userInfo.nickN编程网点我wcqh.cname}}</text>

<text class=”userinfo-nickname”>你好</text>

</view>

<view class=”usermotto” >

<text class=”us编程网点我wcqh.cner-motto” bindtap=”startGame”>{{motto}}</text>

</view>

<view style=”margin-top:30rpx; “>

<text class=”u编程网点我wcqh.cnser-motto” bindtap=”viewScore” >查看排名</text>

</view>

</view>

登录后复制

//index.js

//获取应用实例

var app = get编程网点我wcqh.cnApp()

Page({

data: {

motto: &#39;开始游戏&#39;,

userInfo: {},

welcome:&#39;你好&#39;

},

//事件处理函数

startGame: functi编程网点我wcqh.cnon() {

wx.navigateTo({

url: &#39;../game/game&#39;

})

},viewScore: function() {

wx.navigateTo({

url: &#39;编程网点我wcqh.cn../logs/logs&#39;

})

},

onLoad: function () {

console.log(&#39;onLoad&#39;)

var that = this

//调用应用实例的方法获取全编程网点我wcqh.cn局数据

app.getUserInfo(function(userInfo){

//更新数据

that.setData({

userInfo:userInfo

})

})

}

})

登录后复制

page{background: url(&#39;../images/gamebg.jpg&#39;) center top; }

登录后复制