![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
文章平均质量分 57
super大米
,
展开
-
微信小程序自定义头部导航栏
微信小程序自定义头部导航栏虽然小程序自带的顶部导航栏比较好用,但是扩展性比较差。在实际开发中我们经常需要针对导航栏进行一些功能性操作。比如点击返回按钮返回到固定的页面,设置其他背景颜色字体颜色以及增加一些按钮等等。下面我们一起来看看导航栏的定制;先看下demo的效果:最终要实现的效果:在tabbar页面不显示左侧按钮;分享出去的页面进入后不显示左侧返回按钮;点击返回按钮可以自行设置返回层级;字体颜色,背景颜色的设置;左侧按钮的深浅样式切换;使用自定义组件定义导航栏在小程序跟目原创 2021-06-24 17:52:32 · 2249 阅读 · 0 评论 -
微信小程序底部Tabbar增加角标显示
根据微信提供的API wx.setTabBarBadge进行角标的设置;api地址:https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.setTabBarBadge.html let cartNum = 2; //默认数据 if (cartNum.length != 0) { //设置角标 wx.setTabBarBadge({ index: 1, //第几个tab text: cart原创 2021-05-21 10:27:40 · 1496 阅读 · 0 评论 -
小程序跳转到首页传参问题
小程序跳转到首页传递参数:最新在做小程序的时候发现跳转首页tabbar无法传递参数:如从A页面跳转到B页传递ID;在B页面这么写无法直接传递;wx.redirectTo({ url: '../b/b?='+id;});解决方法:在app.js中定义一个参数,然后A和B页面同时调取APP.js;;app.js 声明参数:A页面首先调取app.j...原创 2019-01-06 22:46:44 · 789 阅读 · 0 评论 -
微信小程序之小程序授权登录
微信小程序授权登录微信小程序更改了getUserInfo的接口,无法自动去弹出授权,所以在获取授权信息的时候需要根据button去进行获取;在首页文件中,编写一个获取授权的页面,在刚进入页面时,判断用户是否授权。如果没有授权则显示出授权的页面,否则直接显示页面;// 判断是否需要显示授权按钮<view wx:if="{{isHide}}"> <view wx:if...原创 2019-07-09 11:17:11 · 3057 阅读 · 7 评论 -
微信小程序更改数组中的值
data:{profession: [{ id: 1, name: '学生', checked:true},{ id: 2, name: '职工', checked:false}],}现在要给profession里的职工checked修改成true;onLoad: function (options) {var That = this;var job = ...原创 2019-07-26 11:18:55 · 953 阅读 · 0 评论 -
微信小程序多图上传及预览
微信小程序多图上传,及预览原创 2019-08-06 18:36:29 · 432 阅读 · 0 评论 -
微信公众号开发—图片预览放大
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> <script> $(document).ready(function(){ var imgObj = $(".cont").find('img');/...原创 2019-09-24 21:18:47 · 740 阅读 · 0 评论 -
Promise封装微信HTTP请求,解决微信小程序异步请求
通过Promoise封装微信小程序请求微信小程序的默认请求方式都是异步请求,这样就会导致在请求还没有执行完毕后,后边的方法直接执行了;我们可以通过请求成功后在进行下方的操作,例如:onload: function () { wx.request({ url: 'https://api', // 某个api接口地址 success: res => { ...原创 2019-10-16 20:44:03 · 743 阅读 · 2 评论 -
微信小程序解析html代码
在开发小程序的过程中后台给前台返回的数据,是通过富文本编辑的,这事我们就需要进行去解析HTML代码,在小程序里展示;下载插件地址:https://github.com/yinhaonan123/-使用方法:1.、首先将下载的wxParse文件夹放到根目录(如下图所示);2、在需要显示解析内容的HTML页面进行引用;<import src="../../wxParse/...原创 2019-09-30 15:58:16 · 1843 阅读 · 0 评论 -
微信小程序webview打开页面返回问题
最近在做小程序的时候发现小程序进入webview页面里,在webview页面里有时会出现点击左上角返回,无法返回小程序。解决思路:通过微信浏览器监听返回按键和H5跳转小程序的方法。在webview嵌入的H5首页监听微信返回按键,直接从H5页面中去跳转到小程序内;//方法<script src="https://res.wx.qq.com/open/js/jweixin-1.3...原创 2019-09-18 13:14:34 · 7973 阅读 · 1 评论