明天的明天 永远的永远 未知的一切 我与你一起承担 ??

是非成败转头空 青山依旧在 几度夕阳红 。。。
  博客园  :: 首页  :: 管理

随笔分类 -  Tailwind CSS

NProgress 给 Vue 路由切换加个 “假” 进度条提升用户体验

摘要：虽然进度条是假的，但提升用户体验是真的！！ 毕竟如果网页长时间白屏，用户可能会咔嚓一下就关了浏览器，但如果有个进度条在跑，至少说明网页有小动作在进行中… 有研究表明，网页白屏超过 3 秒就可能导致用户流失。 NProgress 超级简单，核心方法就三四个，但人家实用性高啊，周下载量百万以上，足以说明 阅读全文

posted @ 2025-11-10 15:38 且行且思 阅读(46) 评论(0) 推荐(0)

只会 !important 改 UI？ Vue 深度选择器解法

摘要：一文吃透 Vue2 / Vue3 的 ::v-deep、/deep/、>>>、:deep() 区别，结合 Element Plus 实战演示，顺便告诉你“为什么劝你别滥用”。 1. 为什么需要“深度选择器”？ 在 .vue 文件里，只要给 <style> 加上 scoped 属性，Vue 就会自动为 阅读全文

posted @ 2025-11-06 11:58 且行且思 阅读(18) 评论(0) 推荐(0)

14种纯css3对话气泡样式代码

摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>14种纯css3对话气泡样式代码</title> <link rel="stylesheet" href="default.css" /> </head> 阅读全文

posted @ 2025-09-26 16:02 且行且思 阅读(35) 评论(0) 推荐(0)

标签 + 箭头 的伸缩 CSS

摘要：<div class="css-krocx8 e10rboum0"><span class="css-1mzq4wf e10rboum1">了解更多</span><svg width="18" height="12" viewBox="0 0 18 12" align="Left" animatio 阅读全文

posted @ 2025-03-25 09:23 且行且思 阅读(23) 评论(0) 推荐(0)

CSS中的各种居中

摘要：在CSS布局时经常会需要实现水平居中，垂直居中，水平垂直居中这样的要求但是却又不是非常的在意，所以总结一下。 文本水平居中 1.使用text-align属性：将容器的text-align属性设置为"center"，可以使文本在容器中水平居中。 <style> .container { width: 阅读全文

posted @ 2023-12-26 09:29 且行且思 阅读(71) 评论(0) 推荐(0)