一些uni-app

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显示,溢出部分的文字隐藏,显示。。。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值