- 博客(3)
- 收藏
- 关注
原创 手把手带你 VUE自定义指令(简单)
在 Vue 中,自定义指令通常是一个对象,包含钩子函数来定义指令的行为。// 绑定时触发// 初始化操作,el是指令绑定的元素,binding是指令的相关信息},// 更新时触发// 当绑定的元素或指令的值发生变化时调用},// 卸载时触发// 清理工作},});// 默认黄色},// 更新颜色},});bind: 指令绑定到元素时调用,适合做初始化操作。update: 绑定元素或指令值发生变化时调用。
2024-11-12 16:05:02
1098
原创 VUE实现切换全屏模式(极简单插件)
这个插件方法极小,非常的轻量化,使用起来也很简单,当然他的功能也是很简单的,如果大家的业务有用到其他快捷方法或功能插件,也可以分享出来一起学习一起进步。2.2 设置 css 属性":fullscreen",当元素全屏后如果出现"黑色"间隙闪烁(也可能其他颜色),我们你可以通过第二个参数可设置成指定颜色。4. 我们使用比较多的还是 toggleFull(切换全屏/退出),只需一个方法两种状态切换。3. 退出全屏,在执行完beFull全屏方法后,对应的 exitFull方法可以退出全屏。
2024-11-08 13:50:11
1069
原创 前端引入使用外部字体(.ttf)
最近在做大屏的相关项目开发,在开发过程中我们总会遇到一些比较"标新立异"的字体样式,或者是有需求要改一些内容的字体,摆脱默认千篇一律的字体样式 让人耳目一新。4. 在 CSS 文件中定义字体:在你的 CSS 文件或 Vue 组件的 标签中,使用 @font-face 规则来定义字体。3. 我们要做的就是把需要的字体按需放到我们的项目文件夹内,我这里是vue,我暂且放在src/assets/fonts文件夹里(你可以创建这个文件夹)。
2024-11-05 18:20:31
1393
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人