php - 如何在 laravel 中显示发件人消息右侧和接收者消息左侧

Question

friend 们大家好我是 laravel 的新手，我在消息模块上工作。我得到了两个用户之间的所有消息对话。但我希望发件人消息显示在右侧，接收者消息显示在左侧。

我的 View 页面。

<div class="section-content">
  <?php foreach($data1 as $row){?>
  <div class="row chat">
    <div class="col-md-6">
      <div class="bubble1 me" style="color:black"><p><?php echo $row->message;?></p>
      </div>
    </div>
  </div>
  <div class="row chat">
    <div class="bubble you" style="color:white"><p><?php echo $row->message;?></p></div>
  </div><?php }?> 
</div>

我的 Controller

$result=DB::table('messages')
                  ->join('user_register','messages.sendermsgid','=','user_register.id')
                  ->where('sendermsgid', $senderid)->where('receivermsgid',$receivermsgid)
                  ->orwhere('sendermsgid',$receivermsgid)->where('receivermsgid',$senderid)
                  ->select('messages.message','messages.sendermsgid','messages.receivermsgid','user_register.first_name as name')
                  ->orderby('messages.sdate','desc')
                  ->get();
 return view('users.messageschat')->with('data1',$result);

我遇到这样的错误

Receiver Messages
                       Sender Messages
Receiver Messages
                       Sender Messages
Sender  Messages     
                       Receiver Messages 

我想像这样显示我的聊天

   Receiver Messages
                           Sender Messages
   Receiver Messages
                           Sender Messages
   Receiver Messages     
                           Sender Messages
   Receiver Messages 
                           Sender Messages

Answer 1

为每个 row chat 项添加一个 margin-left css 属性。我是说 div.row 或 div.chat。