2018年06月_woshidamimi0

原创 scroll-veiw无法左右滑动让scroll-view左右滑动

在使用scroll-view组件的时候发觉无法左右滑动，经过测试才发觉有一个坑。直接用这个组件的时候还不可以左右滑动，还要设置一下样式才可以。需要设置的就是这个white-space属性为nowrap，也就是强制不换行，这样才可以左右滑动。当然也可以用一个view来包裹scroll-view组件，然后设置这个view的white-space也是可以的。...

2018-06-22 12:11:02 2774

原创 vue入门教程1

jq虽然好用，但是在数据的修改上没有vuejs那么方便。下面我就来记录一下vue的一些基本使用经验，希望可以帮助到想学习vuejs的小伙伴们。如有不足请指正。首先，就是下载vue.js并且引入到网页当中。并且在页面中写上一个div标签，给div设置一个id。然后就可以创建一个vue的实例对象了。如图所示，用new Vue即可创建。然后里面就是vue对象的一些属性了，比如el，data。el可以设置...

2018-06-17 20:00:29 276

原创微信小程序返回上一页缓存数据的写入，读取以及移除

页面回退在小程序的页面操作中也经常用得到，方法还是很简单的，直接用wx.navigateBack即可返回之前浏览过的页面，而delta则是返回到之前的哪一页。1表示上一页，2表示上上一页，以此类推。如果数字超过浏览过的页面数则直接回到首页。回退的时候一般都有数据传输，则可以在回退前把数据写入缓存，用wx.setStorageSync写入即可，这个是同步写入，异步写入则去掉Sync即可。写入形式就是...

2018-06-17 13:17:28 13850

原创微信小程序怎样制作轮播图 swiper组件怎么使用

小程序中制作轮播图直接用封装好的swiper组件就可以了。如图，使用swiper组件标签，然后里面的swiper-item来存放图片。block主要是用来循环数据，以便得到多个swiper-item，得到多张图片。并且可以看到这里有一些被双花括号包裹起来的变量，可以自定义变量名。而花括号前面的就是swiper的一些属性。当页面被渲染时被花括号包裹的变量就会被自动解析成对应的值。这样就可以给属性设置...

2018-06-17 12:50:00 892

原创微信小程序页面跳转传参

微信小程序页面跳转用到wx.navigateTo来进行跳转。比如我就设置一个函数进行跳转。然后如果要带参数进行跳转就直接拼接参数即可。然后在跳转页写加载函数。比如从a跳转到b，那么就在b的js里面的onLoad中用options.参数名即可取值。...

2018-06-12 11:26:38 170

原创微信小程序循环数据

新建一个页面在JS中写数据然后在wxml文件用wx:for来循环，items跟之前写的data里面的数据保持一致。而item则是循环之后保存数据的对象。默认就是item。用它即可取值。然后即可看到循环结果。默认的下标变量名叫index。这样即可取得值和下标了...

2018-06-10 17:52:45 3902

原创微信小程序设置底部tab选项卡

微信小程序选项卡用到tabbar组件。在app.json中添加tabbar组件即可。（输入会自动补全）list存放的就是tab选项卡了。一个对象就是一个选项卡，官方规定为2到5个。text是文本提示，下面两个是没选中时显示的图标与选中时显示的图标路径。pagePath为点击选项卡后跳转的页面路径。选项卡中必须有一个路径为pages/index/index，这个index组件是创建小程序时自带的，没...

2018-06-05 13:54:11 17292 2

原创微信小程序创建一个空白页面

小程序创建一个空白页面还是比较简单的。pages文件夹下就是一个个页面组件想要新增页面组件则找到app.json里面的pages数组，然后添加一组数据即可得到一个页面组件了。然后就会生成一堆文件，在里面就可以编写代码了。...

2018-06-05 13:41:42 7107