uni-app样式

灰太狼 2022-12-23 12:26 14阅读 0赞

uni-app样式

  • rpx就是uni-app的响应式单位 默认全屏是750rpx
  • @import 导入外联样式表
  • 支持最常用的选择器class,id,element等 但是不能使用==*== 选择器
  • page 相当于body节点
  • 定义在app.vue当中的样式为全局样式，在pages目录下的vue文件中定义的样式为局部样式，只作用在对应的页面，并会覆盖app.vue中样式

  • uni-app支持使用字体图标，使用方式与普通web项目相同，需要注意以下几点
    – 字体文件小于40kb，uni-app会自动将其转化为base64格式
    – 字体文件大于等于40kb，需要开发者自己转换，否则使用将不生效
    – 字体文件的引用路径推荐使用以~@开头的绝对路径

    @font face{ 

    1. font-family:test1-icon;
    2. src:url('~@/路径跟vue差不多')

    }

  • scss，sass编译需要在hbuilder安装插件，在工具里面

  • uni.scss里面是全局的颜色,直接调用就行，在里面添加的也是全局的

发表评论

表情：
评论列表 （有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读