Skip to content

[IxDesc和IxText]: IxText和IxDesc配合问题 #2046

@SiZDFromZH

Description

@SiZDFromZH

Steps to reproduce

<template>
    <div class="container">
        <IxDesc header="test1" :col="4">
            <IxDescItem label="test11" :col="1">
                <IxText :ellipsis="{rows: 1 }">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet nesciunt obcaecati nihil a
                    veniam molestiae ut cumque debitis ullam pariatur, placeat in excepturi neque eos vitae accusamus
                    tempora sint.
                </IxText>
            </IxDescItem>
        </IxDesc>
        <IxDesc header="test2" :col="4">
            <IxDescItem label="test21" :col="1">
                <IxText :ellipsis="{ rows: 2 }">
                    Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, amet nesciunt obcaecati nihil a
                    veniam molestiae ut cumque debitis ullam pariatur, placeat in excepturi neque eos vitae accusamus
                    tempora sint.
                </IxText>
            </IxDescItem>
        </IxDesc>
    </div>
</template>

<script setup lang="ts">
</script>

<style lang="less" scoped>
.container {
    width: 600px;
    height: 600px;
    margin: 0 auto;
    background-color: silver;
    font-size: 16px;
}
</style>

What is expected?

1.这个IxText的宽度没有被IxDescItem限制住,(我更期待是直接IxDescItem可以限制住IxText的宽度)

What is actually happening?

Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions