|
<!DOCTYPE html>
<html lang="en">
<head>
<title>测试APP</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/net.js"></script>
</head>
<body class="pages-net">
<div class="ipu-flex-vertical ipu-flex-row">
<div class="ipu-flex-col">
<header class="ipu-toolbar">
<h1 class="ipu-toolbar-title">测试APP</h1>
<a class="ipu-fn-right" href="javascript:;">
<i class="ipu-icon ri-settings-4-line"></i>
</a>
</header>
</div>
<div class="ipu-flex-col ipu-flex-col-auto">
<div class="ipu-flex-content">
<!-- html结构 -->
<div class="ipu-tab ipu-tab-fixed tab-fav"> <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<div class="ipu-tab-head tab-head">
<ul class="ipu-tab-title ipu-tab-title-link ipu-tab-fav-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="ipu-current">5G</li>
<li>LTE</li> <!-- class为ipu-current为默认选中项 -->
<li>WCDMA</li>
<li>GSM</li>
<li>WIFI</li>
<li>锁网</li>
</ul>
</div>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li class="">
<!-- 组件html结构如下，li里的内容用户可自定义 -->
<div class="ipu-carousel ipu-hammer-carousel">
<ul class="ipu-carousel-wrapper">
<li >
<div class="title">RSRP</div>
<div class="chart chart-1">
</div>
</li>
<li >
<div class="title">RSRP</div>
<div class="chart chart-2">
</div>
</li>
<li >
<div class="title">RSRP</div>
<div class="chart chart-3">
</div>
</li>
<li >
<div class="title">RSRP</div>
<div class="chart chart-4">
</div>
</li>
<li >
<div class="title">RSRP</div>
<div class="chart chart-5">
</div>
</li>
<li >
<div class="title">RSRP</div>
<div class="chart chart-6">
</div>
</li>
</ul>
</div>
<div class="msg-container">
<div class="ipu-tab tab-msg"> <!-- 如果class中添加 ipu-tab-fixed，则可固定头部，此时需要父元素的高度是确定的 -->
<ul class="ipu-tab-title ipu-tab-title-link"> <!-- 页头有 ipu-tab-title-link 和 ipu-tab-title-button两种样式 -->
<li class="ipu-current">NR小区测量</li>
<li>NAS层及位置信息</li>
<li>服务小区和邻区</li>
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li>
<div class="ipu-flex ipu-flex-justify-space">
<div>NR_Band</div>
<div>4600/00</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div>cell group id</div>
<div>20919</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div>BeamID</div>
<div>693</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div>NR BW</div>
<div>-129</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div>PointA Earfcn</div>
<div>-2</div>
</div>
<div class="ipu-flex ipu-flex-justify-space">
<div>RSRP</div>
<div>21</div>
</div>
<div class="ipu-flex ipu-flex-justify-space can-show">
<div>BeamID</div>
<div>693</div>
</div>
<div class="ipu-flex ipu-flex-justify-space can-show">
<div>NR BW</div>
<div>-129</div>
</div>
<div class="ipu-flex ipu-flex-justify-space can-show">
<div>PointA Earfcn</div>
<div>-2</div>
</div>
<div class="ipu-flex ipu-flex-justify-space can-show">
<div>RSRP</div>
<div>21</div>
</div>
<div class="ipu-flex ipu-flex-justify-center show-more">
<div class="tip">查看更多信息</div>
<div><i class="ipu-icon ri-arrow-down-s-line"></i></div>
</div>
</li>
<li class="">选项2内容</li>
<li class="">选项3内容</li>
</ul>
</div>
</div>
</div>
</li>
<li class="">选项2内容</li>
<li class="">选项3内容</li>
<li class="">选项4内容</li>
<li class="">选项4内容</li>
<li class="">选项4内容</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
|
