移动端首页面错位

旗开得胜

移动端首页面如果待办标题太长，会导致错位，如下图，时间直接顶到到后面，待办和已办也不对齐了，标题短的时候没有问题

jishuang

/UI2/portal/mobile/main/main.w中把

1.   <div component="$UI/system/components/justep/output/output"
   
2.                   class="x-flex1 x-output content-data" xid="output7" bind-ref="ref('fContent')"/>  

复制代码

修改为

1.   <div component="$UI/system/components/justep/output/output"
   
2.                   class="x-flex1 x-output" xid="output7" bind-ref="ref('fContent')"/>  

复制代码

旗开得胜

这样修改可以换行了，但是如果待办中的标题很长，换行后，数据会和已办的数据重合

jishuang

可以自己修改样式控制padding的间距大点

旗开得胜

问题是标题可能很长，也可能很短，一个标题换行后，到底是多少行是不固定的，所以这种换行的方式是否友好呢？我现在觉得两种方式吧，一种就是你说的这种，动态修改padding高度，还有一种是标题长了直接用三个点。。。显示，不换行，

jishuang

还有一种是标题长了直接用三个点。。。显示，不换行
这个也可以自己定义样式实现
http://docs.wex5.com/bex5-ui-question-list-10129/
把样式加到output中

旗开得胜

不行啊，直接放在style属性上，没有效果

jishuang

.content-task{       
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width:10px;
}

把class加到output上

旗开得胜

结贴