"小程序"破解集成驱动电子设备演示：https://github。com/Gavin kwe/weapp-IDE-crack。饭桶资源汇总：https://github。com/Aufree/真棒-微信-维普官方简易教程MINA:http://wxopen。记下来。你好小程序-非官方：http://www .你好，CX。com微信应用号开发教程：https://我的。奥希娜。net/wwnick/blog/750055

资源来自网络，拿走不谢！

简单搞了一下，吼吼~:

js:业务处理

//index.js//获取应用实例var app=GetApp()Page({ data : {座右铭： ' Hello World '，userInfo: {name: '汗青，描述： '前端的春天来了！n前端要烂大街了！avatarurls : ' http://img 2。3连。com/2014/gif/10/9/25。jpg ' }，//事件处理函数bindViewTap:函数(){ wx。导航到({ URL : './logs/logs' }) }，onLoad :函数(){ console。日志(' onLoad ')var=this//调用应用实例的方法获取全局数据app.getUserInfo(函数(userInfo){ //更新数据那个。setdata({ user info : user info })表示。update()})})wxml:创建布局

！索引。wxml-view class=' container ' view bind tap=' bindweiwtap ' class=' user info ' image class=' user info-avatar ' src=' http : { { user info。头像URL } } '背景-大小='封面'/图像文本类=' user info-名称' { userinfo。name } }/text class=' user info-desc ' { user info。desc } }/text/view class=' user motion ' text class=' user-motion ' { motion } }/设置样式

/**index.wxss**/.user info { display : flex flex-direction :柱；align-items:居中；}.用户信息-头像{ width : 128 rpx高度： 128rpxmargin: 20rpx边界半径： 50%;}.用户信息-名称{ color : # AAAfont-size : 30 rpxmargin: 30rpx}。用户信息-desc { color : # f00；font-size : 50 rpx线高： 70 rpx}.用户座右铭{页边距-top : 200 px；}演示截图

小程序组件演示演示截图

以上就是微信小程序的简单实例，希望能帮助开始学习微信开发的朋友，谢谢大家对本站的支持！