V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
viiii
V2EX  ›  微信

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

  •  
  •   viiii · 2021-02-02 04:45:59 +08:00 · 1449 次点击
    这是一个创建于 1391 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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}}
    
    
    8 条回复    2021-02-02 14:22:58 +08:00
    noe132
        1
    noe132  
       2021-02-02 08:01:41 +08:00
    小程序不是 web,可能有些 css 并不支持
    tanranran
        2
    tanranran  
       2021-02-02 09:41:40 +08:00
    你路径引用错了
    tanranran
        3
    tanranran  
       2021-02-02 09:41:59 +08:00
    可以在小程序开发者工具中看下样式到底有没有生效
    Jaosn
        4
    Jaosn  
       2021-02-02 10:34:12 +08:00
    有些不支持的
    viiii
        5
    viiii  
    OP
       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
        6
    viiii  
    OP
       2021-02-02 14:20:31 +08:00
    @tanranran 在开发工具中可以看到样式, 但是有删除线, 没有生效
    viiii
        7
    viiii  
    OP
       2021-02-02 14:21:12 +08:00
    @Jaosn 看 uni 文档, 只写着 echart 库不支持
    viiii
        8
    viiii  
    OP
       2021-02-02 14:22:58 +08:00
    @noe132 animate.css 这个库, 根据搜索的情况看, 微信小程序应该是支持的. 只是用 uni-app 来做, 不知道哪个环节出了问题, 就是在 小程序 里不起效果
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   919 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 72ms · UTC 22:30 · PVG 06:30 · LAX 14:30 · JFK 17:30
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.