uniapp引入css样式

在uniapp中引入css样式可以通过在App.vue文件中的style标签中使用@import语句来引入所需的样式库。具体步骤如下：

1. 打开App.vue文件。
2. 在style标签中使用@import语句引入需要的样式库。
例如：

   <style>
    /* 引入hello模板公共样式库 */
    @import './common/uni.css';
    /* 引入animate动画库 */
    @import './common/animate.css';
    /* 引入图标 */
    @import './common/icon.css';
   </style>

3. 保存文件并重新编译运行uniapp项目。

注意事项：如果引用的是hello模板里面的uni.css样式库，则还需要将static文件夹下的后缀名为.ttf的文件放置到static文件夹中，否则启动项目会报错。原因是uni.css中引入了uni.ttf，需要在static文件夹中创建相应的文件夹并放置文件。

如果需要使用图标或动画，可以解压压缩包中的html文件，打开该文件并查看所需图标或动画的类名，然后复制该类名到项目标签中即可使用。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [uniapp如何引入官方的css样式库](https://blog.csdn.net/weixin_43279985/article/details/104496307)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]