vue项目开发时,需要前端对密码框做处理,可以通过点击图标实现密码的查看以及隐藏。图标是使用的是iconfont
组件使用
<passwordInput :password.sync="password"></passwordInput>...
yekong
2年前 (2022-08-14) 854℃
0喜欢
演示效果
需求
vue数据大屏开发时,需要一个功能,tab可以自动切换,因为显示区域比较小,高亮项要居中显示,便于查看高亮项。
实现
使用到了better-scroll,可以使用鼠标横向自由拖动。
自动居中切换参考修改自:vue 横向滚动条 实现点击 元素滚动可视区域居中 效...
yekong
2年前 (2022-08-14) 1200℃
5喜欢
vue tab 下划线 同步组件模板
演示地址
使用
/**
* @Author: 858834013@qq.com
* @Name: ywsjgl
* @Date: 2022-06-14
* @Desc: 业务数据概览
*/
<template>
<d...
yekong
2年前 (2022-08-14) 984℃
2喜欢
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
2年前 (2022-08-13) 1246℃
14喜欢
vue项目开发时,总是会想给页面增加一些效果,比如点击后,触发一些动画,常见的比如收藏按钮。点击后,想让按钮有个动画效果。
点击效果
组件使用
<template>
<div class="lottie">
<lo...
yekong
2年前 (2022-08-13) 759℃
2喜欢
组件代码
<template>
<div class="numcardInner">
<span :class="className" v-if="show">{{ num...
yekong
2年前 (2022-08-08) 888℃
4喜欢
Vue开发时,写过多次的效果,就当做模板代码记录下来,留待后用,避免重复工作。
<template>
<div class="tableCom">
<div class="tableHead"&g...
yekong
2年前 (2022-07-26) 1778℃
0喜欢
在做大屏项目供水综合信息管理平台为了让大屏项目看起来更酷炫,根据设计图加入了一些自己觉得还可以的动画效果。
演示动画
实现代码
/**
* @Author: 858834013@qq.com
* @Name: top
* @Date: 2022-07-25
* @Desc:
*...
yekong
2年前 (2022-07-25) 1455℃
4喜欢
vue在做大屏项目开发时,需要添加一些动画元素,于是就研究如何做才能让页面的细节动画更生动。序列帧动画是其中的一个小思路。
组件代码
/**
* @Author: 858834013@qq.com
* @Name: stage
* @Date: 2022-07-25
* @De...
yekong
2年前 (2022-07-25) 1318℃
1喜欢
vue在做大屏项目开发时,需要添加一些动画元素,于是就研究如何做才能让页面的细节动画更生动。旋转动画是其中的一个小思路。
使用代码
<rotate>
<img class="yali" src="../assets/page/ic...
yekong
2年前 (2022-07-25) 1243℃
0喜欢