|
<!DOCTYPE html>
<html>
<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/contact.js"></script>
</head>
<body class="pages-contact">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar common-bg-white">
<h1 class="ipu-toolbar-title">通讯录</h1>
<a class="ipu-fn-left page-back" href="javascript:history.back();">
<i class="ipu-icon ri-arrow-left-s-line"></i>
</a>
</header>
<div class="common-search ipu-flex-middle">
<div class="ipu-flex-grow-1 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>
<form class="ipu-flex-grow-1 common-search-wrap">
<input class="common-search-input" placeholder="" type="search">
</form>
<i class="ipu-flex-grow-0 common-search-input-clear ri-close-circle-fill"></i>
</div>
<div class="ipu-flex-grow-0">
<button class="ipu-btn common-search-btn">搜索</button>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content common-bg-white contact-common on">
<div class="recent-contact-title">
常用联系人
</div>
<div class="common-page-content">
<div class="recent-contact">
<div class="ipu-list common-list-padding common-list">
<ul>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="ipu-flex-content common-bg-white contact-search" id="refresh-contact">
<div class="ipu-refresh-wrapper ">
<div class="common-page-content">
<div class="recent-contact">
<div class="ipu-list common-list-padding common-list">
<ul>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<div class="contcat-img contcat-img-text">笑笑</div>
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)(luxf@asiainfo.com)(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
<li class="ipu-list-item ipu-flex-middle">
<div class="contact-avater">
<img class="contcat-img" alt="" src="temp/1.png">
</div>
<div class="ipu-list-item-inner ipu-flex-middle">
<div class="ipu-flex-grow-1">
<div class="ipu-list-item-title-row">
<div>
<span class="contact-name">张笑笑</span>
<span class="contact-mail">(luxf@asiainfo.com)</span>
</div>
</div>
<div class="ipu-list-item-subtitle ipu-flex">
<div class="contact-info-item ipu-flex-middle">
<i class="icon ri-home-8-fill"></i>
<div class="contact-leader">
产品与解决方案部
</div>
</div>
</div>
</div>
<div class="ipu-flex-grow-0">
<i class="icon-phone-flag ri-phone-fill"></i>
</div>
</div>
</li>
</ul>
</div>
<div class="data-empty-message">
没有查找到联系人
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
