摘要: 如果是小程序自身页面的跳转 <navigator open-type="navigate" target="self" url="targetUrl></navigator> 如果是小程序A跳小程序B的页面 <navigator open-type="navigate" target="miniPr 阅读全文
posted @ 2018-09-30 10:48 南韵 阅读(2403) 评论(0) 推荐(1) 编辑
摘要: 问题一: 使用微信小程序input组件时,在移动端唤起focus或blur事件时,因光标占位导致内容出现叠影及抖动现象。 解决方案: 用<textarea>组件代替了<input/>组件,并给textarea设置了宽度值 问题二: 使用textarea组件时,当在移动端初次focus,原本应在内容末 阅读全文
posted @ 2018-08-30 14:59 南韵 阅读(9299) 评论(0) 推荐(1) 编辑
摘要: 如果背景是用一张图片来填充,那么第一个元素的定位,不要用top、margin,而要用padding。否则图片会出现变形(会按一定比例,不规则缩放) 阅读全文
posted @ 2018-08-14 17:12 南韵 阅读(187) 评论(0) 推荐(1) 编辑
摘要: 目前首次接触hybrid项目,故根据翻阅了解后,浅记对它的认识。 hybrid是携程推出的一个项目框架,其优点是:跨平台、开发效率高、开发成本相对较低,其不足是:体验不如Native hybrid设计需要考虑的问题: 1.hybrid中Natice与前端各自的工作是什么? 2.hybrid的交互接口 阅读全文
posted @ 2018-08-14 16:12 南韵 阅读(192) 评论(0) 推荐(1) 编辑
摘要: 期望实现有序排列如下: 思路: 用到flex弹性布局(flex-direction:row-reverse; flex-wrap: wrap-reverse)+order属性(单个头像、序号、姓名在此看成一个元素模块先不管), 1. 如果用flex-direction: row; flex-wrap 阅读全文
posted @ 2018-07-27 19:13 南韵 阅读(461) 评论(0) 推荐(0) 编辑
摘要: 需求:后台给了一个规规矩矩的头像,或圆或方,UI要求展示成水滴的形状。正在想到底如何实现的时候,不由自主去翻了鑫神的博客,正好找到了答案,窃喜(·_·) UI给的形状: 后台给的头像(忽略橙色背景色,我加的...) 最终需要的效果: PS:被覆盖图像的宽高与目标形状图越接近越好 废话不多说,贴代码: 阅读全文
posted @ 2018-07-27 18:25 南韵 阅读(517) 评论(0) 推荐(1) 编辑
摘要: 问题描述: 在hybrid项目里现有h5页A、B、C三个页面,均采用vue开发。其中A、B页采用原生头部,C页采用h5头部。A页通过点击a链接进入B页,B页以同样的方式进入C页,再依次点击各业返回按钮,理论上应该是C->B->A,实际为C->B->C->B反复循环。如果通过手机自带的返回按钮,顺序则 阅读全文
posted @ 2018-06-21 15:04 南韵 阅读(677) 评论(0) 推荐(0) 编辑
摘要: const ua = navigator.userAgent; this.ua = ua; this.trident = ua.indexOf('Trident') > -1; // ie this.presto = ua.indexOf('Presto') > -1; // opera this. 阅读全文
posted @ 2018-05-18 17:18 南韵 阅读(176) 评论(0) 推荐(0) 编辑
摘要: 展示图片的方法一般有两种: 1.css 通过background属性加载图片(适用于本地图片); .img { width: 100px; height: 100px; background: url('./test.png'); background-size: 100%; } html片段: < 阅读全文
posted @ 2018-02-26 19:27 南韵 阅读(1061) 评论(0) 推荐(0) 编辑
摘要: 前提:微信小程序自1.6.3基础库版本库开始支持简洁组件,之前的版本因不支持,故在引用组件处默认为空节点。关于微信小程序已有模板为何还需构建组件?一是因为组件可以更方便的自定义并绑定行为,二是在其他页面引用时,无需通过import,只需在该页面json文件下配置usingComponents属性即可 阅读全文
posted @ 2018-02-02 11:54 南韵 阅读(4428) 评论(0) 推荐(0) 编辑