.icon-zuojiantou-up:before { content: “\e605”; } 换成div.uni-page-head-hd的样式
时间: 2024-09-28 21:11:34 浏览: 40
go-build-info:简单的构建信息模块
在 Vue 中,如果你想使用 Element UI 的uni-page-head-hd组件中的上箭头图标,而不是手动编写 CSS 内容,可以按照组件提供的类名来引用预设的图标。Element UI 使用了自定义的CSS变量和命名空间来管理图标。例如,对于上箭头,你可以在 CSS 中这样做:
```css
@import '~element-ui/packages/icon/font族.css'; /* 引入Element UI 图标字体 */
.uni-page-head-hd .el-icon-chevron-up {
font-family: 'element-icons';
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\e605";
}
```
然后在 Vue 组件的 template 里应用这个类:
```html
<div class="uni-page-head-hd">
<i class="el-icon-chevron-up"></i>
</div>
```
这样,上箭头就会显示出来。
阅读全文