小程序页面组成文件

小程序的页面都放在根目录pages下,一个页面由4个文件组成:
page.js     //功能类似javascript,为页面添加各种监听事件
page.json   //页面配置,设置tab栏,导航条等东西,是一个json文件
page.wxml   //前端页面,就是html,但语法不太一样
page.wxss   //页面样式,就是css,但语法不太一样

1. page.js

官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/api/Page.html

它的主体部分是一个Page()函数,只有参数,没有函数体,含有很多监听函数

2.page.json

一个json文件,含有当前页面的各种配置:导航栏,tab栏…

3.page.wxml

WXML是框架设计的一套标签语言,结合基础组件、事件系统,可以构建出页面的结构。类似HTML。虽然类似,但不一样,尤其是html中最常用的div标签,在wxml中,它被view标签代替了,而wxml中的div是另外的一个东西。
基础组件(按钮,文本框等)官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/
WXML的能力有5种:数据绑定、列表渲染、条件渲染、模板、引用,具体使用可参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/reference/wxml/

4.page.wxss

WXSS是一套样式语言,用于描述 WXML 的组件样式。具体可以看官方文档:
https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值