Home Verkennen Help
Registreren Inloggen
bulomakaka
/
ekexiu.app
Volgen 2
Ster 1
Vork 0
Code Kwesties 0 Pull-aanvragen 0 Commits 257 Publicaties 0 Wiki
Bladeren bron

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

jack 8 jaren geleden
bovenliggende
bc7c1ba37a
commit
b1fcf08bb9
4 gewijzigde bestanden met toevoegingen van 81 en 73 verwijderingen
Split View Toon Diff Stats
  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
Bestand weergeven 

@ -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
Bestand weergeven 

@ -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
Bestand weergeven 

@ -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
Bestand weergeven 

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