VUE 导航激活状态
激活状态(选中样式)默认情况下,vue-router会用 当前路径 匹配 导航路径 :(当前路径:)(导航路径:)如果当前路径是以导航路径开头,则算作匹配,会为导航的a元素添加类名router-link-active如果当前路径完全等于导航路径,则算作精确匹配,会为导航的a元素添加类名router-link-exact-active明白原理后,对选中样式问题进行处理样式问题可以为组件RouterLink添加bool属性exact,将匹配规则改为:必须要精确匹配才能添加匹配类
vue 使用css module
css module的一个作用,解决类名冲突但是解决这个问题一般不用这个,用scoped解决类名冲突使用css module需要将样式文件命名为xxx.module.oooxxx为文件名ooo为样式文件后缀名,可以是css、less
javascript实现弹窗
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>弹窗&
vscode 四行写个服务器
var express = require("express")var app = new express()app.use(express.static("./page"))//开启服务器后,默认访问page目录下的index.html文件app.listen(12306) //端口要大于8000或等于80//vsode中运行此服务器 node server.js//npm imit//npm install express --save...
h5 deviceorientation重力感应
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
javascript实现上下滑窗
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>上下.
阿里巴巴矢量图标如何修改颜色,以及原理
1.引入图标,初始展示的颜色效果2.通过样式,修改颜色3.背后原理实验验证结论:伪元素选择器内容颜色,根据其父级选择器的颜色设置,若父级选择器没有设置颜色,则继承父级默认颜色...
周排行