简单的小程序制作

首先先将wxml文件和wxcss文件写好 如下图:
简单的小程序制作_第1张图片
2、wxml里的文件数据显示从js配置文件里调用出来的

简单的小程序制作_第2张图片

二、组件页面跳转效果

跳转标签 navigator open-type=“”跳转的方式
navigate:在原来的页面打开跳转到另一个页面并且能够返回原来的页面
redirect:从原来的页面直接跳转到另一个页面并不会返回到原来的页面
switchTab:是根据全局文件的里的 json文件来配合使用 如图二简单的小程序制作_第3张图片

图二:
简单的小程序制作_第4张图片

三、swiper组件的用法(轮播效果)

简单的小程序制作_第5张图片

wx:for-index:表示的是id;
简单的小程序制作_第6张图片

四、事件

简单的小程序制作_第7张图片

setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的this.data值 重要

你可能感兴趣的:(简单的微信小程序制作)