分享页功能

public/appnew/src/components/propaganda/propaganda.vue

+<template>
+	<div style="background:linear-gradient(149deg,rgba(238,238,167,1),rgba(254,167,46,1));overflow:hidden;">
+		<div style="width:.88rem;height:.88rem;position:fixed;top:0rem;left:.0rem;">
+			<img :src="pback" style="width:.2rem;height:.4rem;margin-top:.24rem ;margin-left:.34rem">
+		</div>
+		<div style="width:7.5rem;height:4.8rem;">
+			<img :src="p1" style="width:100%;height:100%;">
+		</div>
+		<div style="width:7.5rem;">
+			<img :src="p2" style="width:100%;height:100%;">
+			<div style="width:7.5rem ;margin-top:0rem;">
+				<div class="gbtn" @click="coppyNameAndTuren">
+					复制名称打开微信
+				</div>
+			</div>
+			<div style="margin-top:.82rem;padding:0rem .4rem 0rem .36rem ;width:6.74rem">
+				<span class="stepNo">步骤一：</span>
+				<span class="stepDesc">直接去微信查找里粘贴，搜索并关注公众号</span>
+				<img :src="p3" style="width:4.26rem ; height:2.638rem ;margin-top:.4rem;margin-left:1.26rem;"> 
+			</div>
+			<div style="margin-top:.82rem;padding:0rem .4rem 0rem .36rem ;width:6.74rem">
+				<span class="stepNo">步骤二：</span>
+				<span class="stepDesc">订阅推送</span>
+				<img :src="p4" style="width:4.26rem ; height:2.638rem ;margin-top:.4rem;margin-left:1.26rem;"> 
+			</div>
+			<div style="width:7.5rem ; height:1.14rem;">
+			</div>
+		</div>
+	</div>
+</template>
+
+<script>
+	import p1 from '@/components/propaganda/images/p1.png'
+	import p2 from '@/components/propaganda/images/p2.png';
+	import p3 from '@/components/propaganda/images/p3.png';
+	import p4 from '@/components/propaganda/images/p4.png';
+	import pback from '@/components/propaganda/images/pback.png';
+	export default{
+		data : ()=>({
+			p1,p2,p3,p4,pback,
+		}),
+		methods : {
+			back(){
+				let _this = this ;
+				if ( _this.imgArea ){
+					_this.imgArea = false ; 
+				} else {
+					_this.common.Compatible({
+						paraIos: {
+							'route': 'aabb',
+							'url': 'back'
+						},
+						fnAndroid: function() {
+							window.android.onBackPressed();
+						},
+						fn: function() {
+							console.warn('error');
+						}
+					});
+				}
+			},
+			coppyNameAndTuren (){
+				let _this = this ; 
+				let name = '淘尚好客crm';
+				let path = _this.serverHost + _this.imgsrc ; 
+				_this.common.Compatible({
+					paraIos: {
+						'route': 'propagandaName',
+						'name' : name,
+					},
+					fnAndroid() {
+						window.android.propagandaName(name);
+					},
+					fn() {
+						console.warn('error');
+					}
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.stepNo{
+		font-size:.48rem;
+		font-family:PingFangSC;
+		font-weight:700;
+		color:rgba(59,19,9,1);
+		line-height:.66rem;
+		float:left;
+	}
+	.stepDesc{
+		font-size:.32rem;
+		font-family:PingFangSC;
+		font-weight:400;
+		color:rgba(59,19,9,1);
+		line-height:.44rem;
+		/*float:left;*/
+		
+	}
+	.gbtn{
+		text-align:center;
+		line-height:.88rem;
+		width:3.55rem;
+		height:.88rem;
+		background:linear-gradient(321deg,rgba(65,151,8,1) 0%,rgba(90,174,26,1) 100%);
+		border-radius:.10rem;
+		font-size:.32rem;
+		margin-left:1.975rem;
+		font-family:PingFangSC;
+		font-weight:600;
+		color:rgba(255,255,255,1);
+	}
+</style>
\ No newline at end of file

public/appnew/src/router/index.js

@@ -176,6 +176,10 @@ export default new VueRouter({
 			path: '/eval_list',
 			name: 'v-eval_list',
 			component: resolve => require(['@/components/eval/eval_list'],resolve)
+		},{
+			path: '/propaganda',
+			name: 'v-propaganda',
+			component: resolve => require(['@/components/propaganda/propaganda'],resolve)
 		}