Cting1997的博客

富文本编辑组件封装，tinymce、tinymce-vue

vue 组件拖拽和缩放，支持在容器为transform:scale和zoom情况下的正常显示

前端局部导出PDF(非图片，可编辑)功能，iframe无感预览，部署在qiankun主应用里也适用√1、使用windows.print()2、待导出部分放在隐藏的iframe里面，达到无感预览的交互体验3、需要考虑部署在qiankun主应用中样式丢失的问题有【导出pdf】按钮的页面<template> <div> <iframe id="frame" :src="getPath" ref="iframe"

一个无聊的开屏广告页。收获一点点，大概了解下vue里封装的transtion怎么用。完整代码<template> <transition name="slide-right"> <div v-if="showAdv" class="adv"> <div class="adv-btn" @click="closeTimer"> JUMP&nbsp;{{ countDown }} </div

菜单栏的动效实现，仿美团app效果。用的是gsap明天的目标：学做Animated svg动效长这样↓↓↓注意点是白色的外圈会比黄色的图标部分移动的更高一点。完整代码如下<template> <div class="circle-box"> <div ref="circleBorder" class="circle-border" /> <div class="circle-conver" /> <div.

效果图：代码：<template> <div class="card" :class="isOpen?type:'off'"> <el-row style="position:relative"> <i :class="icon" style="font-size: 40px;font-weight: 100" /> <div style="position: absolute;top: 0;right: 0;p

【自用，有空补充】效果图：

导航菜单的增删改查页面中，原本是只保存子节点，展示的时候tree树形组件会自动选中子节点的父节点，如下图（仅）保存tree树形组件勾选节点时使用的代码是this.$refs.tree.getCheckedKeys()该方法在element官方API中的描述如下：————————————————————————————————————展示tree树形控件勾选节点也就是子节点（及其父...

放在大屏里面的数字滚动特效的简单实现，思路参考：https://blog.youkuaiyun.com/nidunlove/article/details/78257549结合业务需求和自己的思考拿vue写了一遍，有些地方实现逻辑不一样，代码也简洁很多效果图：附上代码：<template> <div class="box" :key="key"> <div...

element官方文档上数字类型验证有小Bug-2018.12.05http://element-cn.eleme.io/#/zh-CN/component/form自己的解决方案：&amp;amp;amp;amp;amp;amp;lt;el-form-item label=&amp;amp;amp;amp;amp;quot;整数A&amp;amp;amp;amp;amp;quot; prop=&amp;amp;amp;amp;amp;quot;intA&am

自己的treeDemo:&amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&amp;amp;quot;treeDemo&amp;amp;quot; style=&amp;amp;quot;height: 300px&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;el-scrollbar styl

vue2.0+Element-ui学习2018.11.29关键词：el-table，el-tag1、el-table中根据某一字段的value显示不同类型的el-tag（适合只有两个value的字段）【三元表达式】&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;el-table-column prop=&amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;colorName&amp;amp;amp;amp;