微信小程序官方demo源码百度云资源分享

- 文章来源:不浪 -阅:

目录结构

|--image/(存放资源)
|--page/(MVC存放)
 |--page1/
 |--page1.wxml(视图)
 |--page1.wxss(样式)
 |--page1.js(逻辑)
 |--page1.json(配置)
|--util/(工具及扩展文件)
|--app.js(入口文件)
|--app.json(小程序配置)
|--app.wxss(全局样式)

app.json中配置整体的是页面加载、Window、NavigationBar、tabbar的统一样式,可以在每一个分页面内另外个性化处理。

文件类型

“.wxml”类型: 类HTML、XML,是微信自己起的名,所以不需要纠结,作用就是”视图的标签作用”,可以理解成部完整版HTML标签
微信小程序官方demo源码百度云资源分享

”.wxss”类型: CSS的变种,增加了如page等特定的一些设置标签,可以全局或者个性化的改变wxml的样式。

”.js”类型: 不多说,不过注意不能使用”window”对象

”.json”: 配置文件,也可以做一些demo的输入wen jian

各类组件

在demo中,已经把所有的基础组建呈现出来,可以看到每个的调用方式和样式。从给出的基础样式,这是一种以app设计为设计模式的组件,如果有过原生或者React-Native开发经验的应该很快就可以适应和理解。

每个组件都有自己的代码,可以不用去翻看文档,在demo中寻找吧。

本文链接:http://www.ybulang.com/ji/330.html

网站首页:http://www.ybulang.com/