微信小程序|小程序开发
微信小程序开发,入门
微信小程序-小程序开发简单搞了一下,吼吼~:
摄影师平台源码,vscode怎么样用行代码,ubuntu 安装dock,tomcat 改服务端口,爬虫系统英文,php源码好学吗,温州关键词seo优化排名lzw
js:业务处理
手机至尊棋盘源码,vscode图片有哪些插件,9250刷ubuntu,直播 纯手写tomcat,长治爬虫市场,学习php和mysql,优化seo的重要性,点评类网站源码,mallbuilder 模板lzw
//index.js//获取应用实例var app = getApp()Page({ data: { motto: Hello World, userInfo: {name:汗青, desc:"前端的春天来了!\n 前端要烂大街了!!",avatarUrl:"//gif/10/9/25.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:创建布局
android sqlite 源码,笔记本打开vscode蓝屏,ubuntu命令vi,tomcat内存参数配置,爬虫登录pixiv,php中文乱码处理,湖北抖音搜索seo优化排名,仿养生网站源码lzw
{{userInfo.name}} {{userInfo.desc}} {{motto}}
wxss:设置样式
/**index.wxss**/.userinfo { display: flex; flex-direction: column; align-items: center;}.userinfo-avatar { width: 128rpx; height: 128rpx; margin: 20rpx; border-radius: 50%;}.userinfo-name { color: #aaa; font-size: 30rpx; margin: 30rpx;}.userinfo-desc { color: #f00; font-size: 50rpx; line-height: 70rpx;}.usermotto { margin-top: 200px;}
演示截图
小程序组件Demo演示截图