Back to Joyagent Jdgenie

RelayIcon

ui/src/assets/relayFonts/RelayIcon.html

1.0.06.1 KB
Original Source
  •  审批

  •  调试

  •  搜索渠道

  •  切换

  •  插件

  •  任务

  •  上箭头

  •  还原

  •  模型商店

  •  更多

  •  模型精调(填充)

  •  对话(选中)

  •  对话

  •  数据源(填充)

  •  bot商店

  •  智能体

  •  模型工坊(选中)

  •  用户

  •  评测数据

  •  保存

  •  渠道搜索

  •  工作流

  •  视频(填充)

  •  附件

  •  条形

  •  右

  •  异常不处理

  •  收起侧栏

  •  评测数据(选中)

  •  暂停(填充蓝)

  •  日志

  •  时间

  •  喜欢

  •  收藏(填充)

  •  清除

  •  语音

  •  播放

  •  评估器

  •  发送

  •  不点赞(填充)

  •  设置

  •  我的空间(填充)

  •  更多技能

  •  排序

  •  查看示例

  •  收藏

  •  MCP

  •  PPT

  •  渠道搜索(填充)

  •  展开 (上下)

  •  任务中心(填充)

  •  提醒

  •  日志(填充)

  •  咚咚

  •  收起 (上下)

  •  文档上折角

  •  实验(选中)

  •  数据库(填充)

  •  使用量

  •  点赞(填充)

  •  向上添加

  •  向下添加

  •  钥匙

  •  算法库(选中)

  •  对勾

  •  解锁

  •  智能体(填充)

  •  A2A服务(填充)

  •  未解锁

  •  未完成

  •  不赞成

  •  我的空间

  •  返回上一步

  •  举例

  •  genie

  •  评测集(选中)

  •  展开

  •  展开侧栏

  •  更多hover

  •  重命名

  •  扇形

  •  联网搜索

  •  官方

  •  全部模型

  •  删除

  •  变量

  •  卡片(填充)

  •  折线

  •  重命名

  •  深度思考

  •  数据源

  •  MCP(填充)

  •  Ai chat(选中)

  •  清除

  •  插件(填充)

  •  算法库

  •  表格

  •  筛选

  •  关闭

  •  新建正圆

  •  图片

  •  文档

  •  收起

  •  分享

  •  图片(填充)

  •  日期

  •  文件

  •  发送(填充)

  •  知识库(填充)

  •  模型体验(选中)

  •  A2A服务

  •  模型工坊

  •  数据库

  •  个人空间

  •  任务中心

  •  团队空间

  •  模型精调

  •  前往箭头

  •  评测

  •  代码

  •  引用

  •  商店

  •  更多-1

  •  上传

  •  链接

  •  消息

  •  下载

  •  编辑

  •  异常

  •  卡片

  •  柱状

  •  点赞

  •  指标

  •  维度

  •  已完成

  •  视频

  •  工作流(填充)

  •  警示

  •  商店(填充)

  •  智能填充

  •  评测集

  •  暂停

  •  下箭头

  •  复制

  •  添加

  •  首页

  •  已完成(填充)

  •  暂停(填充)

  •  跳转

  •  请求开放

  •  新建对话

  •  加

  •  精调数据(填充)

  •  左

  •  睁眼

  •  数据看板

  •  刷新

  •  Ai chat

  •  电脑



  •  搜索

  •  模型体验

  •  知识库

  •  bot商店(填充)

  •  拖拽排序



  •  闭眼

  •  实验

  •  减

  •  语音(填充)

  •  评测(选中)

  •  genie(填充)

  •  模型商店(填充)

  •  评估器(选中)

  •  喜欢(填充)

  •  精调数据

  •  疑问

Unicode 引用


Unicode 是字体在网页端最原始的应用方式,特点是:

  • 兼容性最好,支持 IE6+,及所有现代浏览器。
  • 支持按字体的方式去动态调整图标大小,颜色等等。
  • 但是因为是字体,所以不支持多色。只能使用平台里单色的图标,就算项目里有多色图标也会自动去色。

注意:新版 RelayIcon 支持多色图标,这些多色图标在 Unicode 模式下将不能使用,如果有需求建议使用 symbol 的引用方式

Unicode 使用步骤如下:

第一步:拷贝项目下面生成的 @font-face

@font-face {
    font-family: 'font_family';
    src: url('relayicon.eot');
    src: url('relayicon.eot?#iefix') format('embedded-opentype'),
        url('relayicon.woff2') format('woff2'),
        url('relayicon.woff') format('woff'),
        url('relayicon.ttf') format('truetype'),
        url('relayicon.svg#font_family') format('svg');
  }

第二步:定义使用 relayicon 的样式

.font_family {
    font-family: "font_family" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

第三步:挑选相应图标并获取字体编码,应用于页面

<span class="font_family">&#x33;</span>

"font_family" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "relayicon"。