请教 uni-app 引用 css 库, 编译到微信小程序端无效的问题

2021-02-02 04:45:59 +08:00
 viiii

uni-app 中使用了 animate.css 动画库, 在 H5 端一切正常, 在微信小程序中无效, 请教一下应该怎么处理?

已经在 App.vue 文件中将引入的路径改为绝对路径, 如下所示:

/*每个页面公共 css */ 
@import '/common/animate.css';

添加动画效果的按钮:

<button type="default" class="btn animateanimated animatepulse animate__infinite" @click="btn_click" >{{btn_text}}

1418 次点击
所在节点    微信
8 条回复
noe132
2021-02-02 08:01:41 +08:00
小程序不是 web,可能有些 css 并不支持
tanranran
2021-02-02 09:41:40 +08:00
你路径引用错了
tanranran
2021-02-02 09:41:59 +08:00
可以在小程序开发者工具中看下样式到底有没有生效
Jaosn
2021-02-02 10:34:12 +08:00
有些不支持的
viiii
2021-02-02 14:19:40 +08:00
@tanranran 正确路径应该是怎么写呢? 试过相对路径和绝对路径, 都不起作用. 直接添加外部引用也试过, 照样没效果
```javascript
@import 'css/animate.min.css';
@import './animate.min.css';
@import 'https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css';
```
viiii
2021-02-02 14:20:31 +08:00
@tanranran 在开发工具中可以看到样式, 但是有删除线, 没有生效
viiii
2021-02-02 14:21:12 +08:00
@Jaosn 看 uni 文档, 只写着 echart 库不支持
viiii
2021-02-02 14:22:58 +08:00
@noe132 animate.css 这个库, 根据搜索的情况看, 微信小程序应该是支持的. 只是用 uni-app 来做, 不知道哪个环节出了问题, 就是在 小程序 里不起效果

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/750478

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX