关于微信小程序其它基础功能 （二）

目录

一、制作动态文字跳转

1.效果图--（点击“更多跳转资讯页面”）

2.实现步骤

二、列表选项卡的切换和内容切换

1.效果图

2.实现步骤

---

一、制作动态文字跳转

1.效果图--（点击“更多跳转资讯页面”）

2.实现步骤

（1）在components里建一个zjtou来存放并在里面编写代码

（2）在zjtou.wxss编写样式

（3）在zjtou.js里面的properties定义两个值

（4）在.wxml里面使用<zjtou></zjtou>--tou你要描写的文字、lianj你要跳转的页面。

二、列表选项卡的切换和内容切换

1.效果图

2.实现步骤

（1）在.wxml里面编写代码，data-index给个索引值，在给个点击事件 bind:tap="tadclick"

（2）  在.wxss中编写样式

（3）在news.js中编写tadclick

（4）在.wxml编写代码用<swiper>在里面添加bindchange属性、<swiper-item> ,使用循环：wx:for="{{}}" wx:key=""

(5)在.wxss编写样式

（6）在news.js编写huandong事件

三、跳转视频并发送弹幕设置

1.效果图 （点击红框内图片跳转视频页面、视频播放、弹幕设置）

2.实现步骤

（1）在app.json建一个新的名为video页面

(2)在video.wxml里面编写代码 记得给个id

(3)在video.wxss编写样式

（4）在video.wxml里面编写发送弹幕和视频列表代码 

(5)在video.wxss里面编写发送弹幕和视频列表样式 

(6)在video.js编写视频切换

（7）在video.js编写videoclick方法和srdanmu方法,fsdanmu方法。

注意：在后台渲染一个视频播放器，这个视频播放是界面中的id为myvideo的播放