商学院分享

public/appnew/src/components/businessCollege/articleDetail.vue

 <template>
 	<div>
-		<header-pulic :data="headerData"></header-pulic>
+		<header-pulic :data="headerData">
+			<a href="javascript:;" class="icon-link icon-link-share" @click="share"></a>
+		</header-pulic>
+		<div class="header_seat"></div>
 		<article>
 			<div class="article-bar">
 				<h1>{{articleTitle}}</h1>
@@ -206,6 +209,26 @@
 				_this.commentDataList = [];
 				_this.page = 1;
 				_this.noDataFlag = false;
+			},
+			share() {
+				let _this = this;
+				let _url = location.href+'&share=1';
+				let _title = _this.articleTitle;
+				let _content = '';
+				_this.common.Compatible({
+					paraIos: {
+						'route': 'shareClick',
+						'url': _url,
+						'title': _title,
+						'content': _content
+					},
+					fnAndroid() {
+						window.android.shareClick(_url, _title, _content);
+					},
+					fn() {
+						console.warn('error');
+					}
+				});
 			}
 		},
 		computed: {

public/appnew/src/components/publicEg/headPublic.vue

@@ -3,6 +3,7 @@
 	<header :class="{'no-border':data.noborder}">
 		<a class="ps-back" @click="back" href="javascript:;"></a>
 		<h2>{{data.title}}</h2>
+		<slot></slot>
 	</header>
 	<div class="header_seat"></div>
 </div>
@@ -76,6 +77,18 @@
 	    background: url(images/ic_back_black@2x.png) no-repeat 0.3rem center;
 	    background-size: .36rem .28rem;
 	}
+	header .icon-link {
+	    position: absolute;
+	    top: 0;
+	    bottom: 0;
+	    right: 0;
+	    display: block;
+	    width: .88rem;
+	    height: .88rem;
+	}
+	header .icon-link.icon-link-share {
+	    background: url(images/icon_share@2x.png) no-repeat center center/.34rem .38rem;
+	}
 	header>h2{
 		font-size: .34rem;
 	    line-height: .88rem;