仿糗事百科微信小程序

【实例简介】
仿糗事百科微信小程序 1. 实现顶部页签菜单左右滑动效果 2. 实现顶部页签菜单切换效果，页签菜单选中时字体加粗，同时对应的内容也跟着变化 3. 实现专享界面糗事列表设计，包括发布人头像、发布人昵称、发布的段子等信息，以列表的显示展现出来。 4. 实现视频列表页设计，视频可以进行播放与暂停； 5. 实现分享功能，可以将当前界面分享给好友 6.设计概要：数据绑定、列表渲染、请求服务器数据， （1）实现顶部页签滑动效果，需要借助于scroll-view可滚动视图区域组件，设置scroll-x="true"属性，允许在水平方向上左右滑动 （2）页签菜单切换和内容也跟着进行切换，需要使用swiper滑块视图容器组件，根据current当前页面索引值来决定显示那个面板 （3）设计糗事列表，先设计一条内容，然后可以复制这条内容的布局，在这个基础上进行修改 （4）设计视频列表，需要使用video视频组件，每个视频组件都有唯一的id；设计幻灯片轮播效果，准备好幻灯片需要轮播的图片 （5）分享功能，需要在在 Page 中定义 onShareAppMessage 函数，设置该页面的分享信息 （6）在界面布局的时候，会用到微信小程序的组件，包括view视图容器组件、image图片组件、swiper滑块视图容器组件、scroll-view可滚动视图区域组件、video视频组件等组件的使用 （7） 界面样式设计，需要写一些wxss样式进行界面的美化和渲染 （8）页签菜单切换的时候，需要获得该页签所对应的id，需要绑定菜单切换事件 （9）页面分享，需要使用onShareAppMessage这个API接口，进行界面分享 （10）动态获取糗事列表信息，需要使用wx.request请求获得糗事列表信息
【实例截图】
【核心代码】
2e63bcfdd60fa4fe6144c268e3c99a5f.rar
└── miniprogram-test-8
├── app.js
├── app.json
├── app.wxss
├── images
│   └── icon
│   ├── hot.png
│   ├── message.png
│   ├── no.png
│   ├── share.png
│   └── yes.png
├── pages
│   ├── index
│   │   ├── content.wxml
│   │   ├── enjoy.wxml
│   │   ├── index.js
│   │   ├── index.json
│   │   ├── index.wxml
│   │   ├── index.wxss
│   │   └── video.wxml
│   └── logs
│   ├── logs.js
│   ├── logs.json
│   ├── logs.wxml
│   └── logs.wxss
├── project.config.json
├── sitemap.json
└── utils
└── util.js

7 directories, 22 files