uni-app样式

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{
    
    
	font-family:test1-icon;
	src:url('~@/路径跟vue差不多')
}

• scss，sass编译需要在hbuilder安装插件，在工具里面
• uni.scss里面是全局的颜色,直接调用就行，在里面添加的也是全局的