2018年12月22日
小程序 列表超出范围可展开收起功能
摘要： 由于设计项目的页面，一个列表里面文字太过于长，也影响页面美观，所以不少软件都有展开收起这个小功能。 1.文本超出设置行数后隐藏，然后显示省略号... 2.可点击展开看隐藏的文本内容，也可以收起。 如图： wxml wxss js 我把展开收起的状态放到数组里面，按道路可以不用放在数组里面的，这样不灵 阅读全文
posted @ 2018-12-22 11:14 简称LCH 阅读(4632) 评论(2) 推荐(0) 编辑
小程序，按照一天的时间分配显示不同内容
摘要： 本文章小案例是看到智联招聘app的你进入首页之前就会有一个小圆圈，根据所在的时间，来显示问候语，比喻有：亲爱的，早上好这种话语。 我这里简单做了一个类似的小dome，作为笔记。 我这里按了几个时间来进行分配，具体看你有什么需要就改动。 0：00—6:00凌晨；6:00—11:00上午；11:00—1 阅读全文
posted @ 2018-12-22 10:45 简称LCH 阅读(1126) 评论(0) 推荐(0) 编辑
2018年8月22日
小程序图片100%宽自适应
摘要： 上几篇有提到，小程序满屏居中显示，这种情况出现比较多都在购物车清空显示的时候。 这篇主要说，图片占满手机屏幕，当我背景不想默认小程序给出来的背景色，我们可以通过page来自定义样式。 HTML5有body。 但是在微信小程序中，根节点是page，使用page。就能够解决。 注：本地图片不能正常显示， 阅读全文
posted @ 2018-08-22 14:44 简称LCH 阅读(1878) 评论(0) 推荐(0) 编辑
2018年8月17日
小程序解析HTML5
摘要： 最近做项目的时候碰到一个问题，就是调用接口获取信息到页面上，内容与HTML5标签一起获取过来了。一起显示在微信端上。一般都是二次开发才有可能出现这种问题。通过查找方法，找到了一个可以把HTML5标签转换微信小程序格式显示html5内容数据插件（wxParse），这种做法缺点就是每一次调用都会执行一次 阅读全文
posted @ 2018-08-17 10:33 简称LCH 阅读(392) 评论(0) 推荐(0) 编辑
2018年8月4日
微信小程序上传图片
摘要： 这一篇主要说头像 上传，以及修改保存的功能。本章节主要用的知识点有 1. wx.chooseImage 从本地相册选择图片或使用相机拍照。 2.wx.uploadFile 将本地资源上传到服务器. 3. 修改原来的小程序头像并保存，调用后台接口修改操作 第一步：我们要获取本地图片，官方文档：http 阅读全文
posted @ 2018-08-04 23:23 简称LCH 阅读(40792) 评论(6) 推荐(4) 编辑
2018年7月30日
小程序文章开头空格
摘要： 在制作小程序页面中，碰到文章开头空二格，玩过HTML5都知道，里面有&nbsp可以空格，也可以拿个行内标签span，来一个margin也可以，但是在小程序里面直接写&nbsp设置空格的话，导致无效，因此去官网文档找到了解决这个问题的办法。 文档写的好详细，有不同的需求可以进去点击去看看：https: 阅读全文
posted @ 2018-07-30 16:15 简称LCH 阅读(2050) 评论(0) 推荐(0) 编辑
2018年7月27日
HTML5新表单新功能解析
摘要： HTML5新增了很多属性功能。但是有兼容性问题，因为这些表单功能新增的。我这里做了一个简单的练习，方便参考。如果完全兼容的话，那我们写表单的时候就省了很多代码以及各种判断。 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name 阅读全文
posted @ 2018-07-27 15:22 简称LCH 阅读(257) 评论(0) 推荐(0) 编辑
小程序页面使内容充满整个屏幕，与内容水平和竖直都居中
摘要： 在做页面的时候，有一些页面我们会希望将内容充满整个屏幕（高度、宽度100%），这样显得好看一点，比喻购物车没有记录，没有信息的时候，如下图 <view class='zhiti' style="height:{{winHeight-40}}rpx;"> <view class='zwgz'> <im 阅读全文
posted @ 2018-07-27 09:15 简称LCH 阅读(376) 评论(0) 推荐(0) 编辑
2018年7月20日
微信小程序截取字符串
摘要： 我这里用的 str.substring(star,end)第一个参数代表开始位置,第二个参数代表结束位置的下一个位置;若参数值为负数,则将该值转为0;两个参数中,取较小值作为开始位置,截取出来的字符串的长度为较大值与较小值之间的差。 假设：如果我们要截取多个集合的话，先要获取list里面的全部信息（ 阅读全文
posted @ 2018-07-20 14:42 简称LCH 阅读(30763) 评论(0) 推荐(2) 编辑
2018年7月19日
CSS3布局篇（多列布局）
摘要： 我们通过学习 CSS3，能够创建多个列来对文本进行布局 ，就像报纸那样排版那样！ 可以参考详细说明：http://www.w3school.com.cn/css3/css3_multiple_columns.asp 如下多列属性： column-count：规定元素应该被分隔的列数。column-g 阅读全文
posted @ 2018-07-19 16:46 简称LCH 阅读(634) 评论(0) 推荐(0) 编辑