摘要: 如题 position: fixed;left: 0;bottom: 0;height:calc(100rpx + env(safe-area-inset-bottom)); 阅读全文
posted @ 2024-04-09 10:51 如意酱 阅读(2) 评论(0) 推荐(0) 编辑
摘要: 接上篇 <template> <div class="jarBox"> <!-- 罐子整体+盖 --> <div class="bar"> <!-- 罐顶 --> <div class="barBefore"></div> </div> <!-- 里面液体整体 --> <div class="bar 阅读全文
posted @ 2024-03-12 14:47 如意酱 阅读(3) 评论(0) 推荐(0) 编辑
摘要: 效果如图,结合了一些动画效果和图片背景,组件开发思路:左侧按钮设置定时器为大轮播,下侧按钮设置定时器为小轮播 当轮播到当组的最后一个就 继续大轮播,停掉小轮播,并处理一些特殊情况和翻页情况。 代码已经注释掉引入图片的路径换成背景颜色,可直接运行。 <template> <div class="cen 阅读全文
posted @ 2024-03-12 14:39 如意酱 阅读(3) 评论(0) 推荐(0) 编辑
摘要: html: <iframe style="width: 100%; height: 100%; border: none" ref="pdfViewer" :src="url" frameborder="0" ></iframe> 不携带token: let url = process.env.VU 阅读全文
posted @ 2024-03-12 10:06 如意酱 阅读(48) 评论(0) 推荐(0) 编辑
摘要: 参考链接:https://blog.csdn.net/qq_16382227/article/details/129735904 业务:只有选择了关联摄像头以后才能显示出选择预置位,关联摄像头是联级逐次触发掉接口加载的,后续还需要回显。 html: <el-cascader v-model="rul 阅读全文
posted @ 2024-02-20 10:56 如意酱 阅读(120) 评论(0) 推荐(0) 编辑
摘要: 控制台报错:There is a chart instance already initialized on the dom. 核心思路:先判断dom是否存在,如存在就调用销毁方法,再初始化正常操作。 echarts内: if ( this.myChart != null && this.myCha 阅读全文
posted @ 2024-02-18 16:47 如意酱 阅读(34) 评论(0) 推荐(0) 编辑
摘要: 话不多说先看效果: 设计思路: 罐是做了三个位置(中=>左,左=>右,右=>中)的动画效果,每个罐轮流使用一次,来实现旋转的效果。 中间的光亮做了个变形延迟。 罐的透明效果是使用了三层,即最底层是粒子不透明图片,中层是液体组件,最上层是罐体png图片。都是用了绝对定位,请务必设置好位置。 液体组件中 阅读全文
posted @ 2023-11-10 14:16 如意酱 阅读(138) 评论(0) 推荐(0) 编辑
摘要: git可视化管理工具SourceTree安装教程:http://wed.xjx100.cn/news/174839.html?action=onClickgitee可视化管理工具SourceTree安装使用教程:https://blog.csdn.net/wan369282913/article/d 阅读全文
posted @ 2023-10-24 13:33 如意酱 阅读(43) 评论(0) 推荐(0) 编辑
摘要: 效果如图 代码如下: background: linear-gradient( to bottom, #ffffff 0%, #ffffff 45%, #389df5 100% ); background-clip: text; -webkit-background-clip: text; -web 阅读全文
posted @ 2023-10-12 10:40 如意酱 阅读(125) 评论(0) 推荐(0) 编辑
摘要: //获取视频封面作为缩略图: captureVideoImage() { let videoArr = document.querySelectorAll('.swipe-video'); let _this = this; for (let i = 0; i < videoArr.length; 阅读全文
posted @ 2023-08-04 15:39 如意酱 阅读(524) 评论(0) 推荐(0) 编辑