芝麻小仙女

2023年11月28日

摘要：先附上npm官方地址：https://www.npmjs.com/ 1.报错npm ERR! request to https://registry.npmjs.org/@react-pdf%2frenderer failed, reason: getaddrinfo EAI_AGAIN regis 阅读全文

posted @ 2023-11-28 11:53 芝麻小仙女阅读(2599) 评论(0) 推荐(1)

2023年11月20日

vue2+element+vue-quill-editor实现富文本框组件（使用链接引入视频+上传本地视频+上传本地图片）

摘要：参考文档：https://www.duidaima.com/Group/Topic/Vue/12272 前提不赘述，npm引入插件并全局导入 components文件夹下创建ArticleEditor.vue： <template> <div class="">  <qui 阅读全文

posted @ 2023-11-20 11:32 芝麻小仙女阅读(1517) 评论(0) 推荐(1)

2023年11月16日

【vue2】swiper插件自动循环失效（loop失效）

摘要：可能是因为数据是动态渲染的，在请求到数据之前，就已经完成了swiper的初始化，因此解决方案有： 1.swiper组件添加v-if：（如以下代码中的v-if="banner.length"）  <div :class="$style.newsBanner"> <div :cl 阅读全文

posted @ 2023-11-16 13:35 芝麻小仙女阅读(1326) 评论(0) 推荐(0)

2023年10月19日

html+css3+anime.js实现线条来回滑动且渐隐动画

摘要：效果：代码： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=devic 阅读全文

posted @ 2023-10-19 10:58 芝麻小仙女阅读(126) 评论(0) 推荐(0)

html+css3+anime.js实现文字故障动画

摘要：记录一个很酷的动画，效果如图：是基于html+css3+anime.js实现的，看了眼代码，其实是默认文字的div中定位了几个相同的文字块，利用clip-path这个属性去裁剪展示其中的一部分，用于展示故障的效果，动画则是使用anime.js去循环改变X与Y轴的位置，同时调整绘制的颜色，demo代阅读全文

posted @ 2023-10-19 10:08 芝麻小仙女阅读(135) 评论(0) 推荐(0)

2023年10月13日

pc端自适应&&移动端rem适配代码

摘要：第一种俺写在index.html中的head标签与body标签中间（2560是pc端设计稿的宽度）： <script> //设置 webview 字体大小不受系统修改而改变 (function () { if (window.HiSpaceObject) { window.HiSpaceObjec 阅读全文

posted @ 2023-10-13 09:26 芝麻小仙女阅读(376) 评论(0) 推荐(1)

2023年10月12日

【vue2】实现css动效逐个顺序展示的效果（简陋版）

摘要：效果（进入预约里程碑模块后，小人从第一个台阶逐个闪烁出现在当前预约等级之前的台阶并消失，最终停留在当前预约等级的台阶上）：虽然很low但是！就是这么设计的！于是在原本静态的代码上稍加了些修改（为什么，为什么，想问天问大地）首先是台阶部分的代码： <div :class="$style.reser 阅读全文

posted @ 2023-10-12 17:57 芝麻小仙女阅读(273) 评论(0) 推荐(0)

2023年10月8日

【vue2】实现长按图片保存功能

摘要： <span :class="[$style.wxCode, isShow && $style['show']]" @touchstart="touchStart()" @touchend="touchEnd()" ></span> ps.span元素为图片元素，我这里把图片设置为元素背景了，可以直接阅读全文

posted @ 2023-10-08 16:47 芝麻小仙女阅读(567) 评论(0) 推荐(0)

2023年9月26日

【vue2】实现数字纵向滚动效果（计时器效果）

摘要：需求：在页面中显示一个数字，并在进入视口时显示计时器滚动效果：效果如上 ↑ 新建组件ScrollNumber.vue： <template> <div style=" display: inline-flex; justify-content: flex-start; align-items: 阅读全文

posted @ 2023-09-26 16:16 芝麻小仙女阅读(571) 评论(0) 推荐(0)

2023年9月18日

从零开始使用vue2+element搭建后台管理系统（动态表单实现（含富文本框【vue-quill-editor】【解决vue-quill-editor视频的显示问题】））[待完善]

摘要：在后台项目的实际开发过程中，涉及到表单的部分通常会使用动态渲染的方案进行实现，由后端接口返回表单配置，前端进行遍历渲染。考虑到通用后台需要具备的功能，除了基础的表单项如输入、下拉、多选、开关、时间、日期等，还需要具备上传、富文本框等功能。首先导入一个百度来的富文本框插件：npm install v 阅读全文

posted @ 2023-09-18 11:40 芝麻小仙女阅读(967) 评论(0) 推荐(0)

公告