@import "./static/tabbar_icon/icon_sel_audit@2x.png";static图片怎么引入

在CSS中引入static目录下的图片，也可以使用相对路径或者绝对路径。在CSS文件中，相对路径是相对于该CSS文件所在的路径来解析的。

假设你的CSS文件在src/assets/css目录下，而static目录在src/static目录下，那么可以这样引入static目录下的图片：

background-image: url(../static/tabbar_icon/icon_sel_audit@2x.png);

这里的`..`表示返回上一级目录，然后进入static目录，找到对应的图片。

如果要使用绝对路径引入static目录下的图片，可以使用别名`@`来表示项目根目录。例如：

background-image: url('@/static/tabbar_icon/icon_sel_audit@2x.png');

这里的`@`表示项目根目录，然后进入static目录，找到对应的图片。需要注意的是，如果使用别名引入静态资源，需要在webpack配置中进行相应的配置。

相关问题

app.vue @import "./static/tabbar_icon/icon_sel_audit@2x.png";图片怎么引入

在Vue组件的样式中引入static目录下的图片，同样可以使用相对路径或者绝对路径。

如果你的组件样式是写在`<style>`标签中的，那么可以这样引入static目录下的图片：

<template>
  <div class="my-component"></div>
</template>

<style>
.my-component {
  background-image: url(../static/tabbar_icon/icon_sel_audit@2x.png);
}
</style>

这里的`..`表示返回上一级目录，然后进入static目录，找到对应的图片。

如果要使用别名引入static目录下的图片，可以这样写：

<template>
  <div class="my-component"></div>
</template>

<style>
.my-component {
  background-image: url('@/static/tabbar_icon/icon_sel_audit@2x.png');
}
</style>

需要注意的是，如果使用别名引入静态资源，需要在webpack配置中进行相应的配置。另外，如果你的组件样式是写在单独的`.css`文件中的，那么引入图片的方式和在普通的CSS文件中一样。

import badgeMix from '@/mixins/tabbar-badge.js'

这是一个在 Vue.js 项目中引入 Mixin 的代码。Mixin 是 Vue.js 中的一种组件复用方式，可以将一些公共的逻辑和方法抽离出来，再通过 mixin 引入到需要使用的组件中，从而实现代码的复用和优化。

在上述代码中，import 语句用于引入了一个名为 badgeMix 的 Mixin，该 Mixin 存储在项目根目录下的 mixins/tabbar-badge.js 文件中。可以通过在需要使用该 Mixin 的组件中添加 mixins: [badgeMix] 来引入该 Mixin，并使用其中定义的方法和逻辑。