本文来源于腾讯云官方小程序培训营

今天我们来了解一下数据绑定,什么是数据绑定呢?就是把WXML 中的一些动态数据分离出来放到对应的js文件的 Page 的 data里。

数据绑定这个概念其实很多学过网页开发的朋友也会比较困惑。大家可以不必执着于这个深奥的概念,而是先来动手做一下了解是一个什么效果。在潜移默化里,你会get到前端里一个非常了不得的技术知识哦~

把数据分离出来

我们可以在小程序的页面文件wxml里写这样一段代码,比如我们可以写在home.wxml里面,

- 阅读剩余部分 -

本文来源于腾讯云官方小程序培训营

CSS是编程科技与设计艺术结合得最为完美的一项技术,编程的优雅在于代码的清晰可读,而设计的优雅在于能够结合技术为用户带来一场视觉和交互的盛宴。借助于CSS,不仅可以做出平面设计师常用的滤镜、渐变等设计效果,还可以设计出一些交互动画,增强用户的体验。

CSS的渐变Gradient

颜色渐变是设计师必不可少的,CSS linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。

- 阅读剩余部分 -

本文来源于腾讯云官方小程序培训营

WeUI是一套小程序的UI框架,所谓UI框架就是一套界面设计方案。有了组件,我们可以用它来拼接出一个内容丰富的小程序,而有了一个UI框架,就能让我们的小程序变得更加美观。

体验WeUI小程序

WeUI 是微信官方设计团队设计的一套同微信原生视觉体验一致的基础样式库。在手机微信里搜索WeUI小程序或者扫描WeUI小程序码即可在手机里体验。

我们还可以下载WeUI小程序的源码在开发者工具里查看它具体是怎么做的。

- 阅读剩余部分 -

前几节的内容让我们的小程序有了文字,但小程序的内容形式还不够丰富,比如没有链接,没有图片等元素,而这些元素在小程序里也都是通过组件来实现的。

navigator组件

在小程序里,我们是通过navigator组件来给页面添加链接的。有些页面在我们打开小程序的时候就可以看得到,还有些则需要我们通过点击链接进行页面切换才可以看得到,这些我们可以称之为二级页面。

技术文档navigator组件技术文档

- 阅读剩余部分 -