uni注意事项
1.1.uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据屏幕宽度进行自适应。uni-app 规定屏幕基准宽度750upx
2.v-if写在<template/>标签中,v-for写在<block/>标签中
uni常用样式
position:sticky //粘性定位(基于用户的滚动位置来定位,使用时需指定特定阈值,如top:0)
position:static //默认定位(没有定位)
position:fixed //固定定位(固定在窗口位置,窗口滚动也不会移动)
position:relative top:10px //相对定位(相对其正常位置定位)
position:absolute //绝对定位(相对于最近的已定位父元素,如果没有已定位父元素,则相对于<html>)
//https://www.cnblogs.com/liangdecha/p/9566407.html
:nth-child()选择器,选择器选区父元素的第N个子元素,与类型无关
:nth-child(odd)奇数
:nth-child(even)偶数
//https://developer.mozilla.org/zh-CN/docs/Web/CSS/::before
::before创建一个伪元素,其将成为匹配选中的元素的第一个子元素
border-radius:30upx; //圆角半径
text-indent:20px //首行缩进
letter-spacing:1px //字间距
vertical-align: middle; //图片垂直居中
z-index //重叠元素的堆叠顺序
transform: rotate(45deg); //旋转元素45度(菱形)
//https://www.cnblogs.com/skura23/p/6505352.html
:active,元素被点击时变色,但颜色在点击后消失
:focus, 元素被点击后变色,且颜色在点击后不消失
//https://developer.mozilla.org/zh-CN/docs/Web/CSS/linear-gradient
background: linear-gradient(#74AADA, #94db98); //渐变色
tabbar的隐藏与显示
uni.hideTabBar() 和uni.showTabBar() 只能在tab页面使用,不然会失效
网友评论