style: avater and task

components/taskList/taskList.acss

@@ -25,12 +25,14 @@
     flex: 1;
     font-size: 28rpx;
     line-height: 80rpx;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
 }
 
-.task-box>.task-title>.avater {
+.task-box>.avater {
     width: 48rpx;
     height: 48rpx;
-    position: absolute;
     right: 14rpx;
     top: 16rpx;
     line-height: 48rpx;

components/taskList/taskList.axml

@@ -4,7 +4,7 @@
   <view class="task-box" a:for='{{taskList}}'>
     <template is="checkbox" data="{{ status: item.taskStatus, id: item.id, groupId: item.groupId, scheduleId: item.scheduleId}}"></template>
     <view class="task-title" data-pop="{{title: '会议任务', type: 'updateTask'}}" onTap="showPop" data-task="{{item}}">{{item.taskInfos.taskTitle}}
-      <template is="avater" a:if="{{item.acceptorInfo}}" data="{{item: item.acceptorInfo}}"/>
     </view>
+    <template is="avater" a:if="{{item.acceptorInfo}}" data="{{item: item.acceptorInfo, split: 1}}"/>
   </view>
 </view>
\ No newline at end of file

template/avater/index.axml

@@ -2,7 +2,7 @@
 <template name="avater">
     <view class="avater">
         <image a:if="{{item.headUrl}}" mode="scaleToFill" src="{{item.headUrl}}" />
-        <text a:else>{{item.platform === "outlook" ? item.username.slice(0, 2) : item.username.slice(-2)}}
+        <text a:else>{{item.platform === "outlook" ? item.username.slice(0, split || 2) : item.username.slice(-(split || 2))}}
         </text>
     </view>
 </template>
\ No newline at end of file