|
<!DOCTYPE html>
<html lang="en">
<head>
<title>群组-成员列表</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/lib/remixicon/remixicon.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/page/group-member-more.js"></script>
</head>
<body class="pages-group-member-more">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">群成员(<span class="group-member-total">12</span>)</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
<a class="ipu-fn-right" href="javascript:history.back();">
<i class="ipu-icon ri-record-circle-line"></i>
</a>
</header>
<div class="common-search">
<div class="ipu-flex common-search-content">
<div class="ipu-flex-center-middle common-search-tip">
<i class="common-search-icon ri-search-2-line"></i>
<span class="common-search-tip-msg">搜索</span>
</div>
<div class="ipu-flex-grow-1 common-search-wrap">
<input class="common-search-input" placeholder="">
</div>
<i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto ipu-fn-p-b">
<div class="group-member-block">
<div class="block-head">
<span class="block-head-title">
参与人
</span>
</div>
<div class="block-body">
<div class="group-member-list">
<div class="group-member-item">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-manager-flag group-manager-flag-owner"></div>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-manager-flag"></div>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-manager-flag"></div>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<div class="group-member-item ">
<img class="group-member-avater" src="./temp/1.png" alt=""/>
<div class="group-member-name">孙欢欢</div>
</div>
<!-- 增加了除创建人以外的成员显示移除入口-->
<div class="group-member-item ">
<div class="group-member-action ipu-flex-middle-center group-member-action-remove ">
<i class="icon ri-subtract-fill"></i>
</div>
<div class="group-member-name "></div>
</div>
<div class="group-member-item">
<div class="group-member-action ipu-flex-middle-center group-member-action-add">
<i class="icon ri-add-fill"></i>
</div>
<div class="group-member-name"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
