uni-app 的使用

尺寸单位:

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支持的语法--->

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值