WeChatアプレットテクニック

1.画像
画像怠惰ロードlazy-load='true'
画像のサイズは元の比率に制限されません. mode='widthFix'
画像のサイズは縦横比で拡大縮小してください.完全に表示されますが、敷き詰められていません.  mode='aspectFit'
写真の大きさは同じではありません.mode='aspectFill'
2.画像をクリックする

  previewImage: function (e) {
    var urls = [];
    var imgsd = this.data.imgsedetaiol;
    var id = e.currentTarget.dataset.id;
    for (let i in imgsd) {
      urls.push(imgsd[i].file_thumb_url);
      if (id == imgsd[i].id) {
        var cu = imgsd[i].file_thumb_url
      }
    }
    wx.previewImage({
      current: cu, //        http  
      urls: urls //        http    
    });
  },

3.写真をアップロードする

chooseImage: function () {
var self =this
wx.chooseImage({
// count: 1,
sizeType: ['compressed'],
sourceType: ['album','camera'],
success: function(res) {
console.log('chooseImage success, temp path is', res.tempFilePaths[0])
var imageSrc = res.tempFilePaths;
for (let iin imageSrc){
wx.uploadFile({
url: '/api/upload/uploadImage',
filePath: imageSrc[i],
name: 'data',
success: function(res) {
console.log('uploadImage success, res is:', res)
var resf = JSON.parse(res.data);
if (resf.code== "1"){

self.setData({
imgsedetaiol: self.data.imgsedetaiol.concat(resf.list|| []),
})

} else{

}

},
fail: function({ errMsg }){
console.log('uploadImage fail, errMsg is', errMsg)
}
})
}

},
fail: function({ errMsg }){
console.log('chooseImage fail, err is', errMsg)
}
})
},

4.複数取得

var inmany =[
{ name:'1', value:'  ', checked:false },
{ name:'2', value:'  ', checked:false },
{ name:'3', value:'    ', checked:false },
{ name:'4', value:'    ', checked:false },
];
var inArray =["  ",
"  ",
"    ",
"    ",
];
var main_income = list.main_income.split(",")
for (var iin main_income){
inmany[inArray.indexOf(main_income[i])].checked= true;
}
that.setData({
inmany: inmany
})

5.複数のinput値setData

zuyxqevent: function(e) {
var that =this;

var name = e.currentTarget.dataset.name;
var id = e.detail.value;
switch (name){
case 'houseadress':
that.setData({
'basic.household_address': id
})
break;
case 'housecode':
that.setData({
'basic.household_no': id
})
break;
case 'housetype':
that.setData({
'basic.household_type': id
})
break;
case 'reason':
that.setData({
'basic.poor_reason': id.join(",")
})
break;
case 'intype':
that.setData({
'basic.main_income': id.join(",")
})
break;
case 'outtype':
that.setData({
'basic.main_pay': id.join(",")
})
break;
case 'help':
that.setData({
'basic.gov_help': id
})
break;
case 'jiaju':
that.setData({
'basic.household_furniture': id.join(",")
})
break;

}
},

6までシェアします

  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      //          
      console.log(res.target)
    }
    return {
      title: '      :' + this.data.account + '。      ：' + this.data.youxiao,
   
     // path: '/pages/VisitorPassword/index',
      success: function (res) {
        //     
      },
      fail: function (res) {
        //     
      }
    }
  },

7.小ヒントパッケージ