HTML+Laravel管理后台模板+XD设计文件

<?php $__env->startSection('subhead'); ?> <title>Chat - Rubick - Tailwind HTML Admin Template</title> <?php $__env->stopSection(); ?> <?php $__env->startSection('subcontent'); ?> <div class="intro-y flex flex-col sm:flex-row items-center mt-8"> <h2 class="text-lg font-medium mr-auto">Chat</h2> <div class="w-full sm:w-auto flex mt-4 sm:mt-0"> <button class="btn btn-primary shadow-md mr-2">Start New Chat</button> <div class="dropdown ml-auto sm:ml-0"> <button class="dropdown-toggle btn px-2 box text-slate-500" aria-expanded="false" data-tw-toggle="dropdown"> <span class="w-5 h-5 flex items-center justify-center"> <i class="w-4 h-4" data-lucide="plus"></i> </span> </button> <div class="dropdown-menu w-40"> <ul class="dropdown-content"> <li> <a href="" class="dropdown-item"> <i data-lucide="users" class="w-4 h-4 mr-2"></i> Create Group </a> </li> <li> <a href="" class="dropdown-item"> <i data-lucide="settings" class="w-4 h-4 mr-2"></i> Settings </a> </li> </ul> </div> </div> </div> </div> <div class="intro-y chat grid grid-cols-12 gap-5 mt-5"> <!-- BEGIN: Chat Side Menu --> <div class="col-span-12 lg:col-span-4 2xl:col-span-3"> <div class="intro-y pr-1"> <div class="box p-2"> <ul class="nav nav-pills" role="tablist"> <li id="chats-tab" class="nav-item flex-1" role="presentation"> <button class="nav-link w-full py-2 active" data-tw-toggle="pill" data-tw-target="#chats" type="button" role="tab" aria-controls="chats" aria-selected="true" > Chats </button> </li> <li id="friends-tab" class="nav-item flex-1" role="presentation"> <button class="nav-link w-full py-2" data-tw-toggle="pill" data-tw-target="#friends" type="button" role="tab" aria-controls="friends" aria-selected="false" > Friends </button> </li> <li id="profile-tab" class="nav-item flex-1" role="presentation"> <button class="nav-link w-full py-2" data-tw-toggle="pill" data-tw-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false" > Profile </button> </li> </ul> </div> </div> <div class="tab-content"> <div id="chats" class="tab-pane active" role="tabpanel" aria-labelledby="chats-tab"> <div class="pr-1"> <div class="box px-5 pt-5 pb-5 lg:pb-0 mt-5"> <div class="relative text-slate-500"> <input type="text" class="form-control py-3 px-4 border-transparent bg-slate-100 pr-10" placeholder="Search for messages or users..."> <i class="w-4 h-4 hidden sm:absolute my-auto inset-y-0 mr-3 right-0" data-lucide="search"></i> </div> <div class="overflow-x-auto scrollbar-hidden"> <div class="flex mt-5"> <?php $__currentLoopData = array_slice($fakers, 0, 10); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $faker): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <a href="" class="w-10 mr-4 cursor-pointer"> <div class="w-10 h-10 flex-none image-fit rounded-full"> <img alt="Midone - HTML Admin Template" class="rounded-full" src="<?php echo e(asset('dist/images/' . $faker['photos'][0])); ?>"> <div class="w-3 h-3 bg-success absolute right-0 bottom-0 rounded-full border-2 border-white dark:border-darkmode-600"></div> </div> <div class="text-xs text-slate-500 truncate text-center mt-2"><?php echo e($faker['users'][0]['name']); ?></div> </a> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> </div> </div> <div class="chat__chat-list overflow-y-auto scrollbar-hidden pr-1 pt-1 mt-4"> <?php $__currentLoopData = array_slice($fakers, 0, 10); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $faker): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?> <div class="intro-x cursor-pointer box relative flex items-center p-5 <?php echo e($key ? 'mt-5' : ''); ?>"> <div class="w-12 h-12 flex-none image-fit mr-1"> <img alt="Midone - HTML Admin Template" class="rounded-full" src="<?php echo e(asset('dist/images/' . $faker['photos'][0])); ?>"> <div class="w-3 h-3 bg-success absolute right-0 bottom-0 rounded-full border-2 border-white dark:border-darkmode-600"></div> </div> <div class="ml-2 overflow-hidden"> <div class="flex items-center"> <a href="javascript:;" class="font-medium"><?php echo e($faker['users'][0]['name']); ?></a> <div class="text-xs text-slate-400 ml-auto"><?php echo e($faker['times'][0]); ?></div> </div> <div class="w-full truncate text-slate-500 mt-0.5"><?php echo e($faker['news'][0]['short_content']); ?></div> </div> <?php if($faker['true_false'][0]): ?> <div class="w-5 h-5 flex items-center justify-center absolute top-0 right-0 text-xs text-white rounded-full bg-primary font-medium -mt-1 -mr-1"><?php echo e($faker['notification_count']); ?></div> <?php endif; ?> </div> <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?> </div> </div> <div id="friends" class="tab-pane" role="tabpanel" aria-labelledby="friends-tab">