zoukankan      html  css  js  c++  java
  • react 类样式的一些使用方法

    在 css类不想使用穿透的状态,可以再webpack配置 

     modules:true,它位于css-loader下,此外调用css的类时可能会自动生成一个hash值,这时候如果想显示本来的名字,可以打上
     
     localIdentName: '[local]-[hash:5]',他同样位于css-loader下, 其中hash:5是取哈希值的前五位,防止类名有重复的可能
     
    一般习惯上都是引入的第三方CSS为.css文件结尾,因为有时第三方的插件需要全局引用的,但是css启用了modules为true的模块化,所以冲突了,所以自己写的CSS一般都是.sass或者.less
    文件,所以项目中可以使用:
    import cssObj from '../css/test1.scss'; 
    调用时可以这样写:
     <h1 className={[cssObj.title,cssObj["cur-act"]].join(' ')}>
                    hello word
     </h1>
    其中cur-act这样的带短横线的类是需要中括号的方式调用,如果是第三方的css如bootstrap可以这么写:
    import 'bootstrap/dist/css/bootstrap.css'
    <button className="btn btn-primary">按钮</button>
    正常写法就好,不过要注意className,不是写class
  • 相关阅读:
    git 教程
    darknet_ros 踩坑与解决办法
    相机与手臂的校准
    相机的内参外参标定
    VNC windous->linux
    12306 官网硬卧下铺的选择
    /usr/bin/ld: cannot find -lopencv_dep_cudart
    在Windows上安装GPU版Tensorflow
    机器学习基础
    [设计模式]行为型设计模式
  • 原文地址:https://www.cnblogs.com/llcdbk/p/11946954.html
Copyright © 2011-2022 走看看