|
<!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/color-dispose.js"></script>
</head>
<body class="pages-color-dispose">
<div class="ipu-flex-row ipu-flex-vertical">
<div class="ipu-flex-col ipu-fn-bgc-white">
<div class="ipu-flex ipu-flex-justify-space signal-filter-header border-bot-1">
<i class="ipu-icon ri-arrow-left-s-line text-blue"></i>
<div class="signal-filter-title">颜色配置</div>
</div>
</div>
<div class="ipu-tab"> <!-- 如果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">逻辑信道</li>
<li class="">NAS</li>
</ul>
<div class="ipu-tab-body">
<ul class="ipu-tab-body-wrapper">
<li>
<div class="ipu-flex-col margin-top-10 ipu-fn-bgc-white color-dispose-body">
<ul class="ipu-flex ipu-flex-justify-space">
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option1-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option1"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH1</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option2-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option2"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH2</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option3-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option3"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH3</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option1-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option1"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH4</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option2-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option2"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH5</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option3-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option3"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH6</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option1-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option1"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH7</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option2-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option2"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH8</div>
</li>
<li class="color-dispose-log-item">
<div class="color-dispose-log-item-show bc-dispose-option3-outer">
<div class="color-dispose-log-item-show-inner bc-dispose-option3"></div>
</div>
<div class="color-dispose-item-name">DL_DCCH9</div>
</li>
</ul>
</div>
</li>
</ul>
</div>
</div>
</div>
<div class=" color-dispose-palette">
<div class="color-dispose-palette-body ipu-fn-bgc-white">
<div class="color-dispose-palette-log-name">
---
</div>
<div class="border-bot-1">
<ul class="ipu-flex ipu-flex-justify-space ">
<li class="color-dispose-palette-option bc-dispose-option1 color-dispose-palette-option-selected"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option1"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option2"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option3"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
<li class="color-dispose-palette-option bc-dispose-option4"></li>
</ul>
</div>
<div class="ipu-flex ipu-flex-justify-space color-dispose-palette-btns">
<div class="color-dispose-palette-cancel-btn border-right-1">取消
</div>
<div class="color-dispose-palette-confirm-btn">确认</div>
</div>
</div>
</div>
</body>
</html>
|
