随笔分类 -  微信小程序

摘要:一 . 效果 新增了poster组件和更新图片自适应 二 . 准备 准备两张图片连接,最好是自己开发账号验证的https图片链接。 三 . 实现思路 其实就是canvas实现方式,首先要就是定义一个canvas容器,把容器放在中间,图片也要动态计算大小居中,显示下面的文字和二维码也是要根据容器动态去 阅读全文
posted @ 2019-05-01 16:47 搬砖小伙子 阅读(1243) 评论(0) 推荐(0)
摘要:实现用户自定义弹框 带动画(动画可做参靠,个人要是觉得不好看可以自定义动画) 获取弹出框的内容,自定义事件获取 二、程序实现具体步骤 a.动画部分的功能实现 三、案例运行效果图 阅读全文
posted @ 2019-04-04 23:38 搬砖小伙子 阅读(691) 评论(0) 推荐(0)
摘要:格外小知识 class是以小写句号“.”开头命名,而ID是以“#”好开头定义750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。 规定段落中的文本不进行换行:p{ white-space: nowrap } fixed定位是指元素的位置相对于浏览器窗口是固定位 阅读全文
posted @ 2019-03-25 23:35 搬砖小伙子 阅读(13466) 评论(0) 推荐(0)
摘要:1.只需要给这个文字包裹的div设置一个高度,宽度不管,就能自适应了 阅读全文
posted @ 2019-03-24 21:29 搬砖小伙子 阅读(2257) 评论(0) 推荐(0)
摘要:scroll-view为滚动视图,分为水平滚动和垂直滚动。注意滚动视图垂直滚动时一定要设置高度否则的话scroll-view不会生效。滚动视图常用的地方一般都是Item项比较多的界面,比如我的模块 主要属性: 使用演示: wxml 阅读全文
posted @ 2019-03-23 10:57 搬砖小伙子 阅读(8651) 评论(0) 推荐(0)
摘要:原因JSON.parse无法识别某些url中的特殊字符,所以报错 mistakes.js中 nextBtn:function(){ var nextData = this.data.dataNextInfo; console.log(nextData.pop()); var nextDatas = 阅读全文
posted @ 2019-01-17 16:49 搬砖小伙子 阅读(5240) 评论(0) 推荐(0)
摘要:之前的随笔从阮一峰老师那里学到了flex的基本用法及作用,现在来把flex具体运用到实例中,看看flex的弹性布局效果。 1. flex设置元素垂直居中对齐 在之前的一篇文章中记载过如何垂直居中对齐,方法有很多,但是在学习了flex布局之后,垂直居中更加容易实现 HTML代码: CSS代码: 效果如 阅读全文
posted @ 2018-12-22 23:01 搬砖小伙子 阅读(259) 评论(0) 推荐(0)