莱芜网站优化排名公司,阳东区建设局网站,口碑好的番禺网站建设,胶州网站建设官方文档链接#xff1a;uni.showToast(OBJECT) | uni-app官网 1.uni.showToast({}) 显示消息提示框。
常用属性#xff1a; title:页面提示的内容 image#xff1a;改变提示框默认的icon图标 duration#xff1a;提示框在页面显示多少秒才让它消失 添加了image属性后。 注…官方文档链接uni.showToast(OBJECT) | uni-app官网 1.uni.showToast({}) 显示消息提示框。
常用属性 title:页面提示的内容 image改变提示框默认的icon图标 duration提示框在页面显示多少秒才让它消失 添加了image属性后。 注意了如果我们是去找iconfont的图标最好选白色的图标rgb(255,255,255)因为默认的背景色是灰色的如果图标是其他颜色会有色差跟背景不搭。
templateview classcontentbutton typeprimary tapaddData添加数据/button/view
/templatescriptexport default {methods: {addData:() {uni.showToast({title:数据删除成功,duration:2000,position:200,image:../../static/delete.png})}}}此外呢image属性还可以使用.gif图像不过要找跟背景色一致的.gif图像不然就像这样格格不入。 2. uni.showLoading({})显示一个正在加载的动态图标一般搭配uni.hideLoading({})使用一个显示一个隐藏同时uni.hideLoading({})一般和setTimeout()使用。 案例代码
templateview classcontentbutton typeprimary tapaddData添加数据/button/view
/templatescriptexport default {methods: {addData:() {uni.showLoading({title:数据加载中,})setTimeout(() {uni.hideLoading()uni.showToast({title:数据加载完成})},1500)}}}
/script3.uni.showModal({}) 显示模态弹窗,一般用来判断用户做出的选择根据进一步触发逻辑。
可以只有一个确定按钮也可以同时有确定和取消按钮。类似于一个API整合了 js中alert、confirm。
属性很多可以调文本颜色文本内容输出按钮显现与否等具体看官方API
templateview classcontentbutton typeprimary tapaddData添加数据/button/view
/templatescriptexport default {methods: {addData: () {uni.showModal({title: 温馨提示,content: 据说林深时见鹿是真的,confirmColor: #4CD964,cancelColor: #ffff00,success: (res) {if (res.confirm) {console.log(用户点击确定);} else if (res.cancel) {console.log(用户点击取消);}}});}}}
/script
4.uni.showActionSheet({})从底部向上弹出操作菜单 代码示例
templateview classcontentbutton typeprimary tapaddData添加数据/button/view
/templatescriptexport default {methods: {addData: () {uni.showActionSheet({itemList: [上传作业, 下载作业, 查看作业],success: function(res) {console.log(选中了第 (res.tapIndex 1) 个按钮);},fail: function(res) {console.log(res.errMsg);}});}}}
/script
