1.flex-weap换行
width: 100%; display: flex; flex-wrap: wrap;
2. 页面传参encodeURIComponent转特殊符号
var list = JSON.stringify(this.list);
url: `/pages/xxxxxxx?data=${encodeURIComponent(list)}`
3.加载网络网页
<web-view :webview-styles="webviewStyles" :src="jumpUrl"></web-view>
jumpUrl:'',
webviewStyles:{
width:"100%",
height:"100%",
}
4.复制粘贴
<view class="feng" id="address">{{address}}</view>
<input type="hidden" id="input" :value="address" style="position: absolute;left:-100000rpx">
<view class="feng1" @click="copy">点击复制充值地址</view>
copy(){
var input = document.getElementsByTagName("input")[0]
input.value = this.address; // 修改文本框的内容
input.select(); // 选中文本
document.execCommand("copy"); // 执行浏览器复制命令
uni.showToast({
title:"复制成功",
icon: "none",
});
},
5.上拉刷新
<view v-if="finished && list.length >0" class="finished">我是有底线的...</view>
data(){
return{
finished: false,//是否到达最后一页
}
},
method:{
//上拉刷新
onReachBottom(){//触底后,页面数+1
this.page++;
this.loadingType = 0;
if(!this.finished) {
this.xxx();
}
},
xxx() {
const params = {
limit:'',
page: this.page,
showType: this.tabIndex,
};
this.loading = true;
if (this.loadingType !== 0) { //loadingType!=0;直接返回
return false;
}
this.loadingType = 1;
uni.showNavigationBarLoading(); //显示加载动画
orderList(params).then((res) => {
this.loading = false;
uni.stopPullDownRefresh()
if (res.status) {
let pageCount = res.data.pages;//取总页数
if(this.page >= pageCount) {//优化,当页面大于1页的时候显示我是有底线的
this.finished = true;//到达最后一页了
}
this.list = this.list.concat(res.data.list);
this.loadingType = 0; //将loadingType归0重置
uni.hideNavigationBarLoading(); //关闭加载动画
} else {
this.loadingType = 2;
uni.hideNavigationBarLoading(); //关闭加载动画
uni.showToast({
title:res.message
})
}
});
},
}