
微信小程序
某某l
这个作者很懒,什么都没留下…
展开
-
微信小程序页面传值的方式
假设把A页面的值传给B页面:首先是A页面传值相关的:页面设计:<view class='content' wx:for='{{menuList}}' wx:for-index="parentIndex"> <view class='item' data-parentIndex='{{parentIndex}}' data-index='{{index}}' wx...原创 2018-10-11 16:07:38 · 1123 阅读 · 0 评论 -
微信小程序请求数据和显示加载
wx.showLoading({ title: '数据加载中。。。', }); //请求数据 wx.request({ url: 'https://douban.uieee.com/v2/movie/in_theaters', //地址 header: { 'content-type': 'application/...原创 2018-10-13 22:01:06 · 3246 阅读 · 0 评论 -
微信小程序实现图片轮播
wxml页面代码:<!--图片轮播 --><view class='swipercontainer'> <swiper indicator-dots="{{indicatorDots}}" autoplay="{{autoplay}}" interval="{{interval}}" duration="{{duration}}" vertic原创 2018-10-10 20:55:24 · 3665 阅读 · 8 评论 -
实现小菜单效果
实现类似上图所示的小菜单:微信小程序wxml页面(如果是html之类的可以用div代替view): <!-- 菜单 --><view class='content'> <view class='item'>菜单1</view> <view class='item'>菜单2</view> <vi...原创 2018-10-10 21:10:16 · 319 阅读 · 0 评论 -
微信小程序动态实现小菜单
微信小程序动态实现上图所示小菜单:设置菜单数据源:Page({ /** * 页面的初始数据 */ data: { menuList: [ [{ name: '菜单1', url: '../navigateTo/navigateTo', content: '我是菜单一' ...原创 2018-10-10 21:22:49 · 5134 阅读 · 0 评论 -
微信小程序设置数据源
设置数据源:第一种直接在该页面的js页面的data里添加数据源:Page({ /** * 页面的初始数据 */ data: { menuList: [ [{ name: '菜单1', url: '../navigateTo/navigateTo', content: '我是菜单一...原创 2018-10-10 21:26:22 · 2765 阅读 · 0 评论 -
微信小程序跳转页面的方式
微信小程序据我了解的有三种跳转页面的方式:第一种:跳转页面后有下图所示的返回键,但是不能跳转带tabbar页面(不知道tabbar页面是什么的请往下翻) var url = '../navigateTo/navigateTo'; //跳转路径 wx.navigateTo({ url: url })第二种:跳转页面后没有返回键,并且不能跳转带...原创 2018-10-10 21:43:33 · 385 阅读 · 0 评论 -
微信小程序如何设置底部菜单栏(tab栏)
tabBar如果小程序是一个多 tab 应用(客户端窗口的底部或顶部有 tab 栏可以切换页面),可以通过 tabBar 配置项指定 tab 栏的表现,以及 tab 切换时显示的对应页面。属性 说明 color tab 上的文字默认颜色 selectedColor tab 上的文字选中时的颜色 backgroundColor tab 的背景色 b...原创 2018-10-10 22:01:01 · 11815 阅读 · 0 评论