页面跳转与表单组件

1.路由与页面跳转

1.navigator 就相当于HTML 中的<a>标签 它属性的url 是最关键的,如果没有则无法跳转,因为他是写路径的

点击之后就会跳转到Dome02           

这样跳转我们会发现左上角有一个放回箭头,也就是上一个页面没有被销毁,所以我们可以通过该标签的属性

一般都使用 open-type="reLaunch" 去销毁上一个页面 ;

使用后的效果:

该跳转也可以使用到图片上不限制文字,和轮播一样;

2.表单组件

2.1 button 按钮

2.1.1按钮颜色

type为按钮的颜色,默认为白色,它一共3个颜色,白色`蓝色`和警告颜色红色

2.1.2 按钮大小Size

size 他默认为最大 mini为小,可以用父标签套住它然后调整大小,从而限制按钮的大小

2.1.3 禁用按钮

直接添加 disabled 就好了,效果就是无法点击使用;        

2.1.4 加载图标        loading

该方法只是视觉上的一效果;

2.1.5 镂空透明

就是直接添加属性 plain 

3.输入框

3.1 input

3.1.1 type

在uni-app中input的属性type默认为text ,但是它是透明的需要点击后输入才可以看到它,或者添加css

3.1.2  value

该属性是为 input 设置初始值 每次查看该网址的初始值;

3.1.3 placeholder

该属性则是您没有输入数据的数据给你一个提示,它比 value 属性强的是 value 需要手动删除掉默认值,在输入您想输入的,该属性可点击后直接输入;

3.1.4 placeholder-style

该属性是用与修改 placeholder 的颜色的 ,或者修改样式的;

3.1.5 placeholder-class

该属性可为他设置一个类,和上面 view 的属性 class 一样可以为他设置样式什么的;

一般情况用不到;

3.1.5 password

该属性就是将 input 设置为密码框

在你输入后会变成一个一个点;

3.1.6 disabled

该属性可以禁用 input 也就是说您就不可以输入了

3.1.7

在 input 中的属性 type可以有很多, text 就是最普通的,都可以使用,然后 number 只可以输入数字,其他都无法输入进去,剩下的我就不一一介绍了,感兴趣的都可以去官网上看看它的说明,或者去尝试一下;