.icon-zuojiantou-up:before { content: “\e605”; } 换成uniapp原生的左箭头
时间: 2024-09-27 09:14:51 浏览: 40
go-build-info:简单的构建信息模块
在 UniApp 中,如果你想表示左箭头,可以使用 Uni-app 的内置图标组件 `el-icon-arrow-left` 或者自定义矢量字体图标库(如 '@vant/icons')。这里是一个例子:
```html
<view class="icon">
<uni-icons type="arrow-left" size="24"> <!-- 使用uni-icons组件 -->
</view>
```
或者如果你使用的是 Vant UI 的图标库,可以这样写:
```html
<view class="icon">
<van-icon name="arrow-left" size="24"> <!-- 使用vant-icon组件 -->
</view>
```
在这个 CSS 代码片段中,`.icon-zuojiantou-up:before` 更换为 UniApp 组件后的样式可能是:
```css
.icon-left {
display: inline-block;
font-family: 'uni-icons'; /* 如果未全局引入,需添加此行 */
content: '\e605';
/* 或者 UniApp 元素对应的值 */
}
```
阅读全文