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