![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
微信小程序
帆酱
这个作者很懒,什么都没留下…
展开
-
微信小程序-图片自适应
image组件使用使用mode:widthFix,宽度固定,高度自适应<image class="nav_img" mode="widthFix" src="{{img}}"></image>注意,在初次进入页面时会有高度拉伸情况,使用样式display:block可解决(二).使用bindload绑定函数动态自适应。<image src="../uploads/2.jpg" bindload="imageLoad"style="width:{原创 2021-05-18 11:25:29 · 2325 阅读 · 0 评论 -
小程序-绑定点击事件并传参
wxml:<view class="bottom_in" data-type="2" bindtap="ispraise"> <image class="img" src="../../img/my/icon1.png"></image></view>js:ispraise(event){ let type=event.currentTarget.dataset.type; console.log(type)},.原创 2021-05-18 11:03:14 · 562 阅读 · 0 评论 -
小程序-wx:if 与 hidden
wx:if与hidden都可以控制微信小程序中元素的显示与否。区别:wx:if是遇 true显示,hidden是遇 false显示。wx:if在隐藏的时候不渲染,而 hidden在隐藏时仍然渲染,只是不呈现。所以如果频繁切换的话,用 wx:if将会消耗更多资源,因为每次呈现的时候他都会渲染,每次隐藏的时候,他都会销毁。如果切换并不频繁的话,用 wx:if相对来说较好些,因为它会避免初始就一下渲染那么多。使用方式<view class="bottom_...原创 2021-05-18 10:57:31 · 535 阅读 · 0 评论 -
小程序-下拉刷新与加载更多
json:{ "enablePullDownRefresh": true}wxml:<view class='container'> <!-- 列表 --> <view class='oul'> <navigator class='oli' wx:for="{{list}}" wx:key="index" url='../detail/detail?id={{item.book_id}}' open-type="naviga原创 2021-05-14 11:27:29 · 204 阅读 · 0 评论 -
解决:小程序wx.switchTab: url 不支持 queryString
将需要传的参数放到全局js中。1.定义全局参数:app.js中: globalData: { a: 0, //初始值 b: '', },2.第一个页面中跳转前将参数放到全局js中: var app = getApp() Page({ // 给全局参数赋值 app.globalData.a= 1 app.globalData.b= 'haha' wx.switchTa原创 2021-05-08 23:07:25 · 3941 阅读 · 0 评论 -
微信小程序路由与参数传递
小程序跳转页面分两种方式:第一种是tabBar页面,就是底部app.json定义那几个tabBar 第二种为非tabBar页面,除去上面的就为非tabBar页面。第一种跳转到tabBar:说明:跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面wx.switchTab({ url: '/pages/mine/mine',})注意:在跳转到tabBar页面时无法携带参数,如果想要携带参数,可使用全局变量第二种重定向到非tabBar页面,最大特点没有返回按钮原创 2021-05-08 14:07:38 · 594 阅读 · 0 评论 -
小程序点击按钮分享
小程序分享小程序中除了右上角的自带分享之外,还可以做成点击按钮分享wxml<button class="bottom_in" open-type="share" id="share" plain="true" > <image class="img" src="../../img/my/share.png"></image></button>其中open-type="share"是核心属性,且只能由button元素触发js原创 2021-05-05 22:27:51 · 3549 阅读 · 0 评论 -
小程序Cannot read property ‘setData‘ of null;
报错代码:错误原因:因为this作用域指向问题,success方法指向闭包,所以这个this是闭包里面。解决方法原创 2021-05-02 22:59:42 · 310 阅读 · 0 评论 -
微信小程序请求服务器接收不到参数
原来是wx.request默认header头部为: headers: { 'Content-Type': 'application/json' },这种模式对于原来接口不能接收,应改为: header: { 'content-type': 'application/x-www-form-urlencoded' },原创 2021-05-02 22:51:31 · 374 阅读 · 0 评论 -
小程序--组件的创建与参数传递
一、父传子父代码:wxml:<no_data id='no_data' title="暂无数据"></no_data>json{ "backgroundTextStyle": "dark", "navigationBarBackgroundColor": "#fff", "navigationBarTitleText": "点赞列表", "navigationBarTextStyle": "black", "backgr原创 2021-05-02 22:44:06 · 241 阅读 · 0 评论 -
微信小程序——get,post请求封装
项目目录:util.js:var header //请求头// 封装post请求const post = (url, data, isUrl) => { header = { 'content-type': isUrl ? 'application/x-www-form-urlencoded' : 'application/json ', 'Cookie': wx.getStorageSync("cookieKey") //读取cookie 'toekn原创 2021-01-16 22:40:38 · 975 阅读 · 0 评论