女盆友的记忆如鱼一样

199 阅读1分钟
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
            })
            }
        });
},
}