小程序02/小程序 swiper组件 属性介绍说明、navigator组件结构 组件介绍 属性介绍

一.swiper组件介绍说明

语法结构: 

<swiper>

<swiper-item >

 <image src=" ">    </image>

</swiper-item>

</swiper>

组件介绍:

swiper可以理解为小程序内置的轮播图标签 使用了他可以更方便使用轮播图功能

属性介绍:

    属性名                     类型             说明

indicator-dots         Boolean        是否显示面板指示点

autoplay                  Boolean        是否自动切换

circular                    Boolean        是否在切换最后一张图片后连接性轮播

二.navigator组件结构 组件介绍 属性介绍

语法结构:

<navigator url="路径">

</navigator>

组件介绍:

• navigator 是小程序开中的导航标签 类似于web中的a标签

• 通过 url 来指定跳转页面

• 可以跳转到其他小程序

属性结构:  short-link="小程序链接"

属性: short-link

值:    小程序链接 或 小程序appid

属性介绍:

属性名	类型	说明
url	String	当前小程序内跳转链接
open-type	String	跳转方式
target	String	在那个目标上发生跳转 默认当前小程序

属性值: 

(1)  target

self                 当前小程序

miniProgram   其他小程序

(2) open-type

switchTab  跳转到app.json tabBar下的页面