### 發布需求頁
#### 1.儀器檢測
#### 2.儀器培訓
#### 3.相關代碼
```
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
<style type="text/css">
body {
height: auto;
}
.slider {
margin-bottom: 0;
}
.slider img {
width: 100%;
height: 120px;
display: inherit;
}
.aui-grid-sixteen:after {
border: none;
}
.aui-grid-sixteen li:after {
border: none;
}
.aui-grid-sixteen li .aui-iconfont {
color: #ffffff;
width: 38px;
height: 38px;
line-height: 38px;
border-radius: 50%;
font-size: 20px;
}
textarea.content {
width: 100%;
height: 80px;
font-size: 14px;
margin-bottom: 0;
}
.row {
position: relative;
text-align: center;
}
.aui-form-list {
display: none;
}
.aui-form-list-act {
display: block;
}
</style>
</head>
<body>
<div class="aui-content" id='tabbar'>
<ul class="aui-grid-sixteen">
<li class="aui-col-xs-4 aui-text-center " tapmode onclick="fnOpenRelease(0)">
<span class="aui-iconfont aui-icon-profilefill aui-bg-success"></span>
<p class="col aui-text-info">
儀器檢測
</p>
</li>
<li class="aui-col-xs-4 aui-text-center" tapmode onclick="fnOpenRelease(1)">
<span class="aui-iconfont aui-icon-creativefill aui-bg-warning"></span>
<p class="col">
儀器培訓
</p>
</li>
<li class="aui-col-xs-4 aui-text-center" tapmode onclick="fnOpenRelease(2)">
<span class="aui-iconfont aui-icon-apps aui-bg-danger"></span>
<p class="col">
儀器維護
</p>
</li>
</ul>
<ul class="aui-grid-sixteen" >
<li class="aui-col-xs-4 aui-text-center" tapmode onclick="fnOpenRelease(3)">
<span class="aui-iconfont aui-icon-countdownfill aui-bg-info"></span>
<p class="col">
項目外包
</p>
</li>
<li class="aui-col-xs-4 aui-text-center" tapmode onclick="fnOpenRelease(4)">
<span class="aui-iconfont aui-icon-countdownfill aui-bg-info"></span>
<p class="col">
文獻求助
</p>
</li>
<li class="aui-col-xs-4 aui-text-center " tapmode onclick="fnOpenRelease(0)">
<span class="aui-iconfont aui-icon-profilefill aui-bg-success"></span>
<p class="col ">
移機服務
</p>
</li>
</ul>
</div>
<div class="aui-content-padded " style="margin-top: 15px" id="tabbody">
<!-- 儀器檢測 start -->
<ul class="aui-list aui-form-list aui-form-list-act ">
<li class="aui-list-item" >
<div class="aui-list-item-inner" >
<p style=" margin-bottom:10px;">
檢測領域
</p>
<div class="aui-list-item-input">
<select tapmode>
<option>請選擇</option>
<option>航空航天</option>
<option>能源</option>
<option>電子電器檢測</option>
<option>可靠性測試</option>
<option>食品檢測</option>
</select>
</div>
</div>
</li>
<li class="aui-list-item" tapmode onclick='fnOpenSelect()'>
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
所在地區
</p>
<div class="aui-list-item-input">
<input type="text" placeholder="請選擇" id='region'>
</div>
</div>
</li>
<li class="aui-list-item" >
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
檢測樣品
</p>
<div class="aui-list-item-input">
<input type="text" placeholder="">
</div>
</div>
</li>
<li class="aui-list-item" >
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
求助需求
</p>
<div class="aui-list-item-input">
<textarea placeholder="" class="content" id="introduce"></textarea>
</div>
</div>
</li>
<li class="aui-list-item" >
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
聯系人
</p>
<div class="aui-list-item-input">
<input type="text" placeholder="">
</div>
</div>
</li>
<li class="aui-list-item" >
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
單位
</p>
<div class="aui-list-item-input">
<input type="text" placeholder="">
</div>
</div>
</li>
<li class="aui-list-item" >
<div class="aui-list-item-inner">
<p style=" margin-bottom:10px;">
手機
</p>
<div class="aui-list-item-input">
<input type="text" placeholder="">
</div>
</div>
</li>
</ul>
<!-- 儀器檢測 end -->
<!-- 儀器培訓 start -->
<ul class="aui-list aui-form-list">
<li class="aui-list-item aui-margin-b-15" >
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<input type="text" placeholder="請輸入培訓儀器名稱">
</div>
</div>
</li>
<li class="aui-list-item aui-margin-b-15">
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<input type="text" placeholder="請輸入儀器廠商">
</div>
</div>
</li>
<li class="aui-list-item aui-margin-b-15">
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<input type="text" placeholder="請輸入培訓內容">
</div>
</div>
</li>
<li class="aui-list-item aui-margin-b-15">
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<textarea type="text" placeholder="請輸入培訓具體要求"></textarea>
</div>
</div>
</li>
<li class="aui-list-item aui-margin-b-15">
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<input type="text" placeholder="請輸入培訓具體時間">
</div>
</div>
</li>
<li class="aui-list-item aui-margin-b-15">
<div class="aui-list-item-inner">
<div class="aui-list-item-input">
<input type="text" placeholder="請輸入培訓費用">
</div>
</div>
</li>
</ul>
<!-- 儀器培訓 end -->
<div class="row" tapmode onclick="fnOpenMycenter()">
<div class="aui-btn aui-btn-info" >
發單
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript">
apiready = function() {
api.parseTapmode();
}
function fnOpenSelect() {
var UIActionSelector = api.require('UIActionSelector');
UIActionSelector.open({
datas : 'widget://res/city.json',
layout : {
row : 5,
col : 3,
height : 30,
size : 12,
sizeActive : 14,
rowSpacing : 5,
colSpacing : 10,
maskBg : 'rgba(0,0,0,0.2)',
bg : '#fff',
color : '#888',
colorActive : '#f00',
colorSelected : '#f00'
},
animation : true,
cancel : {
text : '取消',
size : 12,
w : 90,
h : 35,
bg : '#fff',
bgActive : '#ccc',
color : '#888',
colorActive : '#fff'
},
ok : {
text : '確定',
size : 12,
w : 90,
h : 35,
bg : '#fff',
bgActive : '#ccc',
color : '#888',
colorActive : '#fff'
},
title : {
text : '請選擇',
size : 12,
h : 44,
bg : '#eee',
color : '#888'
},
fixedOn : api.frameName
}, function(ret, err) {
if (ret) {
// alert(JSON.stringify(ret));
var region=ret.level1 + ret.level2+ret.level3;
$api.val($api.byId('region'), region);
} else {
alert(JSON.stringify(err));
}
});
}
function fnOpenRelease(index_) {
var tabbar = $api.byId('tabbar');
var tabbody = $api.byId('tabbody');
var tabbarCols = $api.domAll(tabbar, '.col');
var tabbodyLists = $api.domAll(tabbody, '.aui-form-list');
// tab變樣式
for (var i = 0; i < tabbarCols.length; i++) {
$api.removeCls(tabbarCols[i], 'aui-text-info');
}
$api.addCls(tabbarCols[index_], 'aui-text-info');
// // 分類列表改變
for (var i = 0; i < tabbodyLists.length; i++) {
$api.removeCls(tabbodyLists[i], 'aui-form-list-act');
}
$api.addCls(tabbodyLists[index_], 'aui-form-list-act');
}
</script>
</html>
```
- APP模塊
- 歡迎頁
- 頭部模塊
- 底部模塊
- 圖文列表
- 商品展示
- 文字列表
- 內容頁一
- 評論頁
- N宮格
- 獲得上一級的欄目名稱
- 搜索模塊
- 圖標
- 幻燈模塊
- 消息頁
- 個人中心
- 個人中心—我的收藏
- 個人中心—資料修改
- 個人中心—我的錢包（賬戶）
- 咨詢頁面
- APP模板
- 注冊 頁面一
- 注冊 頁面二
- 登錄 頁面一
- 登錄 頁面二
- 忘記密碼 頁面一
- 會員中心 首頁一
- 會員中心 首頁二
- 會員中心 首頁三
- 會員中心 資料修改
- 申請審核步驟
- 商品訂單一
- 游戲頁面
- 新聞列表頁
- 圖文列表頁
- 商品列表頁
- 商品詳情頁
- 聊天
- 消息列表
- 聊天界面
- 發布需求
- 前端框架
- CSS Framework
- trim 字符處理
- dom 選擇器
- 樣式
- evt 事件
- 選擇元素
- 屬性
- 文本
- 位置
- json
- 設置
- 提示
- AJAX
- storage 本地存儲
- API對象
- 常用函數
- openWin()
- closeWin()
- apiready
- fixStatusBar(header)
- api.setRefreshHeaderInfo
- api.openFrame
- randomSwitchBtn(index,name)
- APP常用圖片
- asd