小程序问题汇总

小程序开发问题汇总(会持续更新遇到的问题):

  1、小程序new Date('2020/01/15 15:00')处理时间的时候,在IOS真机上不支持‘-’连接的时间格式,会报undefined,在安卓和工具上可以;在处理日期的时候需要将'2020-01-15'这种格式的日期转换成'2020/01/15'这种格式的才可以;

  2、小程序引入三种文件类型的方法:引入js使用require('路径');引入wxml使用 <include src="../template/template.wxml" />;引入css:使用@import "../template/template.wxss";

  3、富文本设置所有img的样式:

 1 // 小程序<rich-text/>设置所有img的样式
 2 Page({
 3       onLoad: function (options) {
 4           let con = decodeURIComponent(options.params), //富文本内容
 5           pattern = con.replace(/[^\u4e00-\u9fa5]/gi, ""); //提取所有汉字
 6           this.setData({
 7               content: con.replace(/<img/g, '<img style="max-width:100%;height:auto;display:block;margin-top:40rpx;margin-bottom:40rpx;margin:0 auto;"')
 8           })
 9       },
10 })

  4、解决wxParse富文本插件图片无法预览得问题,参考这篇文章https://blog.csdn.net/zhuming3834/article/details/74380079,但是根据文章操作后没发现内容竟然不显示了,最终解决如下:

 

// 修改wxParse.js中得两处内容
 var bindData = {};
  bindData[bindName] = transData;
  that.setData(bindData);
  that.bindData = bindData; //增加了行代码
  that.wxParseImgLoad = wxParseImgLoad;
  that.wxParseImgTap = wxParseImgTap;


// 图片点击事件
function wxParseImgTap(e) {
  var that = this;
  var nowImgUrl = e.target.dataset.src;
  var tagFrom = e.target.dataset.from;
  if (typeof (tagFrom) != 'undefined' && tagFrom.length > 0) {
    wx.previewImage({
      current: nowImgUrl, // 当前显示图片的http链接
      // urls: that.data[tagFrom].imageUrls // 需要预览的图片http链接列表
      urls: that.bindData[tagFrom].imageUrls // 增加了这行代码
    })
  }
}

   5、小程序引用图片真机出现模糊的问题:可使用2倍或3倍图解决,或将2倍、3倍图转换base64后即可解决;

posted @ 2020-01-17 15:01  认真,是一种态度  阅读(316)  评论(0编辑  收藏  举报