芝麻小仙女

摘要： 默认插槽： this.$slots.default[0].context.showUser(); 阅读全文

摘要： *只有前端部分 1.首先data需要储存几个值： payUrl: "", // 订单支付跳转链接 isFetchCode: false, //正在生成订单 payStatus: "", // 订单状态，用于判断是否还需要继续请求订单支付结果接口 userDown: false, // 用户点击已支付 阅读全文

摘要： <img src="./images/copy.png" @click="copyUrl" /> copyTextArea() { const shareUrl = "http://www.xxx.com"; const textarea = document.createElement("text 阅读全文

摘要： 需求： 英雄展示页面提供纵向头像滚动切换功能，需要支持循环滚动、拖动切换、前后按钮切换、点击头像图标切换等功能。 代码： <div :class="$style.swiperBox"> <swiper ref="heroSwiper" :options="swiperOptions" :class= 阅读全文

摘要： /* 定义关键帧 */ @keyframes example { 0% { background: url(./ani/1.png) center center no-repeat; background-size: cover; } …… 100% { background: url(./ani/ 阅读全文

摘要： 补充配置项： slidesPerView: 'auto' 同时配合修改swiper-slide高度 阅读全文

摘要： 1.放大的圈 @keyframes zoom3 { 0% { opacity: 0; transform: scale(0); } 70% { opacity: 1; } 100% { opacity: 0.7; transform: scale(1); } } .play { position: 阅读全文

摘要： swiper6中一些配置会失效 原因是控件需要单独引入 如我 这次用的swiper相关版本是： npm i swiper@6.8.4 vue-awesome-swiper@4.1.1 在滚轮切换、分页、左右切换和动效配置中，都需要单独引入控件 import { Swiper, SwiperSlide 阅读全文

摘要： 方案1：js绘制条形验证码 参考文档：https://blog.csdn.net/LOVE_mingjing/article/details/130622848 utils文件夹下新建GVerify.js文件： function GVerify(options) { // 创建一个图形验证码对象，接 阅读全文

摘要： 很垃圾的弧形轮播效果，其实不算弧形，只是一个爬坡效果，最终否了 但保留一下配置项的代码。。 方案1： swiperOptions: { direction: "vertical", spaceBetween: -80, slidesPerView: 5, loop: true, centeredSl 阅读全文