組件/標簽的變化
以前是html標簽,現在是小程式標簽,
- div 改成 view
- span、font 改成 text
- a 改成 navigator
- img 改成 image
- input 還在,但type屬性改成了confirmtype
- form、button、checkbox、radio、label、textarea、canvas、video
這些還在,- select 改成 picker
- iframe 改成 web-view
- ul、li沒有了,都用view替代
- audio 不再推薦使用,改成api方式,背景音頻api檔案
其實老的HTML標簽也可以在uni-app里使用,uni-app編譯器會在編譯時把老標簽轉為新標簽,比如把div編譯成view,但不推薦這種用法,除錯H5端時容易混亂,
除了改動外,新增了一批手機端常用的新組件
scroll-view 可區域滾動視圖容器
swiper 可滑動區域視圖容器
icon 圖示
rich-text 富文本(不可執行js,但可渲染各種文字格式和圖片)
progress 進度條
slider 滑塊指示器
switch 開關選擇器
camera 相機
live-player 直播
map 地圖
cover-view 可覆寫原生組件的視圖容器
cover-view需要多強調幾句,uni-app的非h5端的video、map、canvas、textarea是原生組件,層級高于其他組件,如需覆寫原生組件,比如在map上加個遮罩,則需要使用cover-view組件
除了內置組件,還有很多開源的擴展組件,把常用操作都進行封裝,DCloud建立了插件市場收錄這些擴展組件,詳見插件市場
Js
因為uni-app的api是參考小程式的,所以和瀏覽器的js api有很多不同,如
- alert,confirm 改成 uni.showmodel
- ajax axios 改成 uni.request
- cookie、session 沒有了,local.storage 改成 uni.storage
- vue-router沒有了,改成了 uni.navigateTo
uni-app的js api還有很多,但基本就是小程式的api,把wx.request改為uni.request即可,詳見
uni-app在不同的端,支持條件編譯,無限制的使用各端獨有的api,
uniapp自帶路由和請求方式
uni.navigateTo 路由與頁面跳轉
uni.request 網路請求
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/177393.html
標籤:python
