uniapp中的交互反馈

今天我们来聊一聊uniapp的交互反馈。顾名思义,交互反馈就是在用户进行操作之前或之后给予用户的一个友好反馈,其中包含轻提示、加载、模态弹框等功能。

首先,我们来看轻提示,uniapp官网中提供uni.showToast方法来进行提示操作,它的参数是一个对象,里面可以设置提示的内容及图标。

uni.showToast({ title: '提示内容', icon: 'none' });

上面的代码中,我们传入了title和icon两个属性,title属性的值就是想要提示的内容,而icon属性表示的就是提示时所要展示的图标。

icon属性的值除了上面代码中传入的none之外,还有三个比较常用的值,分别是success、error、loading。

success展示的是成功的图标,error展示的是失败的图标,而loading展示的就是加载时的图标。

不过这里的loading不建议使用,如果想要展示加载的效果,可以使用uni.showLoading方法。

注意:icon属性的值如果是success、error、loading时,title的长度为7。也就是说内容不能超过7个字。

uni.showToast方法的duration属性,用于定义提示延长的时间,类型为Number,单位采用的时毫秒,默认值为1500。

交互反馈中的加载,即uni.showLoading方法,一般运用于接口请求或做一些耗时较长的交互时使用。

uni.showLoading方法的参数共有5个,比较常用的是一个,就是mask属性,用于定义用户在请求的时候&#x

猜你喜欢

转载自blog.csdn.net/weixin_46167462/article/details/130687931
今日推荐