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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions