🎨 群成员弹窗新增一个关闭按钮

This commit is contained in:
李寻欢 2024-07-15 14:34:56 +08:00
parent 3c92f83745
commit e324fb2015

View File

@ -1,9 +1,19 @@
<dialog id="groupUserModal" class="modal"> <dialog id="groupUserModal" class="modal">
<div class="modal-box w-11/12 max-w-7xl"> <div class="modal-box w-11/12 max-w-7xl">
<div class="flex justify-between">
<div class="flex"> <div class="flex">
<h3 class="font-bold text-lg" id="groupUserModalName">我是群名称</h3> <h3 class="font-bold text-lg" id="groupUserModalName">我是群名称</h3>
<h3 class="font-bold text-lg ml-5" id="groupUserCount">(健在成员100人)</h3> <h3 class="font-bold text-lg ml-5" id="groupUserCount">(健在成员100人)</h3>
</div> </div>
<button type="button" onclick="document.getElementById('groupUserModal').close();" class="rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2">
<span class="sr-only">关闭</span>
<svg class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" />
</svg>
</button>
</div>
<div class="divider divider-warning">成员列表</div> <div class="divider divider-warning">成员列表</div>
<table class="table table-zebra"> <table class="table table-zebra">
<thead> <thead>