swiper轮播组件默认高度150px,且不会被内容撑开,可自己设置宽高
swiper-item 默认100% 100%
<image>默认宽度320px,默认高度240px
swiper{ //默认宽750rpx,宽高比2.3的话,height:calc(750rpx/2.3);}
image{ height:100%;}
export default{
data(){
return{
params:{
limit:30,
order:”new”,
skip:0
},
banner:[],
album:[],
hasMore:true
}
},
Mounted(){
uni.setNavigationBarTitle({title:”改了导航标题”})
this.getList();
},
methods:{
getList(){
this.request({
url:’http://xxx’,
data:this.params
}).then(res=>{
if(this.banner.length==0){
this.banner = res.banner
}
if(res.album.length==0){
this.hasMore = false;
return;
}
this.album = [...this.album,...res.album];
})
},
handleToLower(){
if(this.hasMore){
this.params.skip += this.params.limit;
this.getList();
}else{
uni.showToast({
title:”没有数据了”,
icon:”none”
})
}
}
}
<navigator url=”/pages/xxx”>123</navigator>可以直接点击跳转url页面
文字只显示一行,溢出隐藏,显示。。。
box{ display:flex;} left{flex:1;} right{flex:2; overflow:hidden;}
right-text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
right-text文字nowrap会把右边的占两份的flex子盒子撑开,设置overflow:hidden可保持1比 2显示,溢出部分的文字隐藏,显示。。。