hybridstart
Version:
A hybrid application development framework
75 lines (73 loc) • 3.47 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="format-detection" content="telephone=no">
<link href="../../../sdk/ui.css" rel="stylesheet">
<style>
.item-stacked-label.item-icon-right .item-note .ion{transition:all ease .3s;}
.item-stacked-label.item-icon-right .item-body{display: none;}
.item-stacked-label.item-icon-right.actived .item-note .ion{-webkit-transform: rotateZ(180deg); transform: rotateZ(180deg);}
.item-stacked-label.item-icon-right.actived .item-body{display: block;}
.search_tip{font-size:.8em;color:#777;}
.catList .btn{margin-top: .5em;}
.clean-div {text-align: center; vertical-align: middle; width:100%;font-weight:bold;}
.clean-div .clean-btn{color:#d33835;}
</style>
</head>
<body class="flex-col">
<div class="head myhead">
<div class="btn" id="goBack">
<i class="ion"></i>
</div>
<div class="title" id="headTitle">配件搜索</div>
</div>
<div class="flex-1 scroll_cont">
<div class="list">
<div class="item">请输入以下任意一项或几项查询</div>
<label class="item item-input item-stacked-label">
<span class="input-label">配件名称</span>
<input type="text" name="keywords" id="keywords" placeholder="请输入配件名称">
</label>
<div class="item item-input item-stacked-label item-icon-right actived">
<span class="input-label _handle">VIN码(后8位)</span>
<div class="item-note _handle">
<i class="ion"></i>
</div>
<input type="text" name="vin" id="vin" placeholder="请输入VIN码(后8位)">
<div class="search_tip">亲，输入VIN码后8位搜索，有惊喜</div>
</div>
</div>
<label class="item item-input item-stacked-label">
<span class="input-label _handle">配件图号</span>
<input type="text" name="no" id="no" placeholder="请输入配件图号">
</label>
<div class="item item-input item-stacked-label item-icon-right">
<span class="input-label _handle">配件分类：<span class="text-primary _show" id="catshow">所有分类</span></span>
<div class="item-note _handle">
<i class="ion"></i>
</div>
<input type="hidden" name="cat" id="cat">
<div class="item-body">
<div class="row catList" id="catList">
<textarea class="hide" template>
<button class="span-4 btn partcat bg-primary" data-val="">所有分类</button>
<!-- for: ${data} as ${cat} -->
<button class="span-4 btn partcat" data-val="${cat.id}">${cat.name}</button>
<!-- /for -->
</textarea>
</div>
</div>
</div>
</div>
<div class="p">
<button class="btn btn-lg btn-primary btn-block" id="doSearch">搜索</button>
</div>
<div class="item item-input item-stacked-label item-icon-right clean-div" id="cleanCondition">
<span class="input-label _handle clean-btn">清除所有筛选条件</span>
</div>
</div>
</body>
<script src="../../../sdk/loader.js" data-script="script"> </script>
</html>