![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
YIYIYI1205
这个作者很懒,什么都没留下…
展开
-
【练习】swiper中点击后跳转详细页面,tab栏,嵌套template
1.swiper中点击后跳转详细页面1)在每个swiper-item中的image添加自定义属性data-postId,并添加函数跳转<image src="/images/1.jpg" catchtap='onPostTap' data-postId="0"></image>此时data-postId不能用{{item.postId}}因为,没有循环,post...原创 2018-04-14 22:01:58 · 1991 阅读 · 0 评论 -
【练习】注册appid、下拉菜单、访问百度地图API
一 、注册Appidhttps://blog.csdn.net/testcs_dn/article/details/53727768不支持个人身份注册,选择其他组织,组织信息随便填写,上传的照片也可以随便传。管理信息登记必须使用和微信一致的身份信息,姓名,身份证号。一个身份证、一个手机号都只能注册5个小程序。在开发者ID中可以找到appid,写好的小程序点击预览就可以在手机上看了...原创 2018-04-25 15:44:34 · 391 阅读 · 0 评论 -
【练习】电影详情页面 (finished),版本更新后的一些变化,表单组件
一.音乐播放完以后图标没有跳回未播放状态用wx.onBackgroundAudioStop(CALLBACK)监听wx.onBackgroundAudioStop(CALLBACK) 停止wx.onBackgroundAudioPlay(CALLBACK) 播放二.电影详情页面1.在movie项目创建movie-detail项目在app.json中直接配置"pages/...原创 2018-04-24 17:22:27 · 554 阅读 · 0 评论 -
【练习】设置loading状态,下拉刷新列表,“window”中“backgroundColor”, 电影搜索页面构建
一、设置loading状态(toast用户体验不好)1.在onScrollLower中设置wx.showNavigationBarLoading();但是不会自动消失2.在processDoubanData:function(data)绑定完数据后 wx.hideNavigationBarLoading();不知为什么加载数据很快,几乎不显示Loading,因为网太好了?二、下...原创 2018-04-19 12:28:24 · 489 阅读 · 0 评论 -
【练习】交互(弹窗),音乐播放
自动关闭: wx.showToast({title: postCollected?"收藏成功":"取消成功"})点击关闭: wx.showModal({title: '收藏',content: '是否收藏该文本',cancelText: "取消"})函数:自动关闭: showToast: function (postsCollected, p...原创 2018-04-13 19:52:35 · 565 阅读 · 0 评论 -
【练习】将详细页面中的导航栏动态更改,根据电影类型在more-movie页面中加载数据,上滑加载更多数据
一、将详细页面中的导航栏动态更改1.在movie-list-template.wxml中 :<text class="more" catchtap='onMoreTap' data-category="{{categoryTitle}}">更多></text>给哪个标签绑定事件,想在这个事件中传输数据,就在这个标签中自定义属性之前在movie.j...原创 2018-04-18 21:17:45 · 790 阅读 · 0 评论 -
【练习】动态生成详细页面,缓存切换图片
点击post.wxml中用<block wx:for>生成的模块,跳出相应的详细页面: 1.post.wxml中:<view catchtap='onPostTap' data-postid="{{item.postId}}">自定义属性获取data.js中的postId属性data-postid中的“i”不要大写,因为大写是去掉连字符自动变成大写,如果...原创 2018-04-12 22:27:04 · 128 阅读 · 0 评论 -
【练习】豆瓣API获取数据,sarts组件,更改“正在上映”
豆瓣API:https://developers.douban.com/wiki/?title=api_v2要找以下链接:Resources URI /v2/movie/top250豆瓣原本前缀:"https://api.douban.com"失效,前缀改为:"http://t.yushu.im"1.在app.js中存储全局变量url前缀:App({globalDat...原创 2018-04-17 21:03:33 · 2437 阅读 · 0 评论 -
【练习】小程序动态生成页面
1.数据放入data文件中的data.js var swiper_content=[{url:"/images/3.jpg",title1: "最好的华俱",title2: "副标语"},{url: "/images/4.jpg",title1: "标语2",title2: "副标语2"},{url: "/images/5.原创 2018-04-11 22:08:40 · 6703 阅读 · 1 评论 -
【练习】小程序 数据分离template模版
设置值时最好用this.setData({posts_key:postsData.postList});取值时可以用 this.data.posts_key 1.简单模拟服务器加载数据过程(数据分离)新建目录data,创建post-data.js,把数据复制过来(表示从服务器加载的数据)给脚本文件定义一个出口:module.exports = {postLi...原创 2018-04-03 20:59:22 · 233 阅读 · 0 评论 -
【练习】第一个微信小程序
1.mac版微信开发者工具不显示二维码:必须用wifi,网线链接就不可以。2.page文件夹下放页面文件夹,每个页面文件夹下有自己的js,json,wxml,wxss文件 每个项目中有app.js, app.json, app.wxss文件,进行全局配置(一些共有的)一个既在全局中配置,又在页面中配置的样式(json也是),采取就近原则(一般都是页面较近)最多只能有5级页面...原创 2018-04-03 10:05:58 · 251 阅读 · 0 评论 -
【总结】微信小程序
1、自定义属性<view class="swiper-tab-list" data-current="0" bindtap="swichNav"> <view class="{{currentTab==0 ? 'on' : ''}}" data-current="0" bindtap="swichNav">原创 2018-11-08 11:30:45 · 378 阅读 · 0 评论