uni-app 的使用

尺寸单位:

uni-app框架目前支持的长度单位 px 和 %,与传统的web页面不同,px是相对于基准宽度的单位,其原理类似于rem,

PS: uni-app 的基准宽度是 750px; 开发者只需要按照设计稿确定框架样式中的px即可,设计稿1px 和 框样式 1px 的转换如下:

设计稿1px / 设计稿基准宽度 = 框架样式1px / 750px;

在uni-app页面的元素宽度 = 750px * 元素在设计稿中的宽度 / 设计稿基准宽度;

样式导入:

可以在style标签中使用 @import 导入外部的样式;

内联样式: 框架组件支持使用style,class属性来控制样式;但是尽量避免使用style, 以免影响速度;

支持的选择器:类选择器,id选择器,元素选择器,伪类选择器;

项目结构:

pages.json:

 

v-if 和 v-hidden 的区别:v-if 会根据条件决定是否渲染,v-hidden 会渲染但是根据条件是否展示;

class支持的语法--->

 

你可能感兴趣的:(uni-app)