2020年5月19日

vue自定义指令防止重复点击

摘要: 封装一个自定义指令防止按钮重复提交。欢迎指正! 1、创建preventReClick.js文件 import Vue from 'vue' const preventReClick = function(){ let openDalay = false //不传参点击事件 Vue.directive 阅读全文

posted @ 2020-05-19 11:19 |小乌龟| 阅读(1899) 评论(0) 推荐(0)

2020年4月28日

动态@-webkit-keyframes动画

摘要: <ul :style="`animation: ${time}s change linear infinite normal;-webkit-animation: ${time}s change linear infinite normal;`" > <li v-for="(general,inde 阅读全文

posted @ 2020-04-28 15:42 |小乌龟| 阅读(596) 评论(0) 推荐(0)

canvas压缩图片

摘要: js压缩后台给的图片 arr是从后台接受数据的数组,定时器的作用是用来等图片加载完成(建议用complete属性来判断是否加载完成)。 arr.forEach(function(item) { if (item.goods_photo) { let img = new Image(); img.sr 阅读全文

posted @ 2020-04-28 15:28 |小乌龟| 阅读(180) 评论(0) 推荐(0)

canvas画抽奖转盘

摘要: HTML部分 <div class="round"> <div class="wheel_bg"> <div class="bg"> <img v-show="bg" class="bg1" src="@/assets/image/bg1.png" alt /> <img v-show="!bg" 阅读全文

posted @ 2020-04-28 15:22 |小乌龟| 阅读(398) 评论(0) 推荐(0)

2020年1月16日

优惠券选择

摘要: <template> <div class="mask"> <div class="option" @click="yu_mask"></div> <div class="coupons" @click="yu_mask"> <p><img src="@/assets/img/accout/yh2. 阅读全文

posted @ 2020-01-16 15:47 |小乌龟| 阅读(156) 评论(0) 推荐(0)

vue.js商品选规格

摘要: <div class="gu_chima" v-for="(spec,n) in items.spec_info" :key="n"> <li :class="[specfo.isShow?'checks':'checks',subIndex[n] == index?'check':'checks' 阅读全文

posted @ 2020-01-16 15:34 |小乌龟| 阅读(2075) 评论(0) 推荐(0)

2020年1月9日

es6常用的方法

摘要: 一、判断是否包含,当包含时返回true,不包含时返回false,代码实例如下: let string = "123345"; let substring1 = "12"; let substring2 = "01"; string.includes(substring1); //true strin 阅读全文

posted @ 2020-01-09 17:31 |小乌龟| 阅读(1467) 评论(0) 推荐(0)

vue性能优化之大陆货色

摘要: 一、修改productionSourceMap为false 在config👉index.js👉build productionSourceMap: false, 默认为true,改为false有两大优点,代码体积变小,安全。原因请百度。 二、异步与懒加载 1、路由 import Vue from 阅读全文

posted @ 2020-01-09 14:50 |小乌龟| 阅读(217) 评论(0) 推荐(0)

2020年1月7日

css重写checkbox样式

摘要: input[type=checkbox] { width:0.34rem; height:0.34rem; text-align: center; } input[type=checkbox]:after { width: 100%; height: 100%; content:""; backgr 阅读全文

posted @ 2020-01-07 16:29 |小乌龟| 阅读(428) 评论(0) 推荐(0)

vue中使用swiper插件

摘要: 一、轮播图中由于默认自动复制增加了一张图,所有在做轮播图的点击事件时不能简单的用官方文档,应使用computed方法来定义。 <swiper class="home_swiper" ref="mySwiper" :options="swiperOption_" v-if="pictures.leng 阅读全文

posted @ 2020-01-07 11:46 |小乌龟| 阅读(819) 评论(0) 推荐(0)

导航