微信小程序自定义分享怎么弄
编辑:小飞燕 发布时间:2021-04-16 10:18:24
微信小程序的自定义操作可以让小程序的体验更好,所以很多开发者越来越喜欢自定义小程序。所以小编将告诉你如何定制和分享微信小程序。
它很好,很容易使用,但是这个吐司会显示小程序图标,不能删除。
假设:当我们完成业务,吐司,当实现成功,效果是可以接受的,如下图所示:
但是,当执行失败时,如下所示:
如果你失败了,你仍然显示一个按钮模式。是成功还是失败?这是不能接受的。[捂脸]
如果你为你的上司看到这种效果,那将是程的一顿责骂,的委屈
这是一个定制的吐司
效果:
具体实施:
wxml:
[html]查看普通副本
按钮
{{toasttext}}
wxss:
[css]查看普通copypage {
背景# fff
}
/*按钮*/。btn {
font-size : 28 rpx;
padding: 15rpx 30rpx
宽度: 100 rpx;
margin: 20rpx
text-align:中心;
border-radius : 10 rpx;
border: 1px固体# 000;
}
/*屏蔽*/。吐司面具{
opa city 3360 0;
宽度:;
高度:;
隐藏飞越:
位置:固定;
top : 0;
left : 0;
z-index : 888;
}
/*吐司*/。toast_content_box
display: flex
宽度:;
高度:;
justice-content : center;
align-items : center;
位置:固定;
z-index : 999;
}。toast_content {
宽度:50%;
padding: 20rpx
background: rgba(0,0,0,0.5);
border-radius : 20 rpx;
}。吐司_内容_文本{
高度:;
宽度:;
color: # fff
font-size : 28 rpx;
text-align:中心;
}
js:
[javascript]查看普通copypage({
数据: {
//默认情况下不显示吐司
isshowtoast: false
},
showtoast:函数{
var _ this=this
//祝酒时间
_ this . data . count=par sent(_ this . data . count)?par sent(_ this . data . count): 3000;
//显示吐司
_this.setdata({
isshowtoast: true,});
//定时器关闭
settimeout(函数{
_this.setdata({
isshowtoast: false
});
},_ this . data . count);
},
/*单击按钮*/
btn:功能{
console.log('您单击了按钮')
//设置吐司时间和吐司内容
this.setdata({
count: 1500,迈克尔的祝酒辞
});
this . show toast;
}
})
下面是题目的开头。微信小程序后台交互怎么实现?标题到此结束
小程序的开发包括前端和后端,但每一步对于小程序的比较终使用都是极其重要的。微信小程序的后台交互对于小程序调用数据和后台存储小程序数据至关重要。那么如何实现微信小程序的后台交互呢?
微信小程序后台交互的具体功能格式如下:
wx.request({})
数据: {
logs:[]
},
onload:function{
this.getdata
}
getdata:function{//定义函数名
that=this//这个地方很重要。重置data{}中的数据时,setdata方法的这个应该是函数的这个。如果您直接在较低的故障中写这个,它将变成wx.request的这个
wx.request({
url : ' http://www . phonegap 100.com/app api . php?a=getportalcate ',//请求地址
数据:{//数据发送到后台
姓名:'bella ',年龄:20
},
header:{//请求头
内容类型' : '应用/json '
},
method:'get ',//get是默认方法/post
成功:功能(res){
console . log(res . data);//res.data相当于品牌ax中的数据,是后台返回的数据
that.setdata({//如果成功直接写这个,就会变成wx.request的这个,一定是getdata函数的这个,否则无法重置微信小程序调用函数
logs:res.data.result
})
},
fail:function(err){},//) {}。//请求失败
complete : function { }///请求完成后要执行的功能
})
},
wxml页面:
{{value.catname}}
微信小程序后台交互实现效果:
上一篇:自定义菜单跳转小程序怎么弄
下一篇:微信小程序规范具体说明
猜你喜欢
-
10个小程序自定义关键词技巧658人喜欢
微信小程序太多不容易找?如何快速找到自己想用的微信小程序?目前找想用的小程序方法可能是线下扫码、公众号、好友分享、长按小程序码、搜索小程序名称,今天小编分享大家一个新的方法,快跟小编一起来看看吧!微信小程序多了一个新方式——小程序后台新增自定义…
更新时间:2019-10-31 16:24:23
-
微信小程序自定义菜单技巧581人喜欢
自从微信小程序支持自定义菜单之后,很多人就询问小编关于自定义菜单的相关内容,所以今天小编来集中为大家讲解一下微信小程序自定义菜单的使用。关于小程序支持自定义菜单,你必须知道的这几件事情:1. 小程序关联公众号,就会推送小程序消息,点击该推送消息直达小程…
更新时间:2021-01-04 13:41:48
-
小程序自定义组件技巧202人喜欢
微信小程序自定义组件包括很多内容,比如小程序对话框、小程序背景等等,小编今天为大家找到了所有自定义组件的小程序开发源码,一起来看看吧!components[backdrop - 背景幕][dialog - 对话框][loading - 指示器][toast - 提示框][rater - 评分]backdrop - 背景幕…
更新时间:2020-09-23 07:56:02
-
小程序自定义遮罩层开发代码102人喜欢
小程序开发的很多方面都需要精确的代码。最近有朋友问如何开发小编小程序的自定义蒙版层?小编找到了开发所需的小程序代码,希望对大家有所帮助。1.按照以下步骤开发掩膜层的js:获取坐标函数g…
更新时间:2021-03-15 07:31:55
-
微信小程序自定义编译使用步骤96人喜欢
有朋友反映,小程序的编译修改内容没变。为什么?其实你要学会用微信小程序定制编译,这样小程序页面刷新后就能看到新的内容。微信小程序定制编译开发的具体使用步骤如下,希望对大家有所帮助。…
更新时间:2021-04-20 09:57:56
-
微信小程序自定义关键词怎么设置93人喜欢
微信小程序启动时,需要输入全名才能找到小程序,不输入一个字或出错就找不到对应的小程序。后来微信开辟了搜索关键词查找小程序的能力,最近微信又增加了自定义关键词的功能。微信小程序的自定…
更新时间:2021-04-15 09:18:53
-
微信小程序自定义组件开发源码92人喜欢
微信小程序自定义组件包括很多内容,比如小程序对话框、小程序背景等等,小编今天为大家找到了所有自定义组件的小程序开发源码,一起来看看吧!成分[背景-背景幕][对话-对话框][装载-指示器][吐…
更新时间:2021-04-16 10:16:06
-
如何实现微信小程序自定义底部弹出层85人喜欢
微信小程序自定义底部弹出框的效果如何实现?相信很多人还是不太了解这个。在这里,小编整理了一些关于微信小程序底部弹出框效果的代码信息,可以供大家参考。有需要的朋友可以借鉴!为了实现微…
更新时间:2021-03-11 07:33:26
-
小程序自定义关键词怎么设置83人喜欢
小程序引入了一个新功能“自定义关键字”。为了更快更准确的找到需要的小程序,这个小程序的关键词搜索功能诞生了,用户和朋友可以通过定制关键词来缩短搜索时间。小程序自定义关键字怎么设置?…
更新时间:2021-04-20 09:56:12
-
微信小程序自定义关键词搜索抢注热词80人喜欢
微信小程序增加了自定义关键词搜索。在这个微信小程序增加新功能之前,都是微信热词。现在会怎么样?今天我们来看看微信小程序自定义关键词搜索和抢注热词。欢迎阅读。微信小程序在后台新增了推…
更新时间:2021-04-15 09:15:26
-
微信小程序自定义的模态对话框怎么实现79人喜欢
微信小程序自定义模态对话框怎么实现?根据小编的说法,api官方显示模式弹出窗口只能显示文本内容。如果我们想拥有多种功能,我们需要定制对话内容。你知道微信小程序定制的模态对话框怎么实现吗…
更新时间:2021-03-09 08:01:53
-
小程序自定义关键词的用处有哪些78人喜欢
最近小程序发布了一个新功能:自定义关键字,但是很多人不知道自定义关键字在小程序中的用处。其实对于小程序搜索和小程序推广都很有用。看看下面的信息。官方定义如下:发布小程序的开发者最多…
更新时间:2021-04-17 10:24:56