微信小程序
文章平均质量分 60
qq_36901488
这个作者很懒,什么都没留下…
展开
-
微信小程序-准备
[TOP]什么是小程序2017年度百度百科十大热词之一微信小程序(wei xin xiao cheng xu),简称小程序,英文名Mini Program,是一种不需要下载安装即可使用的应用 ( 张小龙对其的定义是无需安装,用完即走,实际上是需要安装的,只不过小程序的体积特别小, 下载速度很快,用户感觉不到下载的过程 )小程序刚发布的时候要求压缩包的体积不能大于1M,,否则无法通过,...原创 2018-08-31 09:24:02 · 251 阅读 · 0 评论 -
微信小程序-最后的小问题
从头开始测一遍 发现index.js中的跳转不起作用了 原来是wx.navigateTo不能跳转到tabBar 的页面,list页面已经被我们修改为tabBar 的页面了 怎么改呢? 把wx.navigateTo换为wx.switchTab就能正常跳转了...原创 2018-09-07 10:21:42 · 197 阅读 · 0 评论 -
微信小程序-电影详情页
电影详情页发送请求电影详情页发送请求上来先把movie.json中的导航标题改了{ "navigationBarTitleText": "电影详情页"}搭建静态页面 movie.wxml<!--pages/movie/movie.wxml-原创 2018-09-06 09:42:36 · 5319 阅读 · 1 评论 -
微信小程序-tab切换
tabBar的作用:如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。 tabBar的属性中 list 接受一个数组,只能配置最少2个、最多5个 tab。tab 按数组的顺序排序,每个项都是一个对象 新建movie目录并在里面创建movie页面 然后到app.json...原创 2018-09-06 08:23:17 · 281 阅读 · 0 评论 -
微信小程序-detail详情页静态页面搭建
pages目录下新建目录detail,里面新建页面detail: 在detail.json中先把导航栏标题文字内容改一下:{ "navigationBarTitleText": "DETAIL页面"}原创 2018-09-03 13:11:40 · 2893 阅读 · 0 评论 -
微信小程序-分享界面(没啥用)
给分享图标添加点击事件: 在detail.js中//处理点击分享功能 handleShare(){ wx.showActionSheet({ itemList: [ // 数组里面放的就是你要设置的文字 '分享到朋友圈', '分享到qq空间', '分享到微博' ], }) ...原创 2018-09-05 16:49:21 · 653 阅读 · 0 评论 -
微信小程序-音乐播放
音乐播放功能是在detail页面最上面的大图中央的 在detail.wxss中定义样式.musicImg{ width: 60rpx; height:60rpx; position: absolute; top: 200rpx; left: 50%; margin-left: -30rpx;}在detail.js中添加音乐播放data: { ...原创 2018-09-05 14:35:45 · 1395 阅读 · 0 评论 -
微信小程序-收藏功能
给detail.wxml中的收藏图标添加属性: catchtap是点击事件,wx:if的用法如下: detail.jsdata: { detailObj:{}, index:null, // 是否收藏 isCollected:false }, handleCollection(){ let isCollected = !this.d...原创 2018-09-05 08:07:10 · 24752 阅读 · 10 评论 -
微信小程序-列表渲染
模板弄好了,就要遍历数据了 数据是模拟好的,在datas文件夹中有list-data.js文件,这就是提前准备好的数据: list-data.js:let list_data = [ { date: 'may 19 2018', title: '教育理念', detail_img: '/images/detail/carousel/02.jpg', ...原创 2018-09-02 13:38:58 · 4217 阅读 · 0 评论 -
微信小程序-swiper组件使用
1原创 2018-09-01 16:42:39 · 32853 阅读 · 3 评论 -
微信小程序-获取用户信息
1原创 2018-09-01 13:25:48 · 2068 阅读 · 0 评论 -
微信小程序-currentTarget和target的区别
想实现的功能:点击list页面的轮播图会跳转到相应的detail页面 使用事件委托的方式,给父元素swiper添加点击事件catchtap='carouselToDetail' data-index='0':给点击事件的回调函数传index过去<swiper catchtap='carouselToDetail' indicator-dots='true' indicator-col...原创 2018-09-04 10:14:02 · 3010 阅读 · 0 评论 -
微信小程序-detail详情页数据动态展示
上一章把静态的detail页面做好了,现在来做把数据动态的放进去原创 2018-09-04 09:06:58 · 9063 阅读 · 3 评论 -
微信小程序-数据绑定&事件
index.wxml<!--pages/index/index.wxml--><view class='indexContainer'> <!-- 图片用image --> <image class='avatar' src='/images/index/cart.jpg'></image> <text class...原创 2018-08-31 14:48:25 · 253 阅读 · 0 评论 -
微信小程序-主页面静态页面搭建
新建一个文件夹来放项目 AppID 在你的微信公众平台==&amp;amp;gt;设置==&amp;amp;gt;开发设置中可以找到 点击确定后项目就建好了: 可以看到里面一开始只有一个文件,下面还报了个错误… 所以我们可以根据错误来先创建这个app.json文件,这个是全局配置 然后在里面写代码(写完代码后记得Ctrl+s保存){ &amp;quot;pages&amp;quot;:[ ]}还要创原创 2018-08-31 14:07:33 · 7123 阅读 · 0 评论 -
微信开发者工具button,input鼠标点击坐标偏移
问题是这样的,今天微信小程序开发中遇到点击button按钮没反应,要点按钮左上方一点点才能点击到input输入框也是上网查了好久才知道这是因为win10的屏幕的缩放造成的问题解决了,哈哈哈...原创 2018-11-27 19:32:35 · 2111 阅读 · 1 评论