全球首个微信应用号开发教程！通宵吐血赶稿，每日更新！
|
index.wxss 是页面的样式表： /**index.wxss**/.userinfo {
display： flex;
flex-direction： column;
align-items： center;
}.userinfo-avatar {
width： 128rpx;
height： 128rpx;
margin： 20rpx;
border-radius： 50%;
}.userinfo-nickname {
color： #aaa;
}.usermotto {
margin-top： 200px;
}页面的样式表是非必要的。当有页面样式表时，页面的样式表中的样式规则会层叠覆盖 app.wxss 中的样式规则。如果不指定页面的样式表，也可以在页面的结构文件中直接使用 app.wxss 中指定的样式规则。 index.json 是页面的配置文件： 页面的配置文件是非必要的。当有页面的配置文件时，配置项在该页面会覆盖 app.json 的 window 中相同的配置项。如果没有指定的页面配置文件，则在该页面直接使用 app.json 中的默认配置。 logs 的页面结构 <!--logs.wxml--><view class="container log-list"> <block wx：for-items="{{logs}}" wx：for-item="log"> <text class="log-item">{{index + 1}}. {{log}}</text> </block></view>logs 页面使用 <block/> 控制标签来组织代码，在 <block/> 上使用 wx：for-items 绑定 logs 数据，并将 logs 数据循环展开节点 //logs.jsvar util = require('../../utils/util.js')
Page({
data： {
logs： []
}，
onLoad： function () {
this.setData({
logs： (wx.getStorageSync('logs') || []).map(function (log) {
return util.formatTime(new Date(log))
})
})
}
})运行结果如下：
4. 手机预览
开发者工具左侧菜单栏选择「项目」，点击「预览」，扫码后即可在微信客户端中体验。 目前，预览和上传功能尚无法实现，需要等待微信官方的下一步更新。 如你所见，微信官方给出的开发指南还非常简单，很多细节、代码和功能都没有明确的展示，所以接下来就到博卡君展示实力的时候啦!开发教程正式开始! 第一章：准备工作 做好准备工作很重要。开发一个微信应用号，你需要提前到微信的官方网站(weixin.qq.com)下载开发者工具。 1. 下载最新微信开发者工具，打开后你会看到该界面：
2. 点击「新建 web+」项目，随后出现如下画面：
3. 该页面内的各项内容需要注意——
注：再次强调，如果你和团队成员共同开发该项目，则建议你们使用同样的目录名称及本地目录，以确保协同开发的统一性。如果你之前已有项目，则导入过程与以上内容近似，不再赘述。 4. 准备工作全部完成后，点击「新建项目」按钮，弹出框点「确定」。
（编辑：网站开发网_安阳站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
