慕课网微信小程序第一个项目要点回顾

WeChat Mini-program first look(慕课网微信小程序课程第一个小项目)

开发项目过程中所有到的组件及其他相关小程序内容

Swiper组件 (实现轮播图效果的容器)

通过在swiper组件内嵌套多个swiper-item标签实现多个item的轮播,item内一般放入image标签(图片)。
本次项目指定了swiper标签下3个属性值:
1. indicator-dots=’true’;显示轮播点
2. interval=’5000’;轮播间隔时间
3. autoplay=’true’;自动轮播

同样样式的多个网页内容通过for循环填充内容

在wxml文件中使用block标签包裹重复的样式内容代码,同时添加block标签的wx:for,wx:for-item(可选)属性,for-item的值可以不指定,默认为item,for的值根据对应的js文件确定,以下说明如何确定:

wxml代码:

<block wx:for="{ {post_data}}" wx:for-item="item">
<view class='post-container'>
<view class='post-user-date'>
<image src='{ {item.avat

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如网盘链接失效,请联系我:fei-ha@qq.com 内容包含以下: 1.1微信小程序从基础到实战课程概要.mp4 2.1微信小程序简介.mp4 2.2.1微信小程序开发准备.mp4 2.2.2微信小程序开发工具的使用.mp4 2.2.3目录结构详解.mp4 2.3.1视图与渲染.mp4 2.3.2微信小程序事件.mp4 2.4综合案例 - 快递查询.mp4 3.1微信小程序的配置详解.mp4 3.2.1微信小程序的生命周期与app对象的使用.mp4 3.2.2微信小程序页面的生命周期和参数传递.mp4 3.3综合案例 - 用户登录.mp4 4.1微信小程序的UI精讲.mp4 4.2.1布局基础 .mp4 4.2.2样式基础.mp4 4.3.1组件的使用.mp4 4.3.2视图容器组件.mp4 4.3.3基础内容组件.mp4 4.3.4表单组件.mp4 4.4.1操作反馈小工具.mp4 4.4.2导航.mp4 4.4.3多媒体.mp4 4.4.4地图与LBS.mp4 4.4.5画布与游戏.mp4 4.5综合案例 - 评测小程序首页的实现.mp4 5.1微信小程序的API开发简介.mp4 5.2.1请求服务器数据.mp4 5.2.2图片选择与调用微信拍照.mp4 5.2.3文件上传与下载.mp4 5.2.4 webSocket.mp4 5.2.5音乐的播放和控制.mp4 5.2.6缓存数据.mp4 5.2.7获取当前位置.mp4 5.3.1设备信息.mp4 5.4.1 交互反馈.mp4 5.4.2导航和导航条.mp4 5.4.3动画.mp4 5.4.4绘图.mp4 6.1课程介绍.mp4 6.2.1使用 Xmind 进行产品需求分析.mp4 6.2.2使用墨刀进行产品原型设计.mp4 6.3.1路由配置,完成底部 TabBar 设计.mp4 6.3.2产品层级、组件模块化设计.mp4 6.4.1组件讲解.mp4 6.4.2列表页开发.mp4 6.4.3主题页开发.mp4 6.4.4节点页面开发.mp4 6.4.5用户信息页面开发.mp4 6.4.6使用 WXSS 对页面组件进行美化.mp4 6.5.1wx.navigateTo、wx.redirectTo、wx.request 方法使用讲解.mp4 6.5.2使用 wx.navigateTo 完成页面跳转.mp4 6.5.3使用 wx.request 取云端数据.mp4 6.6V2EX 小程序发布及注意事项.mp4 基于CNODE社区的API创建一个小程序.mp4 课件资料demo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值