摘要:
之前开发网站的时候,有一个品牌历程的展示,拿到UI后,因为前期着急所以时间线直接用的图片,这样做的话后期在后台增加品牌历程的时候,还需要前台更换图片,比较麻烦,所以空闲的时候自己封装了一个。最终效果图如下: 注:当然使用element-ui组件的时间线也可以实现,就是需要自己改样式,比较麻烦。 功能 阅读全文
摘要:
官方地址:https://elemefe.github.io/vue-amap/#/zh-cn/introduction/install 阅读全文
摘要:
之前在开发小程序的时候,有一个需求,页面滑倒指定位置时固定某一块内容,在此做个记录: 思路:1、监听滚动条的位置; 2、获取指定位置元素的高度; 3、当滚动条的高度大于指定元素的高度时,添加固定定位样式; 最终效果图如下: 代码部分: 1 <view class="container" style= 阅读全文
摘要:
最近在写h5页面中有个复制QQ号的功能,要实现复制功能,需要使用clipboard.js实现,clipboard.js官方地址:http://www.clipboardjs.cn/;记录一下: 实现过程: 1、在官网下载clipboard.js,将dist目录下的任一js复制到自己的项目。然后再ht 阅读全文
摘要:
小程序通过web-view向h5页面传参(数组格式)及h5页面接收代码如下: 1、我是将数组先JSON.stringify()以后,再拼接地址栏传到h5的,然后在h5接收以后再JSON.parse()转成数组;如果是单纯的字符窜就没必要转了; 2、如果传递的参数中包含中文需要先编码encodeURI 阅读全文
摘要:
在移动端的时候需要使用到rem.js来进行不同分辨率的适配,使用步骤如下: 1、将rem.js引入项目文件目录,目录自己定,放哪都行; 2、在html页面将resm.js引入即可; 3、这里的1rem=100px,方便换算; 4、移动端建议使用flex布局; 1 (function (doc, wi 阅读全文
摘要:
最近在使用小程序富文本wxParse时遇到几个问题,在此记录一下,我使用得富文本地址https://github.com/icindy/wxParse: 问题1、富文本图片无法预览问题; 问题2、空格不展示问题; 解决方案如下: 图片无法预览解决方案:修改了wxParse.js中得两行代码: 空格不 阅读全文
摘要:
利用input实现手机通讯录添加联系人得功能(动态添加删除input),当输入新手机号得时候,自动增加一个input出来,当删除输入得手机号后,自动删除该input,在这里记录下来。最终效果图如下: 这里只展示动态添加联系人得部分,代码如下: 1 <!--pages/contact/contact. 阅读全文
摘要:
之前在开发过程中遇到这么一个需求,就是在创建模板得时候需要有很多标题,标题是动态添加得,且添加得标题可以删除,最终实现得效果图如下: 代码部分: 1 <!--index.wxml--> 2 <view class="container"> 3 <view class='template_title1 阅读全文