账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    taro-ui组件不自带样式?必须要在全局引入?
    88
    0

    taro-ui比如 AtTag组件
    import { AtTag } from 'taro-ui'
    引入后,使用为什么没有样式,这个组件不自带样式吗?
    必须要在全局引入吗?

    1
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • Taro UI组件本身并不自带样式,而是依赖于Taro框架本身提供的CSS样式。如果你需要在全局引入CSS样式,你可以通过以下方式实现:

      1. 在你的项目根目录下创建一个名为styles.css的文件,然后在其中写入以下样式:

      ```css body { font-family: Arial, sans-serif; }

      h1, h2, h3, h4, h5, h6 { color: #333; margin: 0; padding: 0; }

      a { color: #007bff; text-decoration: none; }

      a:hover { color: #0056b3; } ```

      1. 在你的Taro组件中使用import语句引入这个CSS文件:

      ```jsx import { CSSProperties } from '@taro-ui/core';

      export default { extends: CSSProperties, style: ` body { font-family: Arial, sans-serif; }

      h1, h2, h3, h4, h5, h6 {
        color: #333;
        margin: 0;
        padding: 0;
      }
      
      a {
        color: #007bff;
        text-decoration: none;
      }
      
      a:hover {
        color: #0056b3;
      }
      

      `, }; ```

      这样,你就可以在全局引入Taro UI组件的样式了。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部