Task：消息页改版

pkg_common/views/roomLogs.vue

@@ -16,14 +16,21 @@
             @click.stop="removeRoom(item.room_id)"
           >
           <view  class="item v12-pa-3">
-            <view class="v12-justify-between flex" @click="goRoom(item)">
+            <view class="v12-justify-start flex" @click="goRoom(item)">
               <image class="cover flex-0" :src="item.store_avatar || webUrl+'/20221114155314348118.png'"/>
               <view>
-                <view class="flex jc-between ai-center">
+                <view class="flex jc-between ai-center" style="position: relative">
+                  <view class="v12-align-center">
                     <view class="name more-t">{{ item.store_name }}</view>
+                    <view v-if="item.is_official" class="guanfang">官方</view>
+                    <view v-else class="shangjia">商家</view>
+                  </view>
                   <view class="datetime" v-if="item.last_msg">{{ item.last_msg.created_at }}</view>
                 </view>
-                <view class="sub one-t" v-if="item.last_msg">{{ item.last_msg.msg_type===0?item.last_msg.msg_content:'[图片]' }}</view>
+                <view class="sub v12-align-center v12-justify-between" v-if="item.last_msg">
+                  <view class="one-t">{{ item.last_msg.msg_type===0?item.last_msg.msg_content:'[图片]' }}</view>
+                  <view v-if="item.unread_num > 0" class="unread-num v12-primary"> {{ item.unread_num < 99 ? item.unread_num : '99+' }}</view>
+                </view>
               </view>
             </view>
           </view>
@@ -103,6 +110,37 @@ export default {
 }
 </style>
 <style scoped lang="less">
+.unread-num{
+  color: #FFFFFF;
+  height: 38rpx;
+  width: 38rpx;
+  border-radius: 50%;
+  line-height: 38rpx;
+  text-align: center;
+  font-size: 20rpx;
+}
+.guanfang{
+  color: #ee6f6e;
+  background: #fad7d7;
+  width: fit-content;
+  font-size: 16rpx;
+  padding: 0 4rpx;
+  border-radius: 4rpx;
+  z-index: 9;
+  top: 0;
+  white-space: nowrap;
+}
+.shangjia{
+  color: #5791fe;
+  background: #dce9ff;
+  width: fit-content;
+  font-size: 16rpx;
+  padding: 0 4rpx;
+  border-radius: 4rpx;
+  z-index: 9;
+  top: 0;
+  white-space: nowrap;
+}
 .common-roomLogs {
   min-height: 100vh;
   box-sizing: border-box;
@@ -117,7 +155,7 @@ export default {
       width: 80rpx;
       height: 80rpx;
       margin-right: 18rpx;
-      border-radius: 50%;
+      border-radius: 16rpx;
     }
 
     .name {