帖子
帖子
用户
博客
课程
123下一页
返回列表 发新帖
显示全部楼层
41
帖子
1
勋章
238
Y币

[多端开发] avm无法加载字体图标

[复制链接]
发表于 2021-3-27 11:13:46
stml页面 中加载阿里图标库 字体无法显示  avm框架不能使用字体图标吗?
380
帖子
4
勋章
6
Y币
可以
@font-face
41
帖子
1
勋章
238
Y币

真机预览中没有图标显示
41
帖子
1
勋章
238
Y币
<template>
    <view class="avatar-box">
        <view class="avatar-wrap">
            <text class="icon-face"></text>
            <text style="color:#fff">录入人脸</text>
        </view>
    </view>
</template>
<script>
export default {

}
</script>
<style>
.avatar-box {
    height: 190px;
    background-color: #fff;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.avatar-wrap {
    height: 135px;
    width: 135px;
    background-color: #2881ff;
    border-radius: 50%;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@font-face {
    font-family: "icon";
    src: url(../css/hc_icons/iconfont.ttf);
}
.icon-face{
    font-family: 'icon';
}
.icon-face::before{
    content: "\e624";
}
</style>


380
帖子
4
勋章
6
Y币
提交代码,云编译测试看看
41
帖子
1
勋章
238
Y币
无论是重新自定义load,还是云编译,图标都不显示
微信图片_20210329145344.jpg
微信图片_20210329145339.jpg
微信图片_20210329145328.jpg
380
帖子
4
勋章
6
Y币
kx1981 发表于 2021-3-29 14:56
无论是重新自定义load,还是云编译,图标都不显示

加上font-style:italic;  再看看
41
帖子
1
勋章
238
Y币
今天重新打自定义LOADER Android的有了 但是IOS还是没有图标
微信图片_20210330112852.jpg
28
帖子
1
勋章
1万+
Y币
kx1981 发表于 2021-3-27 15:19
录入人脸
        
   

不支持 before 这些伪类样式,直接将 Unicode 码作为 text 标签的值即可,和显示普通文本一样。
41
帖子
1
勋章
238
Y币
采用unicode方式 实时预览都有显示 ,但是真机环境IOS和Android都没有

at3预览

at3预览

代码

代码

真机

真机
123下一页
您需要登录后才可以回帖 登录

本版积分规则