2024年12月24日
vue2父组件调用slot插槽中组件内部的方法
摘要： 默认插槽： this.$slots.default[0].context.showUser(); 阅读全文
posted @ 2024-12-24 16:54 芝麻小仙女 阅读(8) 评论(0) 推荐(0) 编辑
2024年12月19日
基于vue2的h5页面实现拉起支付宝app支付且轮询支付结果
摘要： *只有前端部分 1.首先data需要储存几个值： payUrl: "", // 订单支付跳转链接 isFetchCode: false, //正在生成订单 payStatus: "", // 订单状态，用于判断是否还需要继续请求订单支付结果接口 userDown: false, // 用户点击已支付 阅读全文
posted @ 2024-12-19 20:43 芝麻小仙女 阅读(148) 评论(0) 推荐(0) 编辑
2024年12月6日
js实现点击按钮复制内容
摘要： <img src="./images/copy.png" @click="copyUrl" /> copyTextArea() { const shareUrl = "http://www.xxx.com"; const textarea = document.createElement("text 阅读全文
posted @ 2024-12-06 10:13 芝麻小仙女 阅读(128) 评论(0) 推荐(0) 编辑
2024年11月4日
swiper插件同屏多个slide时在loop模式下点击切换失效的解决方案
摘要： 需求： 英雄展示页面提供纵向头像滚动切换功能，需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码： <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class= 阅读全文
posted @ 2024-11-04 15:51 芝麻小仙女 阅读(361) 评论(0) 推荐(0) 编辑
2024年10月24日
css3序列帧动画&图片资源初次加载闪屏处理
摘要： /* 定义关键帧 */ @keyframes example { 0% { background: url(./ani/1.png) center center no-repeat; background-size: cover; } …… 100% { background: url(./ani/ 阅读全文
posted @ 2024-10-24 09:19 芝麻小仙女 阅读(86) 评论(0) 推荐(0) 编辑
2024年9月25日
swiper全屏轮播最后一页展示页脚网站消息
摘要： 补充配置项： slidesPerView: 'auto' 同时配合修改swiper-slide高度 阅读全文
posted @ 2024-09-25 16:37 芝麻小仙女 阅读(28) 评论(0) 推荐(0) 编辑
2024年9月20日
css3几个常用动效
摘要： 1.放大的圈 @keyframes zoom3 { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 1; } 100% { opacity: 0.7; transform: scale(1); } } .play { position: 阅读全文
posted @ 2024-09-20 15:12 芝麻小仙女 阅读(60) 评论(0) 推荐(0) 编辑
2024年9月13日
swiper6版本下滚轮失效&分页失效等的问题
摘要： swiper6中一些配置会失效 原因是控件需要单独引入 如我 这次用的swiper相关版本是： npm i swiper@6.8.4 vue-awesome-swiper@4.1.1 在滚轮切换、分页、左右切换和动效配置中，都需要单独引入控件 import { Swiper, SwiperSlide 阅读全文
posted @ 2024-09-13 14:31 芝麻小仙女 阅读(84) 评论(0) 推荐(0) 编辑
2024年9月12日
vue2动态生成（绘制）图形验证码（验证码图片）
摘要： 方案1：js绘制条形验证码 参考文档：https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件： function GVerify(options) { // 创建一个图形验证码对象，接 阅读全文
posted @ 2024-09-12 17:29 芝麻小仙女 阅读(1003) 评论(0) 推荐(0) 编辑
2024年9月11日
vue2+swiper 纵向弧形滚动效果
摘要： 很垃圾的弧形轮播效果，其实不算弧形，只是一个爬坡效果，最终否了 但保留一下配置项的代码。。 方案1： swiperOptions: { direction: "vertical", spaceBetween: -80, slidesPerView: 5, loop: true, centeredSl 阅读全文
posted @ 2024-09-11 16:03 芝麻小仙女 阅读(180) 评论(0) 推荐(0) 编辑
下一页
点击右上角即可分享
微信分享提示