摘要: 默认插槽: this.$slots.default[0].context.showUser(); 阅读全文
posted @ 2024-12-24 16:54 芝麻小仙女 阅读(8) 评论(0) 推荐(0) 编辑
摘要: *只有前端部分 1.首先data需要储存几个值: payUrl: "", // 订单支付跳转链接 isFetchCode: false, //正在生成订单 payStatus: "", // 订单状态,用于判断是否还需要继续请求订单支付结果接口 userDown: false, // 用户点击已支付 阅读全文
posted @ 2024-12-19 20:43 芝麻小仙女 阅读(138) 评论(0) 推荐(0) 编辑
摘要: <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) 编辑
摘要: 需求: 英雄展示页面提供纵向头像滚动切换功能,需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码: <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class= 阅读全文
posted @ 2024-11-04 15:51 芝麻小仙女 阅读(358) 评论(0) 推荐(0) 编辑
摘要: /* 定义关键帧 */ @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) 编辑
摘要: 补充配置项: slidesPerView: 'auto' 同时配合修改swiper-slide高度 阅读全文
posted @ 2024-09-25 16:37 芝麻小仙女 阅读(28) 评论(0) 推荐(0) 编辑
摘要: 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 芝麻小仙女 阅读(58) 评论(0) 推荐(0) 编辑
摘要: swiper6中一些配置会失效 原因是控件需要单独引入 如我 这次用的swiper相关版本是: npm i swiper@6.8.4 vue-awesome-swiper@4.1.1 在滚轮切换、分页、左右切换和动效配置中,都需要单独引入控件 import { Swiper, SwiperSlide 阅读全文
posted @ 2024-09-13 14:31 芝麻小仙女 阅读(83) 评论(0) 推荐(0) 编辑
摘要: 方案1:js绘制条形验证码 参考文档:https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件: function GVerify(options) { // 创建一个图形验证码对象,接 阅读全文
posted @ 2024-09-12 17:29 芝麻小仙女 阅读(996) 评论(0) 推荐(0) 编辑
摘要: 很垃圾的弧形轮播效果,其实不算弧形,只是一个爬坡效果,最终否了 但保留一下配置项的代码。。 方案1: swiperOptions: { direction: "vertical", spaceBetween: -80, slidesPerView: 5, loop: true, centeredSl 阅读全文
posted @ 2024-09-11 16:03 芝麻小仙女 阅读(179) 评论(0) 推荐(0) 编辑
点击右上角即可分享
微信分享提示