首頁 探索 說明
註冊 登入
bulomakaka
/
ekexiu.app
關註 2
讚好 1
派生 0
代碼 問題管理 0 合併請求 0 提交歷史 257 版本發佈 0 Wiki
瀏覽代碼

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

jack 8 年之前
父節點
bc7c1ba37a
當前提交
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 
/*********************** 资源信息浏览*******************/
522 
/*********************** 资源信息浏览*******************/
523 
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
523 
.restopblock{ overflow: hidden; padding:14px 10px; background: #FFFFFF;}
524 
.resouimgbox{text-align:center;margin:10px;}
524 
.resouimgbox{text-align:center;margin:10px;}
525 
.resouimgbox img{ width: 100%;margin: auto;}
525 
.resouimgbox img{ /*width: 100%;*/margin: auto;}
526 
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
526 
.personblock{ position:absolute;top:50%; margin-top:-88px ;left:56%; padding:8px 2px; text-align: center; width:40%;}
527 
.personblock p{ margin-bottom: 4px;}
527 
.personblock p{ margin-bottom: 4px;}
528 
.personblock .headimg{ width:40%;overflow: hidden;}
528 
.personblock .headimg{ width:40%;overflow: hidden;}

+ 77 - 69
app/html/resinforbrow.html
查看文件

1 
<!doctype html>
 1 
<!doctype html>
2 
<html>
 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 
	<body>
 14 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
 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 
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
 19 
		    	<ul class="sharebox" id="shareBox" style="display:none; color: #000000;">
18 
		    		<li>
 20 
		    		<li>
19 
		    			<span class="mui-icon mui-icon-weixin"></span>
 21 
		    			<span class="mui-icon mui-icon-weixin"></span>
28 
		    	</ul>
 30 
		    	</ul>
29 
		    </a>-->
 31 
		    </a>-->
30 
		</header>
 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 
					<span class="mui-pull-left" id="consultBtn">咨询</span>
 39 
					<span class="mui-pull-left" id="consultBtn">咨询</span>
38 
				</div>
 40 
				</div>
39 
			</div>
 41 
			</div>
40 
			<div class="attentbtn mui-pull-left">
 42 
			<div class="attentbtn mui-pull-left">
41 
				<em class="mui-iocn iconfont icon-favor" id="yesExpert"></em>
 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 
			</div>
 46 
			</div>
44 
		</nav>
 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 
				</div>
 58 
				</div>
52 
				<div class="personblock mui-pull-left" id="fess">
 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 
    			<ul class="resomenu">
 68 
    			<ul class="resomenu">
62 
    				<li>基本信息</li>
 69 
    				<li>基本信息</li>
63 
    			</ul>
 70 
    			</ul>
64 
    		</div>-->
 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 
					<li>
 77 
					<li>
71 
						<div class="infocon">
 78 
						<div class="infocon">
72 
							<p style="color:#666666;">
 79 
							<p style="color:#666666;">
82 
				</ul>
 89 
				</ul>
83 
			</div>
 90 
			</div>
84 
			<div class="mui-input-group mainbox resouinfoword marginbox" id="fielddiv">
 91 
			<div class="mui-input-group mainbox resouinfoword marginbox" id="fielddiv">
85 
            	<ul class="resouinfobox">
92 
				<ul class="resouinfobox">
86 
					<li>
 93 
					<li>
87 
						<div class="infocontit">学术领域</div>
 94 
						<div class="infocontit">学术领域</div>
88 
						<div class="infocon">
 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 
					       		<li>领域领域领域2</li>
 98 
					       		<li>领域领域领域2</li>
92 
					       		<li>领域领域领域领域3</li>
 99 
					       		<li>领域领域领域领域3</li>
93 
					       		<li>领域4</li>
 100 
					       		<li>领域4</li>
94 
					       		<li>领域领1</li>
 101 
					       		<li>领域领1</li>
95 
					       		<li>领域1</li>
 102 
					       		<li>领域1</li>
96 
					       		<li>领域1</li>-->
 103 
					       		<li>领域1</li>-->
97 
					       	</ul>
98 
				       </div>
104 
							</ul>
105 
						</div>
99 
					</li>
 106 
					</li>
100 
				</ul>
 107 
				</ul>
101 
			</div>
 108 
			</div>
102 
			<div class="mui-input-group mainbox resouinfoword marginbox " id="applydiv">
 109 
			<div class="mui-input-group mainbox resouinfoword marginbox " id="applydiv">
103 
            	<ul class="resouinfobox">
110 
				<ul class="resouinfobox">
104 
					<li>
 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 
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
 116 
					       		<li class="mui-ellipsis">领域领域领域域领域领域域领域领域域领域领域2</li>
110 
					       		<li class="mui-ellipsis">领域领域3</li>
 117 
					       		<li class="mui-ellipsis">领域领域3</li>
111 
					       		<li class="mui-ellipsis">领域4</li>
 118 
					       		<li class="mui-ellipsis">领域4</li>
112 
					       		<li class="mui-ellipsis">领域领1</li>
 119 
					       		<li class="mui-ellipsis">领域领1</li>
113 
					       		<li class="mui-ellipsis">领域1</li>
 120 
					       		<li class="mui-ellipsis">领域1</li>
114 
					       		<li class="mui-ellipsis">领域1</li>-->
 121 
					       		<li class="mui-ellipsis">领域1</li>-->
115 
					       	</ul>
116 
				        </div>
122 
							</ul>
123 
						</div>
117 
					</li>
 124 
					</li>
118 
				</ul>
 125 
				</ul>
119 
			</div>
 126 
			</div>
120 
			<div class="mui-input-group mainbox resouinfoword marginbox " id="detaildiv">
 127 
			<div class="mui-input-group mainbox resouinfoword marginbox " id="detaildiv">
121 
            	<ul class="resouinfobox">
128 
				<ul class="resouinfobox">
122 
					<li>
 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 
					</li>
 134 
					</li>
128 
				</ul>
 135 
				</ul>
129 
			</div>
 136 
			</div>
130 
			<div class="mui-input-group mainbox resouinfoword marginbox " id="hezuodiv">
 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 
				</ul>
 145 
				</ul>
139 
             </div>
146 
			</div>
147
148 
		</div>
140
149
141 
        </div>
142
143 
		<script src="../js/public/mui.min.js"></script>
 150 
		<script src="../js/public/mui.min.js"></script>
144 
		<script src="../js/public/base.js"></script>
 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 
		<script src="../js/resinforbrow.js"></script>
 154 
		<script src="../js/resinforbrow.js"></script>
146 
		<script type="text/javascript">
 155 
		<script type="text/javascript">
147 
			/*mui.init();
 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 
		</script>
 163 
		</script>
156 
	</body>
 164 
	</body>
157
165

+ 1 - 2
app/js/proinfobrow.js
查看文件

562 
					shareMessage(share, "WXSceneTimeline", {
 562 
					shareMessage(share, "WXSceneTimeline", {
563 
						content: str,
 563 
						content: str,
564 
						title: "【科袖名片】" + professorName + " " + title + "",
 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 
						thumbs: ["http://www.ekexiu.com/images/head/" + proId + "_l.jpg"]
 566 
						thumbs: ["http://www.ekexiu.com/images/head/" + proId + "_l.jpg"]
567 
					});
 567 
					});
568 
				}
 568 
				}
595 
	}
 595 
	}
596
596
597 
	function shareMessage(share, ex, msg) {
 597 
	function shareMessage(share, ex, msg) {
598 
		plus.nativeUI.showWaiting();
599 
		msg.extra = {
 598 
		msg.extra = {
600 
			scene: ex
 599 
			scene: ex
601 
		};
 600 
		};

+ 2 - 1
app/js/resinforbrow.js
查看文件

356 
		});
 356 
		});
357
357
358 
	}
 358 
	}
359
359 
/*图像预览*/
360 
	mui.previewImage();
360 
});
 361 
});