有生成这些的html代码:但不知道如何用到WeUI中来,请老老师指点一下
<head>
<meta charset="UTF-8">
<title>订单列表</title>
<meta name="viewport" c />
<link href="../css/mui.min.css" rel="stylesheet" />
<link href="../fonts/iconfont/iconfont.css" rel="stylesheet" />
<link href="../css/fox.tools.css" rel="stylesheet" />
</head>
<body>
<div id="page0" class="page">
<!--头部筛选-->
<div class="myheader">
<!--扫描-->
<div id="scan" class="iconfont icon-muiiconrscan mysearch-left" style="font-size: 25px;" ></div>
<!--查询输入框,注意修改placeholder 筛选字段,必须用、隔开*****************************************************************************-->
<input class="mysearch-text" type="search" placeholder="供应商、采购人员、编号" filtercols="供应商、采购人员、编号" style="width: calc(100% - 90px);border-radius: 15px;text-align: left;font-size: 13px;" />
<!--搜索按钮-->
<div class="mui-icon mui-icon-search mysearch-icon" style="font-size:25px;" ></div>
<!--清除按钮-->
<div class="iconfont icon-cuowu1 mysearch-clear" style="font-size:28px;" ></div>
<!--组合筛选-->
<div id="filte" class="iconfont icon-shaixuan mysearch-right" style="font-size:25px;" ></div>
</div>
<!--列表刷新列表部分,不用修改-->
<div class="mui-content mui-scroll-wrapper mybody" id="refreshContainer" style="margin-bottom: 44px;">
<div class="mui-scroll">
<div id="newsListUl" class="mui-table-view" style="background-color: #EFEFF4;">
</div>
</div>
</div>
<!--列表刷新列表部分结束-->
<!--新增按钮-->
<button id="addnew" type="button" class="mybutton" style="color: orange;">新增</button>
</div>
<!--组合筛选部分,根据后台自动创建-->
<div id="page1" class="page" style="display: none;">
<div class="mui-content mui-row mui-fullscreen" style="margin-bottom: 45px;">
<div class="mui-col-xs-5">
<div id="segmentedControls" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-vertical">
</div>
</div>
<div id="segmentedControlContents" class="mui-col-xs-7" style="border-left: 1px solid #DDDDDD;">
</div>
</div>
<button id="reset" type="button" class="mybutton" style="width: 34%;color: #6D6D72;" >重置</button>
<button id="cancel" type="button" class="mybutton" style="width: 34%;left: 33%;color: #6D6D72;" >取消</button>
<button id="confirm" type="button" class="mybutton" style="width: 35%;left: 66%;color: orange;" >确定</button>
</div>