![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
VUE
·半傻半呆半疯癫
桃花坞里桃花庵,桃花庵里桃花仙;
桃花仙人种桃树,又摘桃花换酒钱。
酒醒只在花前坐,酒醉还来花下眠;
半醒半醉日复日,花落花开年复年。
希望老死花酒间,不肯鞠躬车马前;
车尘马足贵者趣,酒盏花枝贫者缘。
若将富贵比贫贱,一在仄地一在天;
若将贫贵比车马,他得奔走我得闲。
他人笑我太疯癫,我笑他人看不穿;
不见五陵好汉墓,无花无酒锄做田。
展开
-
vant 修改 Field 输入框 placeholder 样式
/deep/ 关键点是这个/deep/ input { ::placeholder { color: var(--mcFontColor2) !important; } ::-webkit-input-placeholder { color: var(--mcFontColor2) !important; } ::-moz原创 2021-12-20 16:36:46 · 2966 阅读 · 0 评论 -
H5 判断横竖屏
Ctrl C 、 Ctrl V => OK我这边是直接在App.vue文件中做的。 <!-- 选择禁止横屏或竖屏显示--> <div id="orientLayer" class="mod-orient-layer" v-if="!data.portrait"> <div class="mod-orient-layer__content"> <i class="icon原创 2021-09-30 22:46:17 · 584 阅读 · 0 评论 -
前端JS实现彩票遗漏条效果
彩票遗漏条效果思路在创建列表的时候,将中的那个号码"标记",我用了自定义属性(status=true:代表中的,如上图),这里看起来是横着来,但其实循环每一行后,控制每行的 第几个 就实现了循环每一列的效果。具体代码如下:// 计算遗漏条export const missingArticle = function (eleDots: any, index: number) { for (let i = 0; i <= eleDots.length; i++) {原创 2021-09-07 16:01:21 · 415 阅读 · 0 评论 -
前端 JS实现彩票开奖走势图 连线
之前做过一个用canvas实现的走势图效果,这次直接用JS实现吧。(在vue3 + TS的项目中实现的)一、渲染页面的时候把需要连线的点加上“标记”类名二、找出所有的“标记”类名这里要注意,DOM节点没渲染完成是会拿到空的 let eleDots = document.querySelectorAll(".lableNum");三、创建连线(画线方法)这里要注意,创建出来的 i 标签的样式不要写在带有 scoped 的style里原创 2021-08-05 10:56:58 · 3822 阅读 · 7 评论 -
vue中的动态类名及动态样式设置 :class / :style
以下是个人在项目中使用过的关于在Vue中的动态类名和动态样式的设置方法的整理记录,如果有更好的方法也欢迎留言添加原创 2021-03-12 19:11:03 · 11184 阅读 · 3 评论 -
vue项目中使用 lottie-web 实现tab栏点击动效
产品新需求 — tab栏点击的时候添加动态效果,UI设计师给了几个json文件,说,app 那边可以用json做动画,你们H5能不能,然后给我发了个网址,网上查了下,要用LottieLottie介绍Lottie是一个用于Android,iOS,Web和Windows的库,用于解析使用Bodymovin导出为json的Adobe After Effects动画,并在移动设备和网络上呈现它们!一、安装 Lottienpm install lottie-web二、引入import lottie原创 2021-01-16 14:34:14 · 823 阅读 · 5 评论 -
VUE中使用RSA加密
一、安装npm install jsencrypt --save二、在main.js中引用依赖// 导入RSA加密import JSEncrypt from 'jsencrypt';Vue.prototype.$getRsaCode = function(str) { // 注册方法 let pubKey = `M---引入公钥`; // ES6 模板字符串 引用 rsa 公钥 let encryptStr = new JSEncrypt(); encryptS原创 2020-12-16 16:07:23 · 398 阅读 · 0 评论 -
前端 彩票开奖走势图的实现
彩票开奖走势图的实现页面结构js 部分效果图做的是移动端的VUE + Vant。走势图每一条线都是一个canvas实现的页面结构部分参数我用“***”打个码,这里tbody动态创建,<table id="zstable"> <thead> <tr> <th原创 2020-09-27 13:35:27 · 3765 阅读 · 9 评论 -
vue+element-ui项目中 使用富文本编辑器
vue+element-ui项目中 使用富文本编辑器在项目中下载安装npm install vue-quill-editor --save在项目中引入(我这里是在main.js中全局引用了)// 引入富文本组件import QuillEditor from 'vue-quill-editor'// 引入富文本组件样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/原创 2020-09-16 15:01:12 · 5225 阅读 · 10 评论 -
Vue中获取v-if、v-show div高度
Vue中获取v-if、v-show div高度在页面渲染完成后获取v-if出来的元素高度时发现一直打印出来的结果都时 0,后面查了好多资料,发现了this.$nextTick() 函数,但还是获取不到,后面我设置了一点点的延迟后发现获取到了 o( ̄▽ ̄)ブ...原创 2020-07-14 15:00:03 · 2650 阅读 · 1 评论