uniapp组件

view标签

它类似于传统html中的div，用于包裹各种元素内容。如果使用nvue，则需注意，包裹文字应该使用text组件。

属性说明

hover-class ：

hover-class：默认值为 "none" 指定按下去的样式类。默认值为"none" 时，将不会有点击态效果

hover-stop-propagation：

hover-stop-propagation：默认值为“false”指定是否阻止本节点的祖先节点出现点击态，App、H5、支付宝小程序、百度小程序不支持

hover-start-time

hover-start-time：为点击后持续多久点击效果，时间为毫秒。

hover-stay-time

hover-stay-time：为松开时时间会持续多少秒，单位也是毫秒。

示例

scroll-view标签

可滚动视图区域。用于区域滚动。

属性说明

scroll-x：允许横向滚动，如果内容是块级元素需要display:inline-block;样式改为行内快并且在父元素中添加white-space:nowrap;(不换行)样式。

scroll-y：允许纵向滚动

示例

swiper标签

一般用于左右滑动或上下滑动，比如banner轮播图。

属性说明

示例

image媒体组件

用于显示图片，与html类型

属性说明

src：图片资源地址

mode：用于决定图片的缩放

lazy-load：图片懒加载。只针对page与scroll-view下的image有效

fade-show：动画效果

webp：在系统不支持webp的情况下是否单独启用webp。默认false，只支持网络资源。webp支持详见下面说明

show-menu-by-longpress：长按图片显示识别小程序菜单

draggable：图片是否能拖动

@error：当错误发生时，发布到 AppService 的事件名，事件对象event.detail = {errMsg: 'something wrong'}

@load：当图片载入完毕时，发布到 AppService 的事件名，事件对象event.detail = {height:'图片高度px', width:'图片宽度px'}

图片格式

当使用uvue原生渲染时支持的格式如下

示例

navigator路由与页面跳转

说明：页面跳转，和HTML中的a标签类似，但是只能在本地页面跳转，并且此页面要包含在pages.json中

属性说明

open-type有效值

button按钮

size：按钮大小设置值分为 defaultmr默认大小（最大）、mini小尺寸

type：按钮的样式类型。分为三种，primary(蓝色)、默认值default(白色)、warn(红色)

plain：按钮背景透明。

disabled：true禁用、false不禁用

form-type：用于form事件的触发。submit 提交表单 reset 重置表单数据。

input数据框

value ：输入框的初始内容

type：input类型

password :密码类型不可见

maxlength：最大输入长度，设置为 -1 的时候不限制最大长度

text-content-type：文本区域的语义，根据类型自动填充有效值 。oneTimeCode 一次性验证码，常用于短信验证码输入

confirm-type：设置键盘右下角按钮的文字，仅在 type="text" 时生效。有效值