小程序 小白开发教程 第1篇
顶层的文件用于整个项目的配置,对于所有页面都有效。
除了前面提到的必需的pages
属性,文件还有一个window属性,用来设置小程序的窗口。
window
属性的值是一个对象,其中有三个属性很常用。
下面,改一下前面的,加入
window
属性。
上面代码中,window
属性设置导航栏的背景颜色为红色(#ff0000
),文本颜色为白色(white
),标题文字为_小程序 Demo_。
开发者工具导入项目代码,就可以看到导航栏变掉了。
除了窗口的样式,很多小程序的顶部或尾部,还有选项栏,可以切换到不同的选项卡。
这个选项栏,也是在里面设置,使用tabBar属性,这里就不展开了。
2006-2024 脚本之家 , All Rights Reserved.苏ICP备14036222号
小程序 小白开发教程 第2篇
上一节的文件,只写了最简单的一行
hello world
。实际开发中,不会这样写,而是要加上各种标签,以便后面添加样式和效果。
小程序的 WXML 语言提供各种页面标签。下面,对改造一下,加上两个最常用的标签。
上面的代码用到了两个标签:和。
标签表示一个区块,用于跟其他区块分隔,类似 HTML 语言的 注意,每个标签都是成对使用,需要有闭合标记,即标签名前加斜杠表示闭合,比如的闭合标记是 由于我们还没有为页面添加任何样式,所以页面的渲染效果跟上一节是一样的。后面添加样式时,大家就可以看到标签的巨大作用。 学习小程序之前,先简单说一下,它到底是什么。 字面上讲,小程序就是微信里面的应用程序,外部代码通过小程序这种形式,在微信这个手机 App 里面运行。 但是,更准确的说法是, 小程序可以视为只能用微信打开和浏览的网站。 小程序和网页的技术模型是一样的,用到的 JavaScript 语言和 CSS 样式也是一样的,只是网页的 HTML 标签被稍微修改成了 WXML 标签。所以,小程序页面本质上就是网页。 小程序的特殊之处在于,虽然是网页,但是它不支持浏览器,所有浏览器的 API 都不能使用,只能用微信提供的 API。这也是为什么小程序只能用微信打开的原因,因为底层全变了。标签。表示一段行内文本,类似于 HTML 语言的标签,多个标签之间不会产生分行。
。如果缺少闭合标记,小程序编译时会报错。
小程序 小白开发教程 第3篇