【Python百日进阶-Web开发-Vue3】Day542 - Vue3 商城后台 02：Windi CSS 与 Vue Router4

文章目录

• 一、WindiCSS 初始
• • 1.1 WindiCSS 是什么？
  • 1.2 为什么选择 Windi CSS？
  • 1.3. 基础用法
  • 1.4 集成
• 二、简单按钮
• • 2.1 设置背景色
  • 2.2 设置字体颜色和上下左右padding
  • 2.3 设置圆角
  • 2.4 鼠标悬浮，颜色加深
  • 2.5 鼠标划入动画
  • 2.6 设置阴影
  • 2.7 @apply 抽离class代码到 style 块中
• 三、Vue Router
• • 3.1 Vue Router4 安装
  • 3.2 创建router/index.js 文件
  • 3.3 main.js中使用路由