作者:小飞燕 发布时间: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}}
微信小程序后台交互实现效果:
上一篇:自定义菜单跳转小程序怎么弄
下一篇:微信小程序规范具体说明
453位用户关注
350位用户关注
266位用户关注
128位用户关注
977位用户关注
487位用户关注
30位用户关注
0位用户关注
68位用户关注
90位用户关注
0位用户关注
49位用户关注