当前位置: 首页 > news >正文

加强政务公开与网站建设西安网页设计培训班费用

加强政务公开与网站建设,西安网页设计培训班费用,网店推广软件有哪些,免费空间注册网站官方文档链接:uni.showToast(OBJECT) | uni-app官网 1.uni.showToast({}) 显示消息提示框。 常用属性: title:页面提示的内容 image:改变提示框默认的icon图标 duration:提示框在页面显示多少秒才让它消失 添加了image属性后。 注…

官方文档链接:uni.showToast(OBJECT) | uni-app官网

1.uni.showToast({}) 显示消息提示框。

常用属性:
title:页面提示的内容
image:改变提示框默认的icon图标
duration:提示框在页面显示多少秒才让它消失

添加了image属性后。


注意了,如果我们是去找iconfont的图标,最好选白色的图标rgb(255,255,255),因为默认的背景色是灰色的,如果图标是其他颜色,会有色差跟背景不搭。

<template><view class="content"><button type="primary" @tap="addData">添加数据</button></view>
</template><script>export 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()使用。

案例代码:

<template><view class="content"><button type="primary" @tap="addData">添加数据</button></view>
</template><script>export default {methods: {addData:() => {uni.showLoading({title:"数据加载中!",})setTimeout(() => {uni.hideLoading()uni.showToast({title:"数据加载完成!"})},1500)}}}
</script>

3.uni.showModal({}) 显示模态弹窗,一般用来判断用户做出的选择,根据进一步触发逻辑。

可以只有一个确定按钮,也可以同时有确定和取消按钮。类似于一个API整合了 js中:alert、confirm。

属性很多,可以调文本颜色,文本内容输出,按钮显现与否等,具体看官方API:

<template><view class="content"><button type="primary" @tap="addData">添加数据</button></view>
</template><script>export 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({})从底部向上弹出操作菜单

代码示例: 

<template><view class="content"><button type="primary" @tap="addData">添加数据</button></view>
</template><script>export default {methods: {addData: () => {uni.showActionSheet({itemList: ['上传作业', '下载作业', '查看作业'],success: function(res) {console.log('选中了第' + (res.tapIndex + 1) + '个按钮');},fail: function(res) {console.log(res.errMsg);}});}}}
</script>
http://www.yayakq.cn/news/315663/

相关文章:

  • 知名开发网站公司简介申请了域名怎么建网站
  • 设计师网站推荐外贸网站 开源
  • 网站表格怎么做的盘锦网站开发
  • 建设部网站查不到注册证怎么回事做网站如何购买服务器吗
  • 电商网站的建设动态新浪云wordpress教程
  • 百度包年推广网站建设广告设计培训目的
  • iis网站服务器基本安全设置步骤龙采做网站要多少钱
  • 吐鲁番好网站建设设计网站建设全流程图
  • 常熟市维摩剑门绿茶网站建设目标苏州网站建设狮山路
  • iis默认网站在哪里石家庄建站
  • 网络推广网络营销软件wordpress网站seo
  • 县级林业网站建设管理哈尔滨学网页设计
  • 哪儿提供邢台做网站潍坊建设银行招聘网站
  • 做证明图片的网站网站首页图片大小
  • 健康网站建设与管理网站建设中素材
  • 济南网站建设的费用浙江省建设培训中心的网站
  • 网站建设实训报告收获网站开发编程的工作方法
  • 电子外贸网站wordpress视频会员
  • 网站开发人员薪资图库下载网站源码
  • 个人做的网站有什么危险智慧团建网站链接
  • 楼盘网站设计建站平台利弊
  • 网站关键词 html企业网站的制作公司
  • 网站建设众筹工程发布信息平台
  • 网站备案 接电话微信订阅号网站开发
  • 抚远网站建设wordpress企业免费主题是什么意思
  • 自己建设网站用哪个wordpress做网站优点
  • 深圳建设工程交易网站官网三亚门户网站
  • 集团网站建设哪家好长春市做网站的公司
  • 上海抓捕236名昆明seo网站管理
  • 各大中文网站手机ui设计网站