前置条件

  • 有vue基础

什么是uni-app

  • uni-app 是DCloud公司打造的一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝）、快应用等多个平台。

HTML结构(简单了解)

  1. View容器–类似于div
  2. text文本–包裹文本
  3. swiper–轮播图
  4. img–图片
  5. video–视频
  6. button–按钮

CSS样式

  1. 属性
    • 字体
    • 大小
    • 布局：float
  2. 选择器
    class
  3. 取值与单位
    • px
    • color
    • rpx 自动根据屏幕大小比例进行适配
  4. 盒子模型
    margin:外边距
    padding:内边距
    border:边框
  5. 弹性盒子模型
    更好的布局