浏览代码

资源图片上传及分享去掉等待框,分享换成线上的地址

jack 8 年之前
父节点
当前提交
b1fcf08bb9
共有 4 个文件被更改,包括 81 次插入73 次删除
  1. 1 1
      app/css/app.css
  2. 77 69
      app/html/resinforbrow.html
  3. 1 2
      app/js/proinfobrow.js
  4. 2 1
      app/js/resinforbrow.js

+ 1 - 1
app/css/app.css

@ -522,7 +522,7 @@ ul.boxnav li.set span:before{
522 522
/*********************** 资源信息浏览*******************/
523 523
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
524 524
.resouimgbox{text-align:center;margin:10px;}
525
.resouimgbox img{ width: 100%;margin: auto;}
525
.resouimgbox img{ /*width: 100%;*/margin: auto;}
526 526
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
527 527
.personblock p{ margin-bottom: 4px;}
528 528
.personblock .headimg{ width:40%;overflow: hidden;}

+ 77 - 69
app/html/resinforbrow.html

@ -1,19 +1,21 @@
1 1
<!doctype html>
2 2
<html>
3
<head>
4
	<meta charset="UTF-8">
5
	<title></title>
6
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7
	<link href="../css/mui.min.css" rel="stylesheet" />
8
	<link href="../css/iconfont.css" rel="stylesheet" />
9
	<link href="../css/app.css" rel="stylesheet" />
10
</head>
3
4
	<head>
5
		<meta charset="UTF-8">
6
		<title></title>
7
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
8
		<link href="../css/mui.min.css" rel="stylesheet" />
9
		<link href="../css/iconfont.css" rel="stylesheet" />
10
		<link href="../css/app.css" rel="stylesheet" />
11
		<link rel="stylesheet" type="text/css" href="../css/previewImage.css"/>
12
	</head>
11 13
12 14
	<body>
13 15
		<header class="mui-bar mui-bar-nav toptitbox">
14
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15
		    <h1 class="mui-title toptit" id="resorcename">资源名称</h1>
16
		    <!--<a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
16
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
17
			<h1 class="mui-title toptit" id="resorcename">资源名称</h1>
18
			<!--<a class="mui-icon iconfont icon-share mui-pull-right topmore" id="shareBtn">
17 19
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
18 20
		    		<li>
19 21
		    			<span class="mui-icon mui-icon-weixin"></span>
@ -28,45 +30,50 @@
28 30
		    	</ul>
29 31
		    </a>-->
30 32
		</header>
31
		
33
32 34
		<!--主页面底部菜单-->
33
	     <nav class="mui-bar mui-bar-tab mui-clearfix footbox">
34
		    <div class="dialogbtn mui-pull-left btnactive" style="background:#FF9900; color: #FFFFFF;" id="consult">
35
		    	<div>
36
			    	<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
35
		<nav class="mui-bar mui-bar-tab mui-clearfix footbox">
36
			<div class="dialogbtn mui-pull-left btnactive" style="background:#FF9900; color: #FFFFFF;" id="consult">
37
				<div>
38
					<em class="mui-iocn iconfont icon-community mui-pull-left"></em>
37 39
					<span class="mui-pull-left" id="consultBtn">咨询</span>
38 40
				</div>
39 41
			</div>
40 42
			<div class="attentbtn mui-pull-left">
41 43
				<em class="mui-iocn iconfont icon-favor" id="yesExpert"></em>
42
				<em class="mui-iocn iconfont icon-favorfill" style="display:none;" id="noExpert"></em><!--已经关注icon-favorfill-->
44
				<em class="mui-iocn iconfont icon-favorfill" style="display:none;" id="noExpert"></em>
45
				<!--已经关注icon-favorfill-->
43 46
			</div>
44 47
		</nav>
45 48
		<!-- 主页面内容容器 -->
46
    	<div class="mui-content">
47
    		<!-- 主界面具体展示内容 -->
48
    		<div class="mui-input-group mainbox restopblock">
49
    			<div class="ResImgBox resouimgbox mui-pull-left" style="height:180px;width:180px;max-width:180px;margin:0 6px 0 2px;">
50
					<img class="resImg headRadius" src="../images/default-resource.jpg"/ id="ziyuanimg">
49
		<div class="mui-content">
50
			<!-- 主界面具体展示内容 -->
51
			<div class="mui-input-group mainbox restopblock">
52
				<div class="mui-content-padded">
53
					<p>
54
						<div class="ResImgBox resouimgbox mui-pull-left" style="height:180px;width:180px;max-width:180px;margin:0 6px 0 2px;">
55
							<img class="resImg headRadius" src="../images/default-resource.jpg" id="ziyuanimg" data-preview-src data-preview-group="1" />
56
						</div>
57
					</p>
51 58
				</div>
52 59
				<div class="personblock mui-pull-left" id="fess">
53
                    <img class="headimg headRadius" src="" id="proimg">
54
                    <p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>	
55
                    <p class="listtit2" ><span id="protitle"></span><span id="prooffice"></span></p>
56
                    <p class="listtit3"><span id="proorgName"></span></p>
57
                    <p class="listtit3"><span id="proadress"></span></p>
58
                </div>
59
    		</div>
60
    		<!--<div class="resomenubox">
60
					<img class="headimg headRadius" src="" id="proimg">
61
					<p class="listtit" id="proname"><em class="mui-icon iconfont icon-vip " style="font-size:16px;" id="promodify"></em></p>
62
					<p class="listtit2"><span id="protitle"></span><span id="prooffice"></span></p>
63
					<p class="listtit3"><span id="proorgName"></span></p>
64
					<p class="listtit3"><span id="proadress"></span></p>
65
				</div>
66
			</div>
67
			<!--<div class="resomenubox">
61 68
    			<ul class="resomenu">
62 69
    				<li>基本信息</li>
63 70
    			</ul>
64 71
    		</div>-->
65
    		<div class="mui-input-group mainbox resouinfoword marginbox">
66
            	<ul class="resouinfobox">
67
            		<li>
68
            			<div class="infocontit">基本信息</div>
69
            		</li>
72
			<div class="mui-input-group mainbox resouinfoword marginbox">
73
				<ul class="resouinfobox">
74
					<li>
75
						<div class="infocontit">基本信息</div>
76
					</li>
70 77
					<li>
71 78
						<div class="infocon">
72 79
							<p style="color:#666666;">
@ -82,76 +89,77 @@
82 89
				</ul>
83 90
			</div>
84 91
			<div class="mui-input-group mainbox resouinfoword marginbox" id="fielddiv">
85
            	<ul class="resouinfobox">
92
				<ul class="resouinfobox">
86 93
					<li>
87 94
						<div class="infocontit">学术领域</div>
88 95
						<div class="infocon">
89
					       	<ul class="infosubject" id="field">
90
					       		<!--<li>领域1</li>
96
							<ul class="infosubject" id="field">
97
								<!--<li>领域1</li>
91 98
					       		<li>领域领域领域2</li>
92 99
					       		<li>领域领域领域领域3</li>
93 100
					       		<li>领域4</li>
94 101
					       		<li>领域领1</li>
95 102
					       		<li>领域1</li>
96 103
					       		<li>领域1</li>-->
97
					       	</ul>
98
				       </div>
104
							</ul>
105
						</div>
99 106
					</li>
100 107
				</ul>
101 108
			</div>
102 109
			<div class="mui-input-group mainbox resouinfoword marginbox " id="applydiv">
103
            	<ul class="resouinfobox">
110
				<ul class="resouinfobox">
104 111
					<li>
105
						<div class="infocontit">应用行业</div> 
106
				        <div class="infocon">
107
					       	<ul class="infoapply" id="apply">
108
					       		<!--<li class="mui-ellipsis">应用行业1</li>
112
						<div class="infocontit">应用行业</div>
113
						<div class="infocon">
114
							<ul class="infoapply" id="apply">
115
								<!--<li class="mui-ellipsis">应用行业1</li>
109 116
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
110 117
					       		<li class="mui-ellipsis">领域领域3</li>
111 118
					       		<li class="mui-ellipsis">领域4</li>
112 119
					       		<li class="mui-ellipsis">领域领1</li>
113 120
					       		<li class="mui-ellipsis">领域1</li>
114 121
					       		<li class="mui-ellipsis">领域1</li>-->
115
					       	</ul>
116
				        </div>
122
							</ul>
123
						</div>
117 124
					</li>
118 125
				</ul>
119 126
			</div>
120 127
			<div class="mui-input-group mainbox resouinfoword marginbox " id="detaildiv">
121
            	<ul class="resouinfobox">
128
				<ul class="resouinfobox">
122 129
					<li>
123
				       <div class="infocontit">详细描述</div> 
124
				       <div class="infocon">
125
				       		<p class="listtit3 mutlinebox" id="detail"></p>
126
				       </div>
130
						<div class="infocontit">详细描述</div>
131
						<div class="infocon">
132
							<p class="listtit3 mutlinebox" id="detail"></p>
133
						</div>
127 134
					</li>
128 135
				</ul>
129 136
			</div>
130 137
			<div class="mui-input-group mainbox resouinfoword marginbox " id="hezuodiv">
131
            	<ul class="resouinfobox">
132
		            <li>
133
				       <div class="infocontit">合作备注</div> 
134
				       <div class="infocon">
135
				       		<p class="listtit3 mutlinebox" id="hezuo"></p>
136
				       </div>
137
				    </li>
138
				<ul class="resouinfobox">
139
					<li>
140
						<div class="infocontit">合作备注</div>
141
						<div class="infocon">
142
							<p class="listtit3 mutlinebox" id="hezuo"></p>
143
						</div>
144
					</li>
138 145
				</ul>
139
             </div>
146
			</div>
147
148
		</div>
140 149
141
        </div>
142
		
143 150
		<script src="../js/public/mui.min.js"></script>
144 151
		<script src="../js/public/base.js"></script>
152
		<script src="../js/public/mui.zoom.js" type="text/javascript" charset="utf-8"></script>
153
		<script src="../js/public/mui.previewimage.js" type="text/javascript" charset="utf-8"></script>
145 154
		<script src="../js/resinforbrow.js"></script>
146 155
		<script type="text/javascript">
147 156
			/*mui.init();
148
			var shareBtn = document.getElementById("shareBtn");
149
			var shareBox = document.getElementById("shareBox");
150
			
151
			shareBtn.addEventListener("tap",function(){
152
				shareBox.style.display = 'block';
153
			});*/
154
			
157
						var shareBtn = document.getElementById("shareBtn");
158
						var shareBox = document.getElementById("shareBox");
159
						
160
						shareBtn.addEventListener("tap",function(){
161
							shareBox.style.display = 'block';
162
						});*/
155 163
		</script>
156 164
	</body>
157 165

+ 1 - 2
app/js/proinfobrow.js

@ -562,7 +562,7 @@ mui.plusReady(function() {
562 562
					shareMessage(share, "WXSceneTimeline", {
563 563
						content: str,
564 564
						title: "【科袖名片】" + professorName + " " + title + "",
565
						href: "http://192.168.3.233/shareProinfor.html?professorId=" + proId,
565
						href: "http://www.ekexiu.com/shareProinfor.html?professorId=" + proId,
566 566
						thumbs: ["http://www.ekexiu.com/images/head/" + proId + "_l.jpg"]
567 567
					});
568 568
				}
@ -595,7 +595,6 @@ mui.plusReady(function() {
595 595
	}
596 596
	
597 597
	function shareMessage(share, ex, msg) {
598
		plus.nativeUI.showWaiting();
599 598
		msg.extra = {
600 599
			scene: ex
601 600
		};

+ 2 - 1
app/js/resinforbrow.js

@ -356,5 +356,6 @@ mui.plusReady(function() {
356 356
		});
357 357
358 358
	}
359
359
/*图像预览*/
360
	mui.previewImage();
360 361
});