uni-app在标签上的变化以及新增手机端常用组件

234 阅读2分钟

介绍

uni-app 是一个使用 Vue.js (opens new window)开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、Web(响应式)、以及各种小程序(微信/支付宝/百度/头条/飞书/QQ/快手/钉钉/淘宝)、快应用等多个平台,它也是更好的小程序开发框架(详见 (opens new window))、更好的App跨平台框架、更方便的H5开发框架。不管领导安排什么样的项目,你都可以快速交付,不需要转换开发思维、不需要更改开发习惯。

标签的改变

  • div在uni-app中改成view
  • spanfont在uni-app中改成text
  • a在uni-app中改成navigator
  • img在uni-app中改成image
  • input仅仅是输入框。原html规范中不仅是输入框,还有radio、checkBox、时间、日期、文件选择,在uni-app中,input仅仅是输入框,其他功能uni-app有单独的组件或API:radio组件,checkbox组件,时间选择,日期选择,图片选择,视频选择
  • form,button,label,textarea,canves,video这些还在
  • select在uni-app中改成picker
  • iframe在uni-app中改成web-view
  • ul,li没有了,都是view替代。做列表一般使用uList组件
  • audio不再推荐使用,改成api方式,背景音频api文档

其实老的html标签也可以在uni-app里使用,uni-app编译器会在编译时把老标签转为新标签,比如把div编译成view,但不推荐这种用法,调试h5端时容易混乱

新增手机端常用组件

  • scroll-view 可区域滚动视图容器
  • swiper 可滑动区域视图容器
  • icon图标
  • rich-text 富文本(不可执行js,但可渲染各种文字格式和图片)

更多内容前往 uni-app官网