实战项目遇到的问题Day1

持续创作，加速成长！这是我参与「掘金日新计划 · 10 月更文挑战」的第14天，点击查看活动详情

CSS：cursor属性

cursor属性用来设置光标的类型，在鼠标悬浮在元素上时显示设置的样式

cursor的可选值

1. help 鼠标+有方向的箭头
2. wait 我们常见的加载
3. crosshair 翻译过来为 "十字准线"
4. not-allowed 意思为不允许/禁止
5. zoom-in/zoom-out 放大/缩小
6. grab 意思为抓，就是我们常见的事件点击鼠标悬浮的样子

Git删除本地分支

因为一直记不住一些git指令，导致在用的时候要一直搜索，所以就边学边记

Git 删除本地分支 git branch -d 分支名

在Vue中使用iconfont（Web+Vue）

1. 首先点开 iconfont 官网 www.iconfont.cn/

2. 找到我的项目，创建一个新项目，并选择好信息

   

   

3. 选择自己想要的图标，加入购物车

4. 点开购物车，将图标放置在项目下

5. 打开我的项目，选择下载

6. 解压缩包，除.html外，其余文件全部放置项目中

7. 在Vue中的main.js文件中引入刚刚解压缩的.css文件（这边使用的路径根据你放置的路径来）

8. 在页面中引用，这里使用font-class引用

<i class="iconfont xxx"></i>
// 这里使用是 i标签，你也可以使用 span、div标签
// xxx 指的是你项目中的font-class名

到这里，就完成了，官网还提供了web端的其他方法和移动端的方法，链接放在这www.iconfont.cn/help/detail…

样式：消除下划线

使用router-link会出现下划线，如何消除下划线

仔细看，会发现有一条很浅的紫色线。这一段的代码简单介绍就是一个被router-link包围的div

<router-link v-for="item in menuList" :key="item.id">
	<div>这里面放的子菜单，即XX管理</div>
</router-link>

解决方法一： 框架使用Vue，所以我在静态资源assets中放置了一个全局样式表global.css(我更推荐使用这个，在全局样式表里面写明，就不需要每个页面遇到一次就写一次)。写完之后，记得在main.js中导入。

// 全局样式表
html,
body,
#app {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

解决方法二： 在页面中写 a { text-decoration: none; } 。因为router-link标签本质上也是一个a标签