You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
257 lines
11 KiB
257 lines
11 KiB
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>数据超市</title>
|
|
<link rel="icon" id="headLogo" href="../images/favicon.jpg">
|
|
<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="../css/Supermarketpage.css">
|
|
<link rel="stylesheet" href="../css/header.css">
|
|
<script src="../js/jquery-2.2.4.min.js"></script>
|
|
<script src="../js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/Dream-Msg.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../js/ajax.ipanel.js" type="text/javascript" charset="utf-8"></script>
|
|
<style>
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: #F2F8FC;
|
|
}
|
|
|
|
#header a {
|
|
border: none;
|
|
}
|
|
|
|
.btn-click {
|
|
padding: 20px;
|
|
color: #999999;
|
|
}
|
|
|
|
.btn-click:hover {
|
|
background-color: #FFFFFF;
|
|
color: #999999;
|
|
}
|
|
|
|
.btn-click1 {
|
|
padding: 20px;
|
|
color: #999999;
|
|
}
|
|
|
|
.btn-click1:hover {
|
|
background-color: #FFFFFF;
|
|
color: #999999;
|
|
}
|
|
|
|
.btn-group-style {
|
|
padding: 5px 10px;
|
|
font-size: 12px;
|
|
line-height: 1.5;
|
|
border-radius: 3px;
|
|
}
|
|
</style>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="header">
|
|
<div class="login">
|
|
<div id="login"><a href="./login.html">登录</a></div>
|
|
<div id="Logout"><a href="./Home.html">退出登录</a></div>
|
|
<div id="personalCenter"><a href="./Account.html">用户中心</a></div>
|
|
<div id="news"><a href="./MyMessage.html">消息</a></div>
|
|
</div>
|
|
<div class="navbarbox">
|
|
<div class="titles-name" id="titles-name"></div>
|
|
<div class="navbar-tab">
|
|
<div class="itembox" id="nav"></div>
|
|
<div class="cart">
|
|
<img src="../images/cart.png" alt="">
|
|
<div>购物车</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="right-bottom">
|
|
<div class="r-b-top">
|
|
<a href="#"><span class="a-back">返回顶部</span></a>
|
|
</div>
|
|
<div class="r-b-bottom" id="customer">
|
|
<div>
|
|
<div>留言</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 留言表单 -->
|
|
<div class="modal fade" id="myModals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
|
|
<div class="modal-dialog modal-lg" role="document">
|
|
<div class="modal-content modal-contents">
|
|
<div class="modal-headers">
|
|
<div>在线留言</div>
|
|
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
<span aria-hidden="true">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<div class="modal-top">请把您的问题留下，客服人员会尽快与您取得联系。</div>
|
|
<div class="step_item">
|
|
<div class="step_label">姓名</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value1" placeholder="请填写您的姓名" />
|
|
<p id="step_validate1" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">手机号码</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value2" placeholder="请填写您的联系电话" />
|
|
<p id="step_validate2" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">公司名称</div>
|
|
<div class="step_name">
|
|
<input class="step_input" id="step_value3" placeholder="请填写您的公司名称" />
|
|
<p id="step_validate3" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_item">
|
|
<div class="step_label">留言</div>
|
|
<div class="step_name">
|
|
<textarea id="step_value4" placeholder="请填写您的需求，我们会尽快与您取得联系"></textarea>
|
|
<p id="step_validate4" style="margin:0;color: #f56c6c;"></p>
|
|
</div>
|
|
</div>
|
|
<div class="step_button">
|
|
<button type="button" id="submit">提交</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="height: 100px;"></div>
|
|
<!-- 首页背景图 -->
|
|
<div style="width: 100%; height: 530px;background: url(../images/indexback.png)">
|
|
<!-- 容器 -->
|
|
<div id="body" class="container" style="padding:0">
|
|
<!-- 头部 -->
|
|
<div id="header" class="row">
|
|
<div class="col-xs-12 col-sm-12" style="margin-top: 20px;background-color: rgba(0, 0, 0, 0.1);height: 100px;">
|
|
<div class="col-xs-6 col-sm-6">
|
|
<div class="col-xs-6 col-sm-6">
|
|
<div class="btn-toolbar" role="toolbar" style="margin-top: 20px;">
|
|
<div class="col-xs-12 col-sm-12"><label for="文化数据类别">文化数据类别</label></div>
|
|
<div class="btn-group btn-group-sm" style="margin-left: 16px;">
|
|
<a class="btn btn-default btn-click " type=" button " id="all">全部</a>
|
|
<a type=" button" id="data" class="btn btn-default btn-click">文化资源数据</a>
|
|
<a type="button" id="context" class="btn btn-default btn-click">文化数字内容</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6">
|
|
<div class="btn-toolbar" role="toolbar" style="margin-top: 20px;">
|
|
<div class="col-xs-12 col-sm-12"><label for="文化数据类别">交易方式</label></div>
|
|
<div class="btn-group btn-group-sm" style="margin-left: 16px;">
|
|
<a type="button" id="tokenall" class="btn btn-default btn-click1">全部</a>
|
|
<a type="button" id="tokendata" class="btn btn-default btn-click1">转让</a>
|
|
<a type="button" id="tokencontext" class="btn btn-default btn-click1">授权</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-6 col-sm-6">
|
|
<div class="col-xs-5 col-sm-5">
|
|
<div class="btn-toolbar" role="toolbar" style="margin-top: 20px;">
|
|
<div class="col-xs-12 col-sm-12"><label for="文化数据类别">委托方名称</label></div>
|
|
<div style="margin-left: 16px;">
|
|
<input class="form-control" type="text" placeholder="请输入委托方名称" name="entrustName" id="entrustName" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-5 col-sm-5">
|
|
<div class="btn-toolbar" role="toolbar" style="margin-top: 20px;">
|
|
<div class="col-xs-12 col-sm-12"><label for="文化数据类别">关键词</label></div>
|
|
<div style="margin-left: 16px;">
|
|
<input class="form-control" type="text" placeholder="请输入关键词" name="antistop" id="antistop" value="" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-2 col-sm-2">
|
|
<div style="margin-top: 45px;">
|
|
<a type="button" id="seach_tokenall" class="btn btn-primary">搜索</a>
|
|
<!-- <input class="btn btn-primary" type="button" name="" id="tokenall" value="搜索" /> -->
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 轮播图 -->
|
|
<div id="Show_pictures">
|
|
<div id="show_word">
|
|
<div class="show_word_left">
|
|
<div class="thumbn1"></div>
|
|
</div>
|
|
<div class="show_word_right">
|
|
<div class="word_r1">
|
|
<div class="thumbn2"></div>
|
|
<div class="thumbn3"></div>
|
|
</div>
|
|
<div class="word_r1 word_r2">
|
|
<div class="thumbn4"> </div>
|
|
<div class="thumbn5"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="markethome_main">
|
|
<div class="homemain_header">
|
|
<span class="sources">文化资源数据</span>
|
|
<span class="sources">文化数字内容</span>
|
|
</div>
|
|
<div class="homemain_cen">
|
|
<div class="cen_left">
|
|
<div class="cen_title">推荐</div>
|
|
<div class="cen_left1"></div>
|
|
</div>
|
|
<div class="cen_middle">
|
|
<div class="cen_title">交易排行</div>
|
|
<div class="cen_left2"></div>
|
|
</div>
|
|
<div class="cen_right">
|
|
<div class="cen_title">点击排行</div>
|
|
<div class="cen_left3"></div>
|
|
</div>
|
|
</div>
|
|
<div class="img_picture">
|
|
<div>最新上架</div>
|
|
<div class="img_word">
|
|
<div class="img_one"></div>
|
|
<div class="img_two"></div>
|
|
<div class="img_thre"></div>
|
|
<div class="img_four"></div>
|
|
</div>
|
|
<div style="text-align: center;margin-top: 30px;">
|
|
<!-- <input class="ipbut load_more" type="button" name="" id="" value="加 载 更 多" /> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 尾部 -->
|
|
<div class="footer">
|
|
<div class="top">
|
|
<div class="top1"></div>
|
|
<div class="top2"></div>
|
|
<div class="top3"></div>
|
|
</div>
|
|
<div class="bottom">
|
|
<div class="footerbox"></div>
|
|
</div>
|
|
</div>
|
|
<script src="../js/public.js"></script>
|
|
<script src="../js/Supermarketpage.js"></script>
|
|
<script src="../js/browse_check.js"></script>
|
|
</body>
|
|
|
|
</html>
|