会员
周边
众包
新闻
博问
闪存
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
芝麻小仙女
博客园
首页
新随笔
联系
管理
订阅
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 芝麻小仙女
阅读(1002)
评论(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)
编辑
下一页
公告
点击右上角即可分享