![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
小程序
文章平均质量分 88
solocoder222
热爱开源,喜欢折腾的创业型全栈工程师。
展开
-
微信小程序国际化探索(附源码地址)
随着小程序应用越来越广泛,国际化支持逐渐成了刚需。官方文档给出了一个 国际化方案,但觉得配置起来稍微有点复杂,对项目结构还有一定的要求。如果是旧项目改动成本太大,遂决定自己实现一个小程序国际化方案。源码地址:https://github.com/cachecats/miniprogram-i18n一、项目结构整体目录结构如下图:assets 存放资源文件,如图片constants 存放项目中用到的常量i18n 存放语言文件,中文是 zh-CN.js 英文是 en-US.js ,如果还需要支原创 2020-06-05 15:44:40 · 784 阅读 · 0 评论 -
微信小程序自定义tab,多层tab嵌套实现
小程序最近是越来越火了…… 做小程序有一段时间了,总结一下项目中遇到的问题及解决办法吧。项目中有个多 tab 嵌套的需求,进入程序主界面下面有两个 tab,进入A模块后,A模块最底下又有多个tab,每个tab上又嵌了2-4个不等的tab。。。 这种变态需求只能自定义tab了。其实如果项目不是很复杂,没有多tab嵌套的需求,完全可以用小程序官方的 tabBar,方便快捷。 官方 t...原创 2018-06-06 14:38:59 · 13763 阅读 · 1 评论 -
小程序自定义modal弹窗封装实现
前言小程序官方提供了 wx.showModal 方法,但样式比较固定,不能满足多元化需求,自定义势在必行~老规矩先上图 点击某个按钮,弹出 modal框,里面的内容可以自定义,可以是简单的文字提示,也可以输入框等复杂布局。操作完点击取消或确定关闭 modal.如何使用将下面的 modal.wxml 、modal.wxss 、modal.js 、modal.json 四个文...原创 2018-06-14 18:28:26 · 27533 阅读 · 7 评论 -
精确计算微信小程序scrollview高度,全机型适配
众所周知,可以滑动的 scroll 组件在移动端非常的重要,几乎每个页面都要用到。 而小程序的 scroll-view 组件就比较坑了,非得指定一个高度才能正常使用。布局复杂的时候谁还给你算高度啊。。。坑归坑,没办法,还是得用……既然官方要求必须传高度,那就想办法计算吧。一、布局分析,推导公式先给个示例图:这是一个稍微复杂点的页面,最上面是两个 tab 标签,每个标签...原创 2018-07-17 17:23:11 · 5823 阅读 · 2 评论 -
小程序跨行跨列多列复杂表格实现
今天来实现个跨行跨列多列表格。如图,这是个列数不确定,有的单元格还要跨行跨列的复杂表格。这里暂时最多支持4列,列数再多就放不下了。实现原理实现原理比较简单,通过多个嵌套的循环将数据取出。 上面的例子中,最外层一共有4行:基础工资,加班工资,岗位工资,合计。第一层数据的 name 展示为第一列,如果每组数据有 children,取出 children 展示为第二列… 如...原创 2018-08-03 19:56:51 · 4974 阅读 · 0 评论 -
小程序选人控件 - 仿企业微信实现多选及多层级无规则嵌套
在很多系统中都有选择联系人的需求,市面上也没什么好的参照,产品经理看企业微信的选人挺好用的,就说参照这个做一个吧。。。算了,还是试着做吧,企业微信的选人的确做的挺好,不得不佩服。先看看效果图吧,多层级无规律的嵌套都能搞定一、设计解读整个界面分为三部分:最上面的返回上一层按钮中间的显示部门、人员的列表最下面显示和操作已选人员的 footer。为什么加一个返回上一层按钮呢?...原创 2018-10-27 12:37:51 · 3866 阅读 · 5 评论 -
在小程序框架 wepy 中使用 iconfont 图标字体
新的小程序项目准备踩坑 Wepy 啦!纠结过原生、Wepy、mpvue到底用哪个。原生:之前的项目用的就是原生,开发起来有点太原始,想换换口味。把原生作为托底方案,假如另外两个遇到踩不过去的坑就转用原生做。wepy:star数量有16k,看了看官方文档,感觉开发方式还不错。毕竟算是腾讯亲生儿子,感觉靠谱些。mpvue:star数跟 wepy 不相上下,也是 16k,一套代码多端通用很有吸...原创 2019-03-04 16:50:55 · 704 阅读 · 0 评论