## 评论页
![](https://box.kancloud.cn/2016-08-25_57be9a5a0d54b.png)
代码如下:
```
<style>
.aui-nav {
border-top:1px solid #eee;
}
.ask-input {
height: 32px;
line-height: 32px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 14px;
color: #999;
padding-left: 5px;
}
.ask-text {
height: 120px;
line-height: 30px;
margin-bottom: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 14px;
color: #666;
overflow: hidden;
}
.ask-text textarea {
height: 100%;
padding: 5px;
margin: 0;
border:none;
}
.mark {
background: rgba(0,0,0,0.5);
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
z-index: 1;
}
.ask-reply-btn {
padding: 8px 0;
}
#ask-reply-box {
padding: 10px;
}
#aui-footer {
background: rgba(255,255,255,0.5);
}
#aui-footer.show {
-webkit-animation: showIn .5s ease both;
animation: showIn .5s ease both;
}
</style>
<div class="mark" id="mark"></div>
<footer class="aui-nav" id="aui-footer">
<div class="ask-input" tapmode onclick="showReply()" id="ask-input">回复问答</div>
<div id="ask-reply-box">
<div class="ask-text" id="ask-text">
<textarea placeholder="请输入你的回复,提问者确认后可获得奖励"></textarea>
</div>
<div class="aui-btn aui-btn-block aui-btn-info ask-reply-btn">提交</div>
</div>
</footer>
<script type="text/javascript">
function showReply(){
$api.css($api.dom(".mark"),"display:block");
$api.css($api.byId("ask-input"),"display:none");
$api.css($api.byId("ask-reply-box"),"display:block");
$api.addCls($api.byId("aui-footer"),"show");
}
apiready = function(){
$api.addEvt($api.byId('mark'), 'click', function(){
$api.css($api.dom(".mark"),"display:none");
$api.css($api.byId("ask-input"),"display:block");
$api.css($api.byId("ask-reply-box"),"display:none");
$api.removeCls($api.byId("aui-footer"),"show");
});
}
```
- 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