★→ASP程序学习群:62655404 微信公众号开发
订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

uni-app与HTML的标签变化对比

 2020/9/15 15:27:24  字体:  浏览 353 我要评论
当前标签
uni-app

组件/标签的变化
以前是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编译器会在编译时把老标签转为新标签。但不推荐这种用法,调试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组件

来源:https://blog.csdn.net/weixin_44770377/article/details/101266746

相关阅读
( 2020/10/26 13:46:09 )uni-app自定义loading组件
( 2020/9/25 20:52:28 )uni-app判断当前客户端是安卓还是ios还是其它平台
( 2020/9/25 20:44:34 )uni-app基础知识页面事件与web事件的对比
( 2020/9/23 14:18:01 )uni-app设置像页面html或者body的全局背景色
( 2020/9/17 16:11:26 )用uni-app里面的navigator做链接时感觉像有缓存只能点其中一个链接
( 2020/9/15 15:45:46 )uniapp的rich-text组件注入的a标签点击跳转处理
( 2020/9/15 15:31:39 )uni-app自定义组件调用
( 2020/9/15 15:20:52 )uni-app实现上拉加载,下拉刷新(下拉带动画)
共有0条关于《uni-app与HTML的标签变化对比》的评论
发表评论
正在加载评论……
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
深山工作室网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
rss学习
个人空间
网站设计
网站公告
下载
photoshop学习
ASP学习
DIV+CSS学习
SEO搜索引擎忧化
java学习
HTML学习
网站信息
网站类信息
更多>>同类信息
uni-app操作json数组
uni-app自定义loading组件
uni-app一个像商城分类中心一样的联动侧边栏导航分类
uni-app实现tab选项卡
uni-app的父与子页面传递参数之属性Props字段类型讲解
uni-app判断当前客户端是安卓还是ios还是其它平台
uni-app基础知识事件传参(动态参数演示)
uni-app基础知识事件绑定 @click
更多>>最新添加文章
asp无限级调用分类显示
Object.assign的一些用法
利用css中的scale()实现放大缩小效果
uni-app操作json数组
uni-app自定义loading组件
uni-app一个像商城分类中心一样的联动侧边栏导航分类
uni-app实现tab选项卡
uni-app的父与子页面传递参数之属性Props字段类型讲解
更多>>随机抽取信息
asp正则替换内容里的CSS样式
五个简单措施增强IIS安全性
网页页面变灰,网页变成黑白色
网页小键盘/软键盘
七种网站添加链接的简单方法
javascript自动获取Tags关键字
Google的265导航站上顶部右边的logo上的眼珠特效 (兼容IE,FF)
购物时某件商品倒计时销售非常不错