美文网首页
uniapp的学习

uniapp的学习

作者: 怯言ouo | 来源:发表于2020-05-26 11:38 被阅读0次

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页面使用,不然会失效

uni请求封装 拦截返回状态

相关文章

  • uniapp的学习

    uni注意事项 1.1.uni-app 使用 upx 作为默认尺寸单位, upx 是相对于基准宽度的单位,可以根据...

  • 学习uniapp

    uni-app 是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、...

  • 前端学习计划(Vue方向):

    前端学习计划(Vue方向): 学习路线:Html —Css—JavaScript—Vue—Uniapp 计划用时:...

  • uniapp 学习文档

    一、 什么是uniapp 二、 uniapp优势 三、我们使用uniapp 四、uniapp组件 组件模块地址:h...

  • 小程序开发文档--uniapp开发<三>

    一.uniapp 网址: https://uniapp.dcloud.io/[https://uniapp.dcl...

  • UniApp 入门学习

    一、UniAPP 介绍 (1)什么是 UniAPP ? uni-app 是一个使用 Vue.js 开发所有前端应用...

  • uniapp-payment

    uniapp-payment 介绍 uniapp支付 微信支付流程 测试接入的是uniapp官方预下单接口 APP...

  • Uni-App学习路线

    Uni-App学习路线 学习Uni-app用到的技术 Uni-app官网[https://uniapp.dclou...

  • uniapp 优化建议

    https://uniapp.dcloud.io/performance[https://uniapp.dclou...

  • 微信小程序转uniapp在转h5

    首先使用wtu 这个插件,将原生小程序转为uniapp,在利用uniapp的多端,转为h5 现在uniapp的编辑...

网友评论

      本文标题:uniapp的学习

      本文链接:https://www.haomeiwen.com/subject/qkpmahtx.html