uni-app css中加if

在UniApp中，CSS条件加载（`#ifdef` 和 `#ifndef`) 是用来实现组件或样式在特定环境下的有/无条件展示。你提到的`@import`语句和`font-face`规则使用了这种条件编译。

1. 在`app.vue`中，通过`@import`引入了两个CSS文件：`admin_graceUI.css`和`admin_black.css`。如果使用的是APP-PLUS-NVUE环境，你还在`<style>`标签内添加了一个条件，只在该环境下加载`.gui-icons`类的图标字体，指定为`graceIconfont`家族。

<!-- ... -->
<style>
/* 如果是APP-PLUS-NVUE */
#ifdef APP-PLUS-NVUE
    .gui-icons {
        font-family: graceIconfont;
    }
#endif

/* 其他配置... */
</style>
<!-- ... -->

2. 对于自定义扩展图标，`admin_iconfont.ttf`字体文件仅在非MP-Baidu环境中加载，并且创建了一个名为`.admin-icons`的类，其字体家族设置为`admin-iconfont`。这使得你可以根据不同的环境选择性地应用自定义图标。

/* 如果不是MP-Baidu环境 */
#ifndef MP-BAIDU
@font-face {
    /* ... */
}

.admin-icons {
    font-family: "admin-iconfont";
}
#endif

这样做的好处在于，如果你将来需要更改字体或在某些环境下禁用这些图标，只需修改对应的条件判断即可，而不会影响其他部分的代码。