尺寸单位:
uni-app框架目前支持的长度单位 px 和 %,与传统的web页面不同,px是相对于基准宽度的单位,其原理类似于rem,
PS: uni-app 的基准宽度是 750px; 开发者只需要按照设计稿确定框架样式中的px即可,设计稿1px 和 框样式 1px 的转换如下:
设计稿1px / 设计稿基准宽度 = 框架样式1px / 750px;
在uni-app页面的元素宽度 = 750px * 元素在设计稿中的宽度 / 设计稿基准宽度;
样式导入:
可以在style标签中使用 @import 导入外部的样式;
<style>
@import "../a.css"
</style>
内联样式: 框架组件支持使用style,class属性来控制样式;但是尽量避免使用style, 以免影响速度;
支持的选择器:类选择器,id选择器,元素选择器,伪类选择器;
项目结构:
pages.json:
v-if 和 v-hidden 的区别:v-if 会根据条件决定是否渲染,v-hidden 会渲染但是根据条件是否展示;
class支持的语法--->