首页 探索 帮助
注册 登录
bulomakaka
/
ekexiu.app
关注 2
点赞 1
派生 0
代码 工单管理 0 合并请求 0 提交历史 383 版本发布 0 Wiki
浏览代码

首页添加发布需求和我是专家，需求确认添加查看按钮

luyanan 8 年之前
父节点
9630023f33
当前提交
640e74750d
共有 3 个文件被更改，包括 51 次插入 和 18 次删除
合并视图 显示文件统计
  1. 18 6
      app/css/app.css
  2. 30 8
      app/html/index_centen.html
  3. 3 4
      app/html/needSure.html

+ 18 - 6
app/css/app.css
查看文件

49 
.headRadius{border-radius: 4px;}
49 
.headRadius{border-radius: 4px;}
50 
/*底板背景圆角*/
50 
/*底板背景圆角*/
51 
.bgRadius{border-radius: 6px;}
51 
.bgRadius{border-radius: 6px;}
52 
/*大块右侧缩进*/
53 
.rightChevron{padding-right: 64px;}
52
54
53 
.marginbox{ margin: 10px 0; padding:0; }
55 
.marginbox{ margin: 10px 0; padding:0; }
54 
.marginbox:first-child{margin: 0;}
56 
.marginbox:first-child{margin: 0;}
507 
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
509 
.coutopicbox .coustatus span{ font-size: 12px; padding:4px 10px; margin: 0 2px; color: #FFFFFF; border-radius: 6px;}
508 
.coutopicbox .aimlabel{background:#6CA8FF;}
510 
.coutopicbox .aimlabel{background:#6CA8FF;}
509 
.coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
511 
.coutopicbox .status-1{background:#FF9900;}/*进行中*//*咨询状态*/
510 
.coutopicbox .status-2{background:#dd524d;}/*待评价*/
512 
.coutopicbox .status-2{background:#dd524d;}/*待评价/新咨询*/
511 
.coutopicbox .status-3{background:#0ee032;}/*已完成*/
513 
.coutopicbox .status-3{background:#0ee032;}/*已完成*/
512 
.coutopicbox .status-4{background:#6CA8FF;}/*待回复/新咨询*/
514 
.coutopicbox .status-4{background:#6CA8FF;}/*待回复*/
513 
.coutopicbox .status-5{background:#d3d3d3;}/*已拒绝/被拒绝*/
515 
.coutopicbox .status-5{background:#d3d3d3;}/*已拒绝/被拒绝*/
514
516
515 
.thistime{ position: absolute; right:6px; font-size: 12px; color: #999999;}
517 
.thistime{ position: absolute; right:6px; font-size: 12px; color: #999999;}
624 
.articalBox .indentNone img{width:98%; margin: 6px 0;}
626 
.articalBox .indentNone img{width:98%; margin: 6px 0;}
625 
.articalBox .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
627 
.articalBox .indentNone .imgTit{ font-size: 12px;line-height: 20px;}
626 
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}
628 
.articalBox .artSTit{text-indent: 0.2em;font-size:16px; color:#069E21;}
627 
/*需求相关*/
629 
/*首页发布按钮*/
630 
.btnLinkBox .mui-table-view-cell:after{right: 0;bottom: 0;left:0;}
631 
.btnLinkBox h4{/*font-weight: normal;color:#333333*/}
632 
.mui-table-view .mui-media-object.btnLinkIcon{width:42px; height:42px;border-radius:50%;text-align: center;vertical-align: middle;}
633 
.btnLinkIcon.fabuBtn{background: #007AFF;}
634 
.btnLinkIcon.proBtn{background: #FF9900;}
635 
.btnLinkIcon .iconfont{color:#FFFFFF;line-height: 42px;}
636 
.btnLinkIcon.fabuBtn .mui-icon.icon-fabu{font-size:18px;}
637 
.btnLinkIcon.proBtn .mui-icon.icon-profilefill{font-size:24px;}
638 
/*.btnLink{padding-left:4px;}*/
639 
/***********************需求相关*******************/
628 
.contentInner{width:90%;margin:4% auto;}
640 
.contentInner{width:90%;margin:4% auto;}
629 
.maincon ul .divideSpace{margin:4px auto 8px;}
641 
.maincon ul .divideSpace{margin:4px auto 8px;}
630 
.maincon ul.chooseBox{padding:0;margin: 0;}
642 
.maincon ul.chooseBox{padding:0;margin: 0;}
651 
.demandBox ul.boxnav.boxnavTo li .checkNo{border-color:#D3D3D3;background:#D3D3D3;color:#FFFFFF;}
663 
.demandBox ul.boxnav.boxnavTo li .checkNo{border-color:#D3D3D3;background:#D3D3D3;color:#FFFFFF;}
652
664
653 
.demandBasic{padding:4px 0;}
665 
.demandBasic{padding:4px 0;}
654 
.demandBasic h3{}
655 
.demandBasic h5{line-height: 26px;}
666 
.demandBasic h3{font-weight: normal;}
667 
.demandBasic h5{line-height: 26px;font-weight: normal;}
656 
.demandBasic h5 span{margin-right:2%;}
668 
.demandBasic h5 span{margin-right:2%;}
657 
.demandBasic h5 em{font-style: normal;display: inline-block;padding:0 3%;background:#6699ff;margin:0 4px;border-radius:6px;color: #FFFFFF;font-size:12px;line-height: 22px;}
669 
.demandBasic h5 em{font-style: normal;display: inline-block;padding:0 3%;background:#6699ff;margin:0 2px;border-radius:6px;color: #FFFFFF;font-size:12px;line-height: 22px;}
658 
.conBody{position: relative; min-height: 100%;padding-bottom:20%;}
670 
.conBody{position: relative; min-height: 100%;padding-bottom:20%;}
659 
.demandBtn{position: absolute;bottom:2%;right:0; left:0;}
671 
.demandBtn{position: absolute;bottom:2%;right:0; left:0;}
660 
.demandBtn .frmactive2{background: none;border:none;color:#999999;}
672 
.demandBtn .frmactive2{background: none;border:none;color:#999999;}

+ 30 - 8
app/html/index_centen.html
查看文件

8 
		<link href="../css/mui.min.css" rel="stylesheet" />
 8 
		<link href="../css/mui.min.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
 9 
		<link href="../css/app.css" rel="stylesheet" />
10 
		<link href="../css/iconfont.css" rel="stylesheet" />
 10 
		<link href="../css/iconfont.css" rel="stylesheet" />
11 
		<style type="text/css">
12 
			.art_topicBox img{height: 100%;}
13 
		</style>
11 
	</head>
 14 
	</head>
12
15
13 
	<body>
 16 
	<body>
16 
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" >
 19 
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh" >
17 
			<div class="mui-scroll">
 20 
			<div class="mui-scroll">
18 
				<!-- 主界面具体展示内容 -->
 21 
				<!-- 主界面具体展示内容 -->
19 
				<!--<div class="artical-scroll" style="width: 100%;">
20 
					<a class="art_topicBox" data-title="01">
21 
						<img src="../images/banner/artical_01.jpg">
22 
						<div class="art_topicbox">
23 
							<h4 id="artical_topic" >李光福：为核电安全发展护航  腐蚀防护任重道远</h4>
24 
						</div>
25 
					</a>
26 
				</div>-->
27 
				<!--图片轮播-->
 22 
				<!--图片轮播-->
28 
				<div id="slider" class="mui-slider">
23 
				<div id="slider" class="mui-slider">
29 
					<div class="mui-slider-group mui-slider-loop">
 24 
					<div class="mui-slider-group mui-slider-loop">
83 
						<div class="mui-indicator"></div>-->
78 
						<div class="mui-indicator"></div>-->
84 
					</div>
 79 
					</div>
85 
				</div>
 80 
				</div>
81 
				<!--按钮-->
82 
				<div class="conblock btnLinkBox">
83 
					<ul class="mui-table-view">
84 
						<li class="mui-table-view-cell mui-media">
85 
							<a href="javascript:;">
86 
								<div class="mui-media-object mui-pull-left btnLinkIcon fabuBtn">
87 
									<em class="mui-icon iconfont icon-fabu"></em>
88 
								</div>
89 
								<div class="mui-media-body btnLink">
90 
									<h4>发布需求</h4>
91 
									<p class='mui-ellipsis'>获得专家回复，专业快速便捷，解决研发问题</p>
92 
								</div>
93 
							</a>
94 
						</li>
95 
						<li class="mui-table-view-cell mui-media">
96 
							<a href="javascript:;">
97 
								<div class="mui-media-object mui-pull-left btnLinkIcon proBtn">
98 
									<em class="mui-icon iconfont icon-profilefill"></em>
99 
								</div>
100 
								<div class="mui-media-body btnLink">
101 
									<h4>我是专家</h4>
102 
									<p class='mui-ellipsis'>提升学术声誉，寻找企业合作，科研价值变现</p>
103 
								</div>
104 
							</a>
105 
						</li>
106 
					</ul>
107 
				</div>
86 
				<!-- 九宫格排版-->
 108 
				<!-- 九宫格排版-->
87 
				<div class="mui-card-content conblock">
 109 
				<div class="mui-card-content conblock">
88 
					<div class="maintitbox">
 110 
					<div class="maintitbox">

+ 3 - 4
app/html/needSure.html
查看文件

11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
 11 
			html,body{height: 100%;margin:0;padding:0px;overflow: hidden;background: #fff;}
12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
 12 
			.mui-content{background: #fff;height:100%;overflow: auto;}
13 
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
 13 
			.mui-table-view:before,.mui-table-view:after{background:#E6E6E6;}
14 
			.proinfor .mui-media-body{padding-right:50px;}
15 
			.mui-btn.mui-btn-warning{color:#FF9900;border-color:#FF9900;}
14 
		</style>
 16 
		</style>
15 
	</head>
 17 
	</head>
16
18
38 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
 40 
								<div class="mui-ellipsis listtit3" id="proRlist"></div>
39 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
 41 
								<div class="mui-ellipsis listtit3" id="proZlist"></div>
40 
							</div>
 42 
							</div>
43 
							<button type="button" class="mui-btn mui-btn-warning mui-btn-outlined">查看</button>
41 
						</a>
 44 
						</a>
42 
					</li>
 45 
					</li>
43 
				</ul>
 46 
				</ul>
60 
		</div>
 63 
		</div>
61 
		<script src="../js/public/mui.min.js"></script>
 64 
		<script src="../js/public/mui.min.js"></script>
62 
		<script src="../js/public/base.js"></script>
 65 
		<script src="../js/public/base.js"></script>
63 
		<script type="text/javascript">
64 
			//处理iOS下弹出软键盘后头部会随页面的滚动条消失问题
65 
		    iosheader();
66 
		</script>
67 
	</body>
 66 
	</body>
68
67
69 
</html>
 68 
</html>