更新记录

1.0.2（2024-02-19）

• 更新文档

1.0.1（2024-02-19）

• 文档优化

1.0.0（2024-02-19）

• dep-icons 字体图标

平台兼容性

字体图标

• 组件名 dep-icons
• 代码助手 <dep-ic
• 语雀文档
• 下载演示应用

快速使用

<template>
  <!-- 基础使用 -->
  <dep-icons type="close" color="cyan" :size="24"></dep-icons>
  <!-- 描边风格 自由控制图标和描边的颜色和大小比列 填充风格同理 -->
  <dep-icons type="close" color="cyan" :size="16" :draw-color="cyan" :draw-size="24" draw-type="outline"></dep-icons>
  <!-- 使用项目中自己的字体图标（比如名称为iconfont） -->
  <dep-icons :type="unicode" font-family="iconfont"></dep-icons>
</template>

<script lang="scss">
export default {
    data() {
        return {
            unicode: '\ue8d6',
        }
    },
}
</script>

<style lang="scss">
/* 在APP.uvue或页面的css中引入（uni.loadFontface方式请查阅官方文档） */
@font-face {
    font-family: iconfont;
    src: url('/static/iconfont.ttf');
}
</style>

属性

drawType

变量

• 详见语雀文档

语雀文档