微信小程序标签和html标签对比,微信小程序的标签和html标签比较

微信小程序的标签和html标签比较html微信小程序

....

wxss选择器html微信小程序

div(标签选择器)view、text、icon、input、image、navigator(标签选择器)

class(类选择器)class

id(id选择器)(效率最高)id(效率最高)

element,element(层级选择器)element,element(层级选择器)

：after(伪类选择器)：after ：before

：frist-child等：frist-child等(不建议(工具过滤易导致页面错乱))

.class .class.class .class(不建议(工具过滤易导致页面错乱))

群组选择器群组选择器

后代选择器后代选择器

//微信小程序中placeholder的样式和html5是不一样的。需要修改placehoder的样式，通过placeholder-class=”class”来定义。

input::-webkit-input-placeholder {

/* placeholder颜色 */

color: #aab2bd;

/* placeholder字体大小 */

font-size: 12px;

/* placeholder位置 */

text-align: right;

}

input:focus::-webkit-input-placeholder { color: transparent; }

下面我就列出常用的标签及其分类。能够帮助之前没有经历过微信小程序前端开发的同学能够快速熟悉。

一、视图容器(View Container)：

标签说明

view视图容器

scroll-view可滚动视图容器

swiper可滑动的视图容器

二、基础内容(Basic Content)

标签名说明

icon 图标

text文字

progress进度条

三、表单组件(Form)

标签名说明

button按钮

form表单

input输入框

checkbox多项选择器

radio单项选择器

picker列表选择器

slider滑动选择器

switch开关选择器

label标签

四、操作反馈组件(Interaction)

标签名说明

action-sheet上拉菜单

modal模态弹窗

progress进度条

toast短通知

loading加载

五、导航(Navigation)

组件名说明

navigator应用内跳转

六、多媒体(Media)

标签名说明

audio音频

image图片

video视频

七、地图(Map)

标签名说明

map地图

八、画布(Canvas)

标签名说明

canvas画布

微信小程序标签和html标签对比,微信小程序的标签和html标签比较相关推荐

小程序 a标签_微信内循环生态：朋友圈标签引流视频号、小程序、搜一搜
2019 年 1 月,张小龙在广州的微信公开课 Pro 上进行了一场 4 小时的超时演讲,在演讲中,他举了一个和朋友圈相关的例子,每个人每天在朋友圈里花的时长基本是固定的,随着好友发的内容越来越多,用 ...
微信商店服务器,对比saas小程序，云开发，微信小商店
原标题:对比saas小程序,云开发,微信小商店要做一个小程序,大部分人都知道找第三方的服务商,开通账号,然后把数据内容都放在别人家的服务器中,使用人家提供的免费功能. 但,你有没有想过,如果这家服务 ...
标签打印软件如何批量打印小程序码图片
现在很多应用程序都拥有了自己的小程序码,它的使用方法与二维码相同,外观缺不一致,那么如果有很多小程序码的图片,该如何批量打印呢,下面我们就中琅标签打印软件来看一下如何批量打印小程序码图片. 一.整理图 ...
微信小程序跟淘宝的对比，做生意的必看
对中国几百万淘宝卖家来说,马云曾是顶礼膜拜的英雄人物.因了马云打造的淘宝,中国传统商业被颠覆,线下实体被蚕食,崭露头角的是做淘宝发家的一批批电商们!而微信正式推出小程序后,以此宣告腾讯新电商之门的开启 ...
微信小程序开发原生与框架对比
1.为什么使用框架 (1) 原生微信小程序工程化差.不支持node (2) 原生微信小程序语法比较奇怪还需要我们学习新的一套语法. (3) 微信小程序的开发者工具开发体验较差. (4) 使用框架可以使 ...
mpvue 微信小程序_使用Vue.js开发微信小程序：开源框架mpvue解析
戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全责编 | 阿秃转自 | 美团技术团队企业博客前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...
原生开发小程序和 wepy 、 mpvue 对比
原生开发小程序和 wepy . mpvue 对比本文横向对比.探讨了下原生开发小程序,和目前比较热门的 wepy .mpvue 开发小程序三种方式的优势和劣势:由于三者的篇幅都比较多,本文只是简单 ...
微信小程序客服介绍：如何设置小程序在线客服？
其实只需要解决2个问题第一步,在微信小程序中添加联系在线客服按钮第二步,接入在线客服功能,设置[自动/人工/转人工]回复等一.添加小程序客服按钮 ① 在小程序中添加客服按钮功能,点此参考官方文档 ...
小程序和 web 功能对比_小程序官方推出的Kbone，是如何解决Web 端和小程序同构痛点的？...
小程序作为一种新兴地连接用户与服务的方式,相信大家都或多或少接触过.对于开发者来说,它是一种类似 Web 但又不同于 Web 的开发模式,它提供了一套自定义的 API 和文件组织方式,这无疑带给开发者 ...

微信小程序标签和html标签对比,微信小程序的标签和html标签比较

微信小程序标签和html标签对比,微信小程序的标签和html标签比较相关推荐

最新文章

热门文章