應用(2)——
阿新 • • 發佈:2020-12-10
1.豆瓣 電影評星
//wxml
用的wx:for="{{6}}"
//wxss
.film-list{
width:100%;
white-space:nowrap;
}
.film-item{
display:inline-block;
width:200rpx;
padding:0 12rpx;
}
2.豆瓣 文字過長省略號處理
.film-name{
white-space:nowrap;
overflow:hidden;
text-flow:ellipsis;
}
3.JS 裡的promise
官方:
new Promise( funciton(resolve, reject) {...} );
var isLiForget = false; //是否生日送了禮物 var getCloth = new Promise(fucntion (resolve, reject){ if(!isLiFroget){ //沒忘記 var cloth = { color: 'red', price: '$20' }; resolve(cloth); //得到衣服 }else{ var err = new Error("forgot the promise"); //忘了 reject(err); } }); //呼叫Promise var testFn = function(){ getCloth.then(function(fulfilled){ console.log(fulfilled); }).catch(function(rejected){ console.log(rejected.message); }); } testFn();
4.將功能加在非同步操作之後(豆瓣——上拉載入的細節處理——10:29)
loadListData(){
return content... //content是一個非同步操作loadListData的內容,給加一個renturn可以實現目的
}
this.loadListData().then => (() => { //在loadListData之後執行setData
this.setData({
showLoading:false
})
})