摘要: 这个功能在前端开发中实在是太常见了,只要是一段文本的展示,常常都要做此处理,限制文本的长度,超出部分用...表示,这里提供一种解决方案,直接上css代码(一些浏览器可能不兼容): 单行: overflow: hidden;text-overflow: elli... 阅读全文
posted @ 2020-10-13 17:18 JonnyOu1012 阅读(42) 评论(0) 推荐(0) 编辑
摘要: 小程序提供了丰富的交互API,如wx.showToast、wx.showModal,但有时并不能满足我们的需求,这篇博文提供了一个实现自定义弹窗的思路。 结合一个简单案例,看下最终的效果: 我们要做的事情是,点击按钮时,弹窗出现,弹窗以外的区域变成透明,点击... 阅读全文
posted @ 2020-10-13 16:48 JonnyOu1012 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 我们习惯用wx.navigateTo做跳转链接,但是如果要跳转到tabbar页面,会报以下错误: 其实如果仔细查看官方文档,就能发现 用官方提供的另一个API,wx.switchTab即可解决问题 : 阅读全文
posted @ 2020-10-13 15:08 JonnyOu1012 阅读(38) 评论(0) 推荐(0) 编辑
摘要: 小程序支持数据双向绑定,但是在逻辑层(js文件)中改变属性的值时必须要用 this.setData({ a:A, b:B })这种格式,问题在于,当需求仅需要更改 某个数组中对象的某个属性值 时,这种格式就需要转换一下。如: students: [ ... 阅读全文
posted @ 2020-10-13 14:51 JonnyOu1012 阅读(101) 评论(0) 推荐(0) 编辑
摘要: 先上案例最终效果: 案例实现功能: 1.导航栏横向滚动效果 2.当前元素有下划线标识 3.点击元素,导航栏滚动到相应位置 以下将分步骤逐步完善陈述这些功能,最终会呈现所有代码 1.引用组件scroll-view,达到滚动效果 万丈高楼平地起,首先... 阅读全文
posted @ 2020-10-13 14:19 JonnyOu1012 阅读(185) 评论(0) 推荐(0) 编辑