|
<!doctype html>
<html>
<head>
<title>主界面</title>
<meta charset="utf-8">
<!-- 宽度自动适配 -->
<meta name="viewport"
content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0, user-scalable=no"/>
<!-- 不识别页面上的数字为可拨打号码 -->
<meta content="telephone=no" name="format-detection"/>
<link rel="stylesheet" type="text/css" href="ipu/ui/css/ipuUI.css">
<link rel="stylesheet" type="text/css" href="biz/css/base.css">
<script src="ipu/lib/requirejs/require.min.js"></script>
<script src="biz/js/require-config.js"></script>
<script src="biz/js/index.js"></script>
</head>
<body class="pages-index">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="ipu-nav-content">
<ul>
<!-- 首页 -->
<li class="pages-home">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<a class="ipu-fn-left notice-flag" href="javascript:;">
<i class="ipu-icon icon-notice "></i>
<!-- 最大值为99,超出99了也只能写99,三位数值会超出宽度 -->
<span class="notice-count ipu-fn-row">5</span>
</a>
<a class="ipu-fn-right" href="javascript:;">
<i class="ipu-icon icon-phone"></i>
</a>
<div class="toolbar-search-wrap">
<input type="text" class="search-input" placeholder="搜索常用功能"/>
</div>
</header>
<div class="tab-head">
<div class="ipu-flex-block">
<div class="ipu-flex-grow-1">
<ul class="ipu-flex-tiled tab-titles">
<li class="current">
<a href="javascript:;">掌上监控</a>
</li>
<li>
<a href="javascript:;">掌沃建设</a>
</li>
<li>
<a href="javascript:;">掌沃装维</a>
</li>
<li>
<a href="javascript:;">交维系统</a>
</li>
<li>
<a href="javascript:;">掌沃装维1</a>
</li>
<li>
<a href="javascript:;">交维系统2</a>
</li>
</ul>
</div>
<div class="ipu-flex-grow-0">
<div class="nav-more-icon"></div>
</div>
</div>
</div>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<ul class="tab-body">
<li>
<div class="menu-list">
<div class="menu-remain">
<ul class="">
<li class="remain-sign">
<div class="gradul-orange">
<div class="menu-icon">
<span class="notice-count2 ipu-fn-row">5</span>
</div>
</div>
<div class="ipu-fn-row menu-name">
待签
</div>
</li>
<li class="remain-conduct">
<div class="gradul-red">
<div class="menu-icon">
<span class="notice-count2 ipu-fn-row">23</span>
</div>
</div>
<div class="ipu-fn-row menu-name">
待办
</div>
</li>
<li class="remain-read">
<div class="gradul-green">
<div class="menu-icon">
<span class="notice-count2 ipu-fn-row">7</span>
</div>
</div>
<div class="ipu-fn-row menu-name">
待阅
</div>
</li>
<li class="remain-know">
<div class="gradul-wathet">
<div class="menu-icon">
<span class="notice-count2 ipu-fn-row">3</span>
</div>
</div>
<div class="ipu-fn-row menu-name">
待知
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="user-statisitcs-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
个人统计
</div>
<div class="more-logo">
</div>
</div>
<div class="statistics-list-under under-border">
<ul>
<li>
<div class="information-name">
派单数<span class="number-style">1091</span>
</div>
</li>
<li>
<div class="information-name">
超时率<span class="number-style">15%</span>
</div>
</li>
<li>
<div class="information-name">
工单签收率<span class="number-style">95%</span>
</div>
</li>
<li>
<div class="information-name">
签收及时率<span class="number-style" style="color: #75CA21">15%</span>
</div>
</li>
<li>
<div class="information-name">
回单率<span class="number-style">90%</span>
</div>
</li>
<li>
<div class="information-name">
未修先销率<span class="number-style">5%</span>
</div>
</li>
</ul>
</div>
<div class="menu-list-over ipu-fn-clear">
<div class="department-statisitcs-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
部门统计
</div>
<div class="more-logo">
</div>
</div>
<div class="statistics-list-under">
<ul>
<li>
<div class="information-name">
派单数<span class="number-style">1091</span>
</div>
</li>
<li>
<div class="information-name">
超时率<span class="number-style">15%</span>
</div>
</li>
<li>
<div class="information-name">
工单签收率<span class="number-style">95%</span>
</div>
</li>
<li>
<div class="information-name">
签收及时率<span class="number-style" style="color: #75CA21">15%</span>
</div>
</li>
<li>
<div class="information-name">
回单率<span class="number-style">90%</span>
</div>
</li>
<li>
<div class="information-name">
未修先销率<span class="number-style">5%</span>
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
常用菜单
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul class="common-menus-detail">
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待签
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人已办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人抄送
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知待阅
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知归档
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源扫描
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源查询
</div>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="my-work-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
我的工作
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待签
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人已办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人抄送
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知待阅
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知归档
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源扫描
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源查询
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="work-order-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
工单专区
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待签
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人已办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人抄送
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知待阅
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知归档
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源扫描
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源查询
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
常用菜单
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待签
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人已办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人抄送
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知待阅
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知归档
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源扫描
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源查询
</div>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="user-statisitcs-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
统计
</div>
<div class="more-logo">
</div>
</div>
<div class="statistics-list-under under-border">
<ul>
<li>
<div class="information-name">
到户率<span class="number-style">89%</span>
</div>
</li>
<li>
<div class="information-name">
贴码率<span class="number-style">15%</span>
</div>
</li>
<li>
<div class="information-name">
一次配合成功率<span class="number-style">95%</span>
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
待办任务
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<div class="remain-mission">
<div class="mission-logo">
<div class="mission-text">暂无待办任务 !</div>
</div>
</div>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
常用菜单
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
工单管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
测试方案管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
LOG日志管理
</div>
</li>
</ul>
</div>
</div>
</li>
<li>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="user-statisitcs-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
统计
</div>
<div class="more-logo">
</div>
</div>
<div class="statistics-list-under under-border">
<ul>
<li>
<div class="information-name">
到户率<span class="number-style">89%</span>
</div>
</li>
<li>
<div class="information-name">
贴码率<span class="number-style">15%</span>
</div>
</li>
<li>
<div class="information-name">
一次配合成功率<span class="number-style">95%</span>
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
待办任务
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<div class="remain-mission">
<div class="mission-logo">
<div class="mission-text">暂无待办任务 !</div>
</div>
</div>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
常用菜单
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待签
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
催单待办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人已办
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
个人抄送
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知待阅
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通知归档
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源扫描
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源查询
</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<!-- 应用 -->
<li class="pages-app">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<a class="ipu-fn-left notice-flag" href="javascript:;">
<i class="ipu-icon icon-notice "></i>
<!-- 最大值为99,超出99了也只能写99,三位数值会超出宽度 -->
<span class="notice-count ipu-fn-row">5</span>
</a>
<a class="ipu-fn-right" href="javascript:;">
<i class="ipu-icon icon-search"></i>
</a>
<h1 class="ipu-toolbar-title">应用</h1>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="ipu-tab ipu-tab-fixed" id="tabFixed">
<ul class="ipu-tab-title ipu-tab-title-link">
<li class="">系统</li>
<li class="">工具</li>
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li class="">
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="safeguard-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
维护类
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
工单管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
资源管理
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="pay-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
交付类
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
号线管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
宽带管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通讯保障
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
应用
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="resources-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
资源类
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
设备管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
光线管理
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
号线保障
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
应用
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="intersection-dimension-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
交维类
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
视频指挥调度
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
文档管理系统
</div>
</li>
</ul>
</div>
</div>
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="optimization-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
优化类
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
论坛
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通讯录
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
公告
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
文档下载
</div>
</li>
</ul>
</div>
</div>
</li>
<li class="">
<div class="menu-list">
<div class="menu-list-over ipu-fn-clear">
<div class="common-menus-logo">
<div class="menus-logo">
</div>
</div>
<div class="menus-name">
常用菜单
</div>
<div class="more-logo">
</div>
</div>
<div class="menu-list-under">
<ul>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
论坛
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
通讯录
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
公告
</div>
</li>
<li class="">
<div class="menu-icon">
</div>
<div class="ipu-fn-row menu-name">
文档下载
</div>
</li>
</ul>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</li>
<!-- 日历 -->
<li class="pages-date">
日历
</li>
<!-- 我的 -->
<li class="pages-my">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<div class="page-content">
<div class="ipu-list ipu-list-media user-info-list">
<ul>
<li class="ipu-list-item">
<div class="ipu-list-item-media">
<img class="user-circle" src="biz/img/myico.jpg" alt=""/>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title-row">
<div class="ipu-list-item-title">
<div class="user-name">
刘鑫鑫(营业员)
</div>
</div>
</div>
<div class="ipu-list-item-subtitle">
<div class="user-staffNO user-name">
13108407492
</div>
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon user-name iconfont-material icon-chevron-right"></i>
</div>
</li>
</ul>
</div>
<div class="ipu-list ipu-list-block my-list-menu">
<ul>
<li class="ipu-list-item link-item-sqtk">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-equal-box"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
应用设置
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-tksp">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-currency-usd"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
关于应用
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-ywtd">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-checkbox-marked-circle"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
密码设置
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-zj">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-gnome"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
提示音设置
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-ssmm">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-hand-pointing-right"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
服务中心
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
</ul>
</div>
<div class="ipu-list ipu-list-block my-list-menu">
<ul>
<li class="ipu-list-item link-item-yjfk">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-comment-processing"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
意见反馈
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-bz">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-book-open-page-variant"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
帮助
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
<li class="ipu-list-item link-item-gywm">
<div class="ipu-list-item-media">
<i class="app-icon iconfont-color iconfont-material icon-account-multiple"></i>
</div>
<div class="ipu-list-item-inner">
<div class="ipu-list-item-title">
关于我们
</div>
</div>
<div class="ipu-list-item-after">
<i class="app-icon iconfont-color iconfont-material icon-chevron-right"></i>
</div>
</li>
</ul>
</div>
<button class="ipu-btn btn-logout ipu-fn-bd-t ipu-fn-bd-b">退出登录</button>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class="ipu-flex-col">
<nav class="ipu-navbar">
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon icon-home"></i>
<div class="ipu-navbar-item-label">首页</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon icon-app"></i>
<div class="ipu-navbar-item-label">应用</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon icon-date"></i>
<div class="ipu-navbar-item-label">日历</div>
</a>
<a class="ipu-navbar-item" href="javascript:;">
<i class="ipu-icon icon-my"></i>
<div class="ipu-navbar-item-label">我的</div>
</a>
</nav>
</div>
</div>
<div class="phone-action-list">
<ul>
<li>操作1</li>
<li>操作2</li>
<li>操作3</li>
</ul>
</div>
</body>
</html>
|