小灵子的小园子

摘要： 今天又踩坑了，从后台取到的文本数据，超出了设定的宽度，竟然不能自动换行，一排华丽丽的文字，顿时觉得天雷滚滚。。。 中文文字片段在view中不能换行的问题，要使用强制换行，至于是使用white-space:pre-line（不会保留空白和tabs），还是white-space:pre-wrap（会保留 阅读全文

摘要： 在实际项目中，经常会遇到点击切换不同内容的情况，尤其是个人中心的订单页，还要同时实现滚动分页效果。 效果如下： 每次切换tab，要把原本的数据清空，重置select，防止分页时出现数据混乱的情况，发出请求时，根据现在的currentTab值，去对应的设定type值，请求不同的接口。 阅读全文

摘要： 项目过程中，列表页过长，产品需求加载两屏以上才显示返回顶部的按钮，直接上代码。 这个案例设定了两个变量，一个是滚动条的高度，可能不止一个页面会用到返回顶部，所以一个是全局的获取屏幕的高度。内容部分自己定义，不赘述，本例是模拟效果。 test.wxml test.wxss app.js test.js 阅读全文

摘要： 调用小程序的接口来实现，没什么难点，就直接上代码啦。 wxml： js： 阅读全文

摘要： 小程序点击图片放大实现方式：使用微信小程序图片预览接口。 今天用到了上传图片的功能，在真机上测试时发现有的图片实际没有显示，有个小小的坑，分享出来，希望大家可以避免。共勉！ wxml: wxss: js: 手动设置图片就不赘述了，就是设置imgBox，这里只用真机测试，取实际的图片。 在这里要注意， 阅读全文

摘要： 在小程序的开发文档中，对tabbar是这样说明的： 在实际开发过程中，小程序自带的tabbar样式并不能满足设计提供的开发需求，所以需要我们自定义一套属于自己的tabbar。 需求如下图： 新建template.wxml app.wxss里定义组件样式 app.js里面进行tabBar的参数配置； 阅读全文

摘要： 在HTML5中我们都知道编辑文档换行的时候直接用<br>就可以了，但在wxml中却识别不了<br>标签。 空格，换行在小程序中的写法整理如下： 必须在<text>标签中！ 一、空格 js: Page({ data: { text0: '这是一个段落 \n 看我变身换行', text1:'这是一个段落 阅读全文