02.26vue布局 tableViewCell左右布局(文字显示两行)

最新推荐文章于 2025-03-26 16:51:29 发布

lvlemo

最新推荐文章于 2025-03-26 16:51:29 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

分类专栏： vuejs html

本文链接：https://blog.youkuaiyun.com/lvlemo/article/details/79361269

vuejs 同时被 2 个专栏收录

39 篇文章

订阅专栏

html

2 篇文章

订阅专栏

本文探讨了决定贷款买房额度的关键因素，包括个人信用记录、收入水平、债务负担比等，并提供了实用建议帮助读者提高贷款审批额度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<div class="xyk-strategy">
    <div class="title-box">
        <mt-cell title="信用卡攻略" value="查看更多" is-link></mt-cell>
    </div>

    <div>
        <div class="xyk-item" v-for="n in 2">
            <div class="left-icon-box">
                <img src="https://picsum.photos/375.0/299">
            </div>

            <div class="right-box">
                <div class="name">那些条件决定了贷款买房贷款额度呢?那些条件决定了贷款买房贷款额度呢那些条件决定了贷款买房贷款额度呢那些条件决定了贷款买房贷款额度呢那些条件决定了贷款买房贷款额度呢?那些条件决定了贷款买房贷款额度呢?</div>
                <div class="time">爱吃fei鱼 01-30</div>
            </div>
        </div>
    </div>
</div>

.xyk-item{
    display: flex;
    border-bottom: 0.5px solid lightgrey;
}

.xyk-item .left-icon-box{
    flex: 0 0 100px;
}

.xyk-item .left-icon-box img{
    width: 80px;
    height: 80px;
    margin-left: 16px;
    margin-top: 10px;
}
.xyk-item .right-box{
    flex: 1;
}

.xyk-item .right-box .name{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 20px;
    font-size: 14px;
    color: black;

    height: 40px;
    line-height: 20px;
    overflow: hidden;
    word-break: break-all;
}

.xyk-item .right-box .time{
    display: block;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}