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