Browse Source

style(community):优化小区名称列的文本显示- 为小区名称添加 no-wrap 样式类- 设置文本溢出时显示省略号

- 防止文本换行以保持表格整洁
master
科技小王子 6 days ago
parent
commit
07903f4b3c
  1. 8
      pages/community/index.vue

8
pages/community/index.vue

@ -4,7 +4,7 @@
<u-list> <u-list>
<!-- 表头 --> <!-- 表头 -->
<u-list-item class="table-header"> <u-list-item class="table-header">
<view class="table-row bg-gray-light">
<view class="table-row bg-gray-light no-wrap">
<view class="table-cell header-cell name-cell">小区名称</view> <view class="table-cell header-cell name-cell">小区名称</view>
<view class="table-cell header-cell">联系电话</view> <view class="table-cell header-cell">联系电话</view>
<view class="table-cell header-cell">服务等级</view> <view class="table-cell header-cell">服务等级</view>
@ -115,4 +115,10 @@ export default {
.header-cell { .header-cell {
color: #333; color: #333;
} }
.no-wrap{
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
</style> </style>

Loading…
Cancel
Save