nvue text元素要嘛无法撑开父级元素,要嘛无法换行,有大佬帮忙看看吗。代码如下(无法换行)
<template>
<view class="flex-1 bg-dark" @click="inputClosed">
<list class="flex flex-column flex-1 bg-danger">
<cell class="bg-dark flex">
<view class="flex flex-column flex-1 bg-grey">
<view class="flex-row margin-center">
<text class="font-weight-bold">全部评论·</text>
<text class="font-weight-bold">8</text>
</view>
<view class="flex flex-row m-2 bg-danger flex-1">
<view>
<image src="../../static/logo.png" mode="" style="width: 80rpx;height: 80rpx;"
class="rounded-circle"></image>
</view>
<view class="flex flex-1 flex-column margin-center border-bottom align-start bg-dark">
<text class="text-muted font margin-center-TB-10">名字</text>
<text class="flex-1 font margin-center-TB-10" style="word-wrap: normal;">大大啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊da的点点滴滴多多多多多多多多多多大大大多</text>
<text class="text-muted font-sm margin-center-TB-10">2014-11-12</text>
</view>
</view>
</view>
</cell>
</list>
</view>
</template>
luyisac (作者)
你好,这是整个页面的vue。我只设置了flex-1,并没有设置width,因为手设置width要吗固定,要吗计算比较麻烦。
2023-03-20 10:52
小黑子爱rap
回复 luyisac你可以最外层的view设置一个width:750rpx;
2023-03-20 11:41