小程序碰到问题记录

1.小程序想根据内容撑开平铺放入背景图

<view  class\="detail"  style\="background:url(XXX) repeat">

2.field 表单的字想两端对齐

text-align: justify;
text-align-last: justify;

3.小程序支付

return  new  Promise(resolve => {

  payOrder(orderNo).then(res => {

    if (res.data.code === "SUCCESS") {

      wx.requestPayment({

        "timeStamp": res.data.timeStamp,

        "nonceStr": res.data.nonceStr,

        "package": res.data.package,

        "signType": res.data.signType,

        "paySign": res.data.paySign,

        success() {

            resolve();

        },

        fail() {

            wx.showToast({

            title: "支付失败"

            })

        }

    })

} else {

    wx.showToast({

    title: res.data.msg,

    icon: "none"

    })

}

})

4.动态获取元素高度

var obj=wx.createSelectorQuery();
obj.selectAll('.className').boundingClientRect(function (rect) {
    console.log(rect[0].height)
    console.log(rect[0].width)
})
obj.exec() ;

5.小程序摇一摇

// 摇一摇

accelerometerChange() {

wx.onAccelerometerChange(res => {

// 左右摇

if(!this.data.isYao){

return

}

if (Math.abs(res.x) > 0.3 && Math.abs(res.y) > 0.3) {

// 摇一摇之后的事件例如：音乐，动画。。。

}

})

},

记得离开的时候销毁

onHide() {

    this.setData({

    isYao:false

    })

},

5.创建背景音乐

const bgMusic = wx.getBackgroundAudioManager() //创建背景音乐
// 开始播放

listenerButtonPlay: function (src) {

var that = this

bgMusic.title = src

bgMusic.src = src;

bgMusic.onTimeUpdate(() => { //监听音频播放进度

// console.log(bgMusic.currentTime)

})

bgMusic.onEnded(() => { //监听音乐自然播放结束

that.listenerButtonPlay(that.data.musicMsg)

})

this.setData({

shifouplay: true,

})

bgMusic.play(); //播放音乐

},
//暂停

audioPause: function () {

var that = this

let shifouplay = this.data.shifouplay

if (shifouplay){

this.setData({

shifouplay:false,

})

bgMusic.pause(); //播放音乐

}else{

this.setData({

shifouplay: true,

})

bgMusic.play(); //暂停播放音乐

}

},
//停止播放

listenerButtonStop: function () {

bgMusic.stop()

},

离开的时候记得销毁音乐

6.后台给你的数据是标签需要解析

解决方式使用wxParse
1.在github 上下载
https://github.com/icindy/wxParse
2.把wxParse文件夹复制到你的项目里
3.在app.wxss里引用样式；防止样式错乱；也可以局部引入，在你需要的文件.wxss 里引入
@import "/wxParse/wxParse.wxss";
4.在需要解析html内容的页面对应的js文件里引入wxParse

var  WxParse = require('../../wxParse/wxParse.js');

动态获取内容

let that=this;
const article = res.data.data.node //带有html的
WxParse.wxParse('article', 'html', article, that, 5);

第三个 article 是你要渲染的数据名称
* WxParse.wxParse(bindName , type, data, target,imagePadding)

            * 1.bindName绑定的数据名(必填)

            * 2.type可以为html或者md(必填)

            * 3.data为传入的具体数据(必填)

            * 4.target为Page对象,一般为this(必填)

            * 5.imagePadding为当图片自适应是左右的单一padding(默认为0,可选)*/

注意：这里不需要setData； 作者因为setData 找了半个小时的bug,尴尬
5.到了引用的地方了在wxml里
最顶部

<import  src="../../wxParse/wxParse.wxml"  />

内容里

<view  class="main">

<template  is='wxParse'  data="{{wxParseData:article.nodes}}"/>

</view>