纷享销客开发者手册 纷享销客开发者手册
  • APL开发手册
  • PWC开发手册
  • OpenAPI 文档
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 自定义组件(PC端)
  • 自定义组件(小程序)
  • 自定义插件(PC端)
  • 自定义插件(小程序)
  • 第三方集成插件(H5)
  • API(PC端)
  • API(小程序)
  • Fx DevTools
更新日志
  • 简体中文
  • English
  • 入门

    • 什么是自定义组件
    • 开发第一个自定义组件
    • 使用场景
    • 多文件的自定义组件
    • 自定义组件使用静态资源
      • 使用方法:
    • FxUI使用
  • 组件

  • 示例

  • 常见问题

目录

自定义组件使用静态资源

# 自定义组件使用静态资源

自定义组件允许使用以下静态文件:

  • png
  • jpg
  • jpeg
  • svg

# 使用方法:

代码中需要使用 $publicPath$ + 图片名称 拼图片的路径,示例如下:

<template>
    <div style="width: 100%;">
        <div ref="wrap" style="height: 300px;">{{dImgUrl}}</div>
        <img :src="dImgUrl">
    </div>
</template>
<script>
export default {
    data() {
        return {
            dImgUrl: `${$publicPath$}demo.png`
        }
    }
}
</script>

注意:样式中无法使用图片

# 后台管理页上传图片:

first-component-step1-1

多文件的自定义组件
FxUI使用

← 多文件的自定义组件 FxUI使用→

  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式