摘要： 一、自定义弹框组件 1、组件定义 在components目录下创建dialog文件夹，然后选择文件夹，右键，点击"新建Component"，就会创建四个文件。如下所示： wxml <!--components/dialog/index.wxml--> <view wx:if="{{isShow}}" 阅读全文

摘要： wxml <view> <button bindtap='createQrcode' type="primary" style="width: 400rpx;margin-top: 400rpx;">生成二维码</button> <canvas id='qrcode' type="2d" style 阅读全文

摘要： JS中的||符号： 1、运算规则： （1）、只要“||”前面为false,不管“||”后面是true还是false，都返回“||”后面的值。 （2）、只要“||”前面为true,不管“||”后面是true还是false，都返回“||”前面的值。 比如：var a= b || c 这相当于一个赋值语句 阅读全文

摘要： 1、安装lottie-web npm i lottie-web 2、使用在线json文件 <template> <div class="box"> <div id="lottie_box" style="width: 800px;height: 800px;margin-left: 1000px;b 阅读全文

摘要： 一、滚动贴合介绍 滚动贴合：鼠标滚动的时候，自动贴合到浏览器的底部或顶部 设置CSS滚动贴合需要使用到两个属性： 1、给滚动容器设置scroll-snap-type，值为滚动的方向和方式 .container { /* display: flex; */ /* 第一个值为滚动贴合的方向，y表示纵向滚 阅读全文

摘要： 一、object-fit object-fit属性定义了被替换的元素（如img或video）的内容应如何调整大小以适应其容器。object-fit的默认值是fill，这可能导致图像被挤压或拉伸。 让我们来看看可能的值。 object-fit的可能值:contain、cover、fill、none 1 阅读全文

摘要： background-size的可能值 background-size的可能值是auto, contain, 和cover. 1、background-size: cover 在这里，图像将被调整大小以适应容器。如果长宽比不一样，那么图像将被屏蔽以适应。 当使用background-size: co 阅读全文

摘要： 一、下载SVG 网站：https://undraw.co/ 点击“browse now” 点击“search” 点击第一个 点击“Download SVG for your projects” 对代码进行格式化 将代码拷贝到vs code中，用快捷键“Shift+Alt+F”进行格式化，格式化之后如 阅读全文

摘要： 使用 font-size 设置小于 12px 的字体时，发现并不生效（字体不会再缩小了）。 原因是 Chrome 以及 Chromium 内核的浏览器在中文语言下最小字体只能是 12px，大部分浏览器都是如此,所以小于12px字体不会在变小，而是保持12px的大小 添加如下代码： display: 阅读全文

摘要： 通过import引入的外部css文件，这种引入方式是全局的，也会影响其他组件的页面样式 <style lang="scss" scoped> @import url(../style.scss); </style> 此时虽然用了scoped，但是样式还是全局的。 造成样式污染的案例： （1）、父页面 阅读全文