zoukankan      html  css  js  c++  java
  • uni-app中的样式

    uni-app中的样式

    • rpx 即响应式px,一种根据屏幕宽度自适应的动态单位。以750宽的屏幕为基准,750rpx恰好为屏幕宽度。屏幕变宽,rpx 实际显示效果会等比放大。

    • 使用@import语句可以导入外联样式表,@import后跟需要导入的外联样式表的相对路径,用;表示语句结束

    • 支持基本常用的选择器class、id、element等

    • uni-app 中不能使用 * 选择器。

    • page 相当于 body 节点

    • 定义在 App.vue 中的样式为全局样式,作用于每一个页面。在 pages 目录下 的 vue 文件中定义的样式为局部样式,只作用在对应的页面,并会覆盖 App.vue 中相同的选择器。

    • uni-app 支持使用字体图标,使用方式与普通 web 项目相同,需要注意以下几点:

      • 字体文件小于 40kb,uni-app 会自动将其转化为 base64 格式;

      • 字体文件大于等于 40kb, 需开发者自己转换,否则使用将不生效;

      • 字体文件的引用路径推荐使用以 ~@开头的绝对路径。

         @font-face {
             font-family: test1-icon;
             src: url('~@/static/iconfont.ttf');
         }
        
    • 如何使用scss或者less

  • 相关阅读:
    Tom&Jerry_team——测试总结
    OMCP sprint 第7天
    OMCP sprint 第6天
    OMCP sprint 第5天
    OMCP sprint 第4天
    OMCP sprint 第3天
    OMCP sprint 第2天
    SQL SERVER 如何恢复bak备份文件
    Ext JS
    Linnx环境下常用命令
  • 原文地址:https://www.cnblogs.com/Acapplella/p/15097450.html
Copyright © 2011-2022 走看看