소스 검색

Merge branch 'dev-4.9.3' of http://192.168.32.253:3000/Software/android-cloud-H5 into dev-4.9.3

heyang 3 년 전
부모
커밋
956c02c36b

BIN
microserviceUserH5.rar


+ 62 - 0
microserviceUserH5/static/css/index.css

@@ -0,0 +1,62 @@
+/* 公共样式 */
+html{-webkit-overflow-scrolling:touch;height:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
+body{-webkit-overflow-scrolling:touch;height:100%;background-color:#fff; font-family: -apple-system, Helvetica, sans-serif;font-size:.16rem;}
+body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,g,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,textarea{margin:0;padding:0;}
+ol,li,ul,dl,dt,dd{list-style:none;}
+table{border-spacing:0;border-collapse:collapse;;}
+input[type='submit'],input[type='reset'],input[type='button'],input,textarea{resize:none;border:none;}
+body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{-webkit-tap-highlight-color:rgba(0,0,0,0);}
+article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
+/* img{width:100%;width:auto\9;height:auto;-ms-interpolation-mode:bicubic;border:none;} */
+em,g,i{display:inline-block;font-style:normal;}
+textarea{resize:none;}
+p{word-wrap:break-word;}
+button{border:0;background-color:transparent;} 
+strong,b{font-weight:normal;}
+a{text-decoration:none;color:#fff;font-family: -apple-system, Helvetica, sans-serif;}
+a:hover{text-decoration:none;outline:none;}
+h1,h2,h3,h4,h5,h6{font-family: -apple-system, Helvetica, sans-serif;font-size:100%;font-weight:normal;}
+input{box-sizing:border-box;background-color:transparent;font-family: -apple-system, Helvetica, sans-serif;}
+a:link,a:active,a:visited,a:hover{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
+@media screen and (max-width: 750px) {
+    html {
+      font-size: calc(100vw / 7.5);
+    }
+  }
+  
+  @media screen and (min-width: 750px) {
+    html {
+      font-size: calc(450px / 7.5);
+    }
+  }
+  * {
+    outline: none;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  }
+  [v-cloak] {
+      display: none !important;
+  }
+  * {
+    margin: 0;
+    padding: 0;
+  }
+
+  div{
+	box-sizing: border-box;
+}
+::-webkit-scrollbar {
+	width: 0 !important;
+	height: 0
+}
+
+/* 	.app::-webkit-scrollbar {
+            display: none;
+        } */
+::-webkit-scrollbar {
+	display: none;
+	/*隐藏滚轮*/
+}
+
+.app::-webkit-scrollbar {
+	width: 0 !important
+}

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 1 - 0
microserviceUserH5/static/css/vant.css


+ 56 - 0
microserviceUserH5/static/js/vender/vue/api.js

@@ -0,0 +1,56 @@
+//获取h5资讯详情接口
+ function getEvantDetails(params) {
+    return service({
+      url: `/api/user/v1/evant/information/get/evantDetails/${params}`,
+      method: 'get',
+    
+    })
+  }
+  //是否删除文章获取h5资讯详情接口
+ function getEvantCheck(params) {
+  return service({
+    url: `/api/user/v1/evant/information/evant/check/${params}`,
+    method: 'get',
+  
+  })
+}
+//获取活动数据
+ function getActDetail(token) {
+  return service({
+    url: `/v4/actFissionAward/getActDetail`,
+    method: 'get',
+    headers:{
+      'Authorization': token
+    },
+  })
+}
+//跑马灯
+function getMarquee() {
+  return service({
+    url: `/v4/actFissionAward/marquee`,
+    method: 'get',
+ 
+  })
+}
+//活动领取奖励
+function getAwardPage(token,params) {
+  return service({
+    url: `/v4/actFissionAward/awardPage`,
+    method: 'post',
+    headers:{
+      'Authorization': token
+    },
+    data: params
+  })
+}
+// //活动领取校验接口
+// function getAwardPage(params) {
+//   return service({
+//     url: `/v4/actFissionAward/receiveCheck`,
+//     method: 'post',
+//     headers:{
+//       'Authorization': token
+//     },
+//     data: params
+//   })
+// }

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 2 - 0
microserviceUserH5/static/js/vender/vue/axios.min.js


+ 61 - 0
microserviceUserH5/static/js/vender/vue/config.js

@@ -0,0 +1,61 @@
+/* 服务器地址 */
+// var base_url = 'http://jakehou92.ticp.io'; //测试服务器
+// var base_url = 'http://192.168.100.137:3001'; //测试服务器
+// var base_url = 'http://192.168.100.98:3001'; //测试服务器
+//var base_url = baseUrl; //测试服务器
+//http://test.androidscloud.com
+//var base_url = 'http://192.168.11.220:8017';
+//https://www.nn-jtjt.com/app
+// var base_url = 'http://kmpark.cdwatertek.com/appwechatpay'; //测试服务器
+// var base_url = 'http://192.168.100.83:3001'; //测试服务器
+//var base_url = 'http://**********'; //正式服务器
+
+const fileCenterApi = 'https://wjzx.androidscloud.com:9091'
+
+axios.defaults.headers['Content-Type'] = 'application/json';
+// axios.defaults.headers['Access-Control-Allow-Origin'] = '*';
+
+// 创建axios实例
+const service = axios.create({
+  baseURL: base_url, // api的base_url
+  timeout: 120000 // 请求超时时间
+})
+
+// request拦截器
+// service.interceptors.request.use(config => {
+//   if(config.method!='get'){
+//     showFullScreenLoading(0);
+//   }
+//   const isToken = (config.headers || {}).isToken === false;
+//     if (getCookie('token') && !isToken) {
+//       config.headers["token"] = getCookie('token') ; // 让每个请求携带自定义token 请根据实
+//     }else{
+//       config.headers["token"]='f7b691b1-8cb1-40b2-ac0f-627071f0fdda'
+//     }
+//   return config
+// }, error => {
+//   tryHideFullScreenLoading();
+//   Promise.reject(error)
+// })
+service.interceptors.response.use(
+  response => {
+      const code = response.data.code
+      // tryHideFullScreenLoading();
+     
+      if (response && code != 200) {
+
+        // if(response.data.msg) Toast(`${response.data.msg}`)
+      }
+      // if(response.data.msg=='请先登录'){
+      //   window.location.href='../html/login.html'
+      // }
+      return response.data
+  },
+  error => {
+      console.log(error) // for debug
+      alert('服务器异常, 请稍后重试')
+      // tryHideFullScreenLoading();
+      return Promise.reject(error)
+  }
+)
+

파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 7 - 0
microserviceUserH5/static/js/vender/vue/vant.min.js


파일 크기가 너무 크기때문에 변경 상태를 표시하지 않습니다.
+ 6 - 0
microserviceUserH5/static/js/vender/vue/vue.min.js


BIN
microserviceUserH5/static/offImg/404.png


BIN
microserviceUserH5/static/offImg/bg.png


BIN
microserviceUserH5/static/offImg/btn-down.png


BIN
microserviceUserH5/static/offImg/downLoad.png


BIN
microserviceUserH5/static/offImg/hongbao.png


BIN
microserviceUserH5/static/offImg/lunbo.png


BIN
microserviceUserH5/static/offImg/no-data.png


BIN
microserviceUserH5/static/offImg/share-top.png


BIN
microserviceUserH5/static/offImg/time-end.png


BIN
microserviceUserH5/static/offImg/time.png


BIN
microserviceUserH5/static/offImg/title-bg.png


BIN
microserviceUserH5/static/offImg/tou.png


+ 462 - 0
microserviceUserH5/vcloud/actFission.html

@@ -0,0 +1,462 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+	<meta name="description" content="活动">
+	<title>免费领机</title>
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+	<link rel="stylesheet" href="../static/css/index.css">
+	<link rel="stylesheet" href="../static/css/vant.css" />
+	<script src="../static/js/vender/vue/vue.min.js"></script>
+	<script src="../static/js/vender/vue/vant.min.js"></script>
+	<script src="../static/js/vender/config.js"></script>
+	<style>
+		.container {
+			background: #0671F1;
+		}
+
+		.top-banner {
+			background: url("../static/offImg/bg.png") no-repeat;
+			width: 100%;
+			height: 11.6rem;
+			background-size: 100% 100%;
+			position: relative;
+
+		}
+
+		.top-banner .hongbao {
+			width: 1.46rem;
+			height: 1.42rem;
+			position: absolute;
+			bottom: 1.4rem;
+			left: 0.7rem;
+		}
+
+		.bottom-btn {
+			position: absolute;
+			width: 100%;
+			bottom: -0.12rem;
+			display: flex;
+			justify-content: center;
+			left: 0;
+		}
+
+		.bottom-btn .time-box {
+			width: 6.26rem;
+			height: 1.88rem;
+			background: url("../static/offImg/time.png") no-repeat;
+			background-size: 100% 100%;
+		}
+
+		.no-start {
+			width: 6.26rem !important;
+			height: 1.88rem !important;
+			background: url("../static/offImg/time-end.png") no-repeat !important;
+			background-size: 100% 100% !important;
+		}
+
+		.list {
+			width: 100%;
+			height: 14.42rem;
+			background: #0671F1;
+			padding: 0 0.3rem;
+
+		}
+
+		.nav-box,
+		.rule-box {
+			margin-top: 0.44rem;
+			width: 100%;
+			height: 5.7rem;
+			background: #C3E5FF;
+			border-radius: 0.2rem;
+			border: 0.02rem solid #F5FAFF;
+			position: relative;
+
+		}
+
+		.rule-box .title-box,
+		.nav-box .title-box {
+			width: 100%;
+			position: absolute;
+			left: 0;
+			top: -0.17rem;
+			display: flex;
+			justify-content: center;
+		}
+
+		.rule-box .title-box .img-box,
+		.nav-box .title-box .img-box {
+			background: url("../static/offImg/title-bg.png") no-repeat;
+			background-size: 100% 100%;
+			width: 3.96rem;
+			height: 0.64rem;
+			text-align: center;
+			line-height: 0.64rem;
+			font-size: 0.32rem;
+			font-family: PingFangSC-Medium, PingFang SC;
+			color: #FFFFFF;
+
+		}
+
+		.outer-box {
+			margin-top: 0.48rem;
+			padding: 0.3rem 0.4rem;
+			overflow-y: scroll;
+			height: 5.1rem;
+		}
+
+		.list-nav {
+			display: flex;
+			margin-bottom: 0.2rem;
+			justify-content: space-between;
+		}
+
+		.list-nav .user {
+			display: flex;
+		}
+
+		.list-nav .user .tou {
+			width: 0.6rem;
+			height: 0.6rem;
+			border-radius: 50%;
+			margin-right: 0.12rem;
+		}
+
+		.list-nav .user .text p:first-of-type {
+			font-size: 0.24rem;
+			margin-bottom: 0.08rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #272624;
+		}
+
+		.list-nav .user .text p+p {
+			font-size: 0.24rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #999999;
+		}
+
+		.right-nav {
+			display: flex;
+			align-items: center;
+		}
+
+		.right-nav P:first-of-type {
+			font-size: 0.24rem;
+			font-family: PingFangSC-Medium, PingFang SC;
+			font-weight: 500;
+			color: #FF8E00;
+			margin-right: 0.3rem;
+		}
+
+		.right-nav .btn {
+			width: 1.14rem;
+			height: 0.52rem;
+			line-height: 0.52rem;
+			background: #3B7FFF;
+			border-radius: 0.08rem;
+			text-align: center;
+			font-size: 0.24rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #FFFFFF;
+		}
+
+		.rule-box {
+			margin-top: 0.62rem;
+			width: 100%;
+			height: 6.92rem;
+			padding: 0.3rem 0.4rem;
+		}
+
+		.rule-box .rule {
+			margin-top: 0.48rem;
+			font-size: 0.28rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #333333;
+			line-height: 0.46rem;
+			letter-spacing: 0.013rem;
+		}
+
+		.rule-box .rule p {
+			margin-bottom: 0.12rem;
+		}
+
+		.isdisabled {
+			background: #E3E7EE !important;
+			color: #AAADB3 !important;
+		}
+
+		.notice-swipe {
+			height: 40px;
+			line-height: 40px;
+		}
+
+		.top-notice {
+			width: 100%;
+			padding: 2rem 0.3rem 0 0.3rem;
+			height: 0.82rem;
+		}
+
+		.van-notice-bar {
+			width: 100%;
+			height: 0.82rem;
+			background: url("../static/offImg/lunbo.png") no-repeat;
+			background-size: 100% 100%;
+		}
+
+		.van-swipe-item {
+			display: flex;
+			align-items: center;
+		}
+
+		.van-swipe-item p:first-of-type {
+			font-size: 0.28rem;
+			width: 2.4rem;
+			color: #00FFFF;
+			display: block;
+			overflow: hidden;
+			word-break: keep-all;
+			white-space: nowrap;
+			text-overflow: ellipsis;
+		}
+
+		.van-swipe-item p+p {
+			font-size: 0.28rem;
+			color: #FFFFFF;
+		}
+
+		.van-swipe-item img {
+			width: 0.6rem;
+			margin-left: 0.4rem;
+			margin-right: 0.1rem;
+			border-radius: 50%;
+			height: 0.6rem;
+		}
+
+		.no-user {
+			width: 100%;
+			height: 100%;
+			display: flex;
+			justify-content: center;
+			align-items: center;
+			font-size: 0.3rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #666666;
+		}
+	</style>
+</head>
+
+<body>
+	<div id="app" v-cloak class="app container">
+		<div class="top-banner">
+			<img src="../static//offImg/hongbao.png" class="hongbao" alt="">
+			<div class="top-notice">
+				<van-notice-bar :scrollable="false">
+					<van-swipe vertical class="notice-swipe" :autoplay="2000" :show-indicators="false">
+						<van-swipe-item v-for="(item,index) in marqueeList">
+							<img :src="standarImg(item.headImgUrl)" :onerror="defaultImg" alt="">
+							<p>{{item.surfaceName}}</p>
+							<p>已领取分享奖励</p>
+						</van-swipe-item>
+
+					</van-swipe>
+				</van-notice-bar>
+			</div>
+			<div class="bottom-btn">
+				<div class="time-box" @click='goReward()' :class="{'no-start':actStatus==0}"></div>
+
+			</div>
+		</div>
+		<div class="list">
+			<div class="nav-box">
+				<!-- <img src="../static/offImg/title-bg.png" alt=""></img> -->
+				<div class="title-box">
+					<div class="img-box">活动奖励</div>
+				</div>
+				<div class="outer-box" v-if='rewardList&&rewardList.length>0'>
+					<van-list v-model="loading"  :finished-text="finishedText"
+						:finished="finished"    :immediate-check=false  @load="onLoad">
+					<div class="list-nav" v-for="(item,index) in rewardList" :key="index">
+						<div class="user">
+							<img :src="standarImg(item.headImgUrl)" class="tou" :onerror="defaultImg" alt="">
+							<div class="text">
+								<p>{{item.surfaceName}}</p>
+								<p>{{item.createTime}}</p>
+							</div>
+						</div>
+						<div class="right-nav">
+							<p>星动天卡</p>
+							<p class="btn" @click='goGetReward' v-if='item.receiveStatus==0'>领取</p>
+							<p class="btn isdisabled" v-if='item.receiveStatus==1'>已领取</p>
+
+						</div>
+					</div>
+					</van-list>
+
+				</div>
+				<div class="no-user" v-if='rewardList.length==0'>
+					<p>
+						暂无用户注册
+					</p>
+				</div>
+			</div>
+
+			<div class="rule-box">
+				<!-- <img src="../static/offImg/title-bg.png" alt=""></img> -->
+				<div class="title-box">
+					<div class="img-box">活动规则</div>
+				</div>
+				<div class="rule">
+					<p>1.分享双子星攻略文章至微信好友/微信朋友圈/QQ,好友注册成功后,分享者即可获得1小时星动套餐时长。</p>
+					<p>2.用户通过该分享链接获取的激活码,只针对新注册用户有效领取并兑换一次。</p>
+					<p>3.分享者每日最多获得10位好友的注册奖励,且奖励为当日有效,奖励过期不补发。</p>
+					<p>4.分享者若没有云机,需要先创建星动云机才可继续领取奖励。</p>
+					<p>5.新用户领取的激活码需在有效期内使用,若超过有效期则激活码失效。</p>
+				</div>
+			</div>
+
+		</div>
+	</div>
+	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+	<script src="../static/js/vender/vue/axios.min.js"></script>
+	<script src="../static/js/vender/vue/config.js"></script>
+	<script src="../static/js/vender/vue/api.js"></script>
+
+	<script type="text/javascript">
+		var u = navigator.userAgent,
+			app = navigator.appVersion;
+		var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
+		var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+		new Vue({
+			el: '#app',
+			data: {
+				isshow: false,
+				id: GetRequest().id ? GetRequest().id : 404,
+				topic: {},
+				rewardList: [],
+				queryParams: {
+					pageNum: 1,
+					pageSize: 5
+				},
+				isDisable: false,
+				finished: false,
+				loading: false,
+				finishedText: '没有更多了',
+				offset: 100,
+				total: 0,
+				shareInfo: {},
+				defaultImg: 'this.src="' + "../static/offImg/tou.png" + '"',
+				actStatus: 0, //0活动状态 1开始
+				marqueeList: [],
+				token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJyYW5kb20iOiIxNjc1OCIsImNsaWVudCI6IjAiLCJleHAiOjE2NDAyMTM3MDIsInVzZXJuYW1lIjoiYWRtaW4ifQ.3iGCT3FN0WByQHYebuiB4vSAnuuuU16znr8h0H-6jZE',
+
+			},
+			created() {
+				this.getAwardPage(); //获取奖励列表
+			},
+			mounted() {
+				this.getActDetail();
+				this.getMarquee(); //跑马灯
+
+				//this.getList();
+
+			},
+			methods: {
+				goReward() {
+					if (this.actStatus != 1) {
+						return
+					}
+					const {
+						title,
+						content,
+						gotoUrl,
+						shareImg
+					} = this.shareInfo;
+					if (isAndroid) {
+						window.native.share(title, content, gotoUrl, shareImg)
+					} else if (isIOS) {
+
+					}
+				},
+				standarImg(id) {
+					return `${fileCenterApi}/file-center/fileOperate/getImage?id=${id}`;
+				},
+				getActDetail() { //获取活动状态
+					this.$toast.loading({
+						duration: 0,
+						message: '加载中...',
+						forbidClick: true,
+						loadingType: 'spinner',
+					});
+					getActDetail(this.token).then(res => {
+						 this.$toast.clear();
+						if (res.status === 0) {
+							this.actStatus = res.data.actStatus;
+							this.shareInfo = res.data;
+						} else {
+						  this.$toast(res.msg);
+						}
+					})
+				},
+				getAwardPage() { //获取活动列表
+					getAwardPage(this.token, this.queryParams).then(res => {
+						if (res.status == 0) {
+							this.loading = false //取消正在加载状态
+							let infolist = res.data.list;
+							if (infolist) {
+								this.rewardList = this.rewardList.concat(infolist);
+								if (infolist.length < this.queryParams.pageSize) { //判断接口返回数据量小于请求数据量,则表示此为最后一页
+									this.finished = true;
+								}
+							} else {
+								this.finished = true;
+							}
+						} else {
+							this.$toast(res.msg);
+							this.loading = false
+							if (this.queryParams.pageNum > 1) {
+								this.queryParams.pageNum -= 1
+							}
+						}
+						
+					})
+		
+				},
+				//滚动加载时触发,list组件定义的方法
+				onLoad() {
+					let times = setTimeout(() => {
+						this.queryParams.pageNum += 1 //每请求一次,页面数+1
+					    this.getAwardPage();
+						clearTimeout(times)
+					}, 500)
+				},
+				getMarquee() {
+					getMarquee().then(res => {
+						if (res.status === 0) {
+							this.marqueeList = res.data;
+						} else {
+							this.$toast(res.msg);
+						}
+					})
+				},
+				goGetReward() {
+					if (isAndroid) {
+						window.native.activatePhone(1, 0)
+					} else if (isIOS) {
+
+					}
+				},
+				download() {
+
+				},
+
+
+
+			}
+		})
+	</script>
+</body>
+
+</html>

+ 291 - 0
microserviceUserH5/vcloud/actFissionShare.html

@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+    <meta name="description" content="分享朋友">
+    <title></title>
+    <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+    <link rel="stylesheet" href="../static/css/index.css">
+    <link rel="stylesheet" href="../static/css/vant.css" />
+    <script src="../static/js/vender/vue/vue.min.js"></script>
+    <script src="../static/js/vender/vue/vant.min.js"></script>
+    <script src="../static/js/vender/config.js"></script>
+    <style>
+        .container {
+            display: flex;
+            height: 100vh;
+            padding: 0.2rem 0.3rem;
+            /* align-items: center;
+			justify-content: center; */
+        }
+
+        .top-banner {
+            width: 6.82rem;
+            height: 0.82rem;
+            background: url("../static/offImg/share-top.png") no-repeat;
+            background-size: 100% 100%;
+        }
+
+        .footer {
+            position: fixed;
+            bottom: 0.5rem;
+            padding: 0 0.3rem;
+            width: 100%;
+            left: 0;
+
+
+        }
+
+        .download-btn {
+            width: 6.9rem;
+            height: 1.3rem;
+            background: url('../static/offImg/btn-down.png') no-repeat scroll top center #3B7FFF;
+            background-size: 100% 100%;
+            box-shadow: 0rem 0.06rem 0.4rem 0rem rgba(59, 127, 255, 0.6);
+            border-radius: 0.2rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 0 0.4rem;
+
+        }
+
+        .button-download {
+            width: 2.5rem;
+            height: 0.8rem;
+            line-height: 0.8rem;
+            background: linear-gradient(360deg, #FF8300 0%, #FEC000 100%);
+            border-radius: 0.2rem;
+            text-align: center;
+            font-size: 0.3rem;
+            font-family: PingFangSC-Medium, PingFang SC;
+            color: #FFFFFF;
+        }
+
+
+        .download-btn .left-nav p:first-of-type {
+            font-size: 0.24rem;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: rgba(255, 255, 255, 0.7);
+            margin-bottom: 0.02rem;
+        }
+
+        .download-btn .left-nav p+p {
+            font-size: 0.28rem;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: rgba(255, 255, 255, 0.9);
+        }
+
+        .hideContainer {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            height: calc(100vh - 1.36rem);
+            text-align: center;
+
+        }
+
+        .hideContainer img {
+            width: 2.8rem;
+            height: 2.8rem;
+        }
+
+        .hideContainer p {
+            margin-top: 0.3rem;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #999999;
+            font-size: 0.28rem;
+        }
+
+        .top-content {
+            width: 100%;
+            padding: 0.2rem 0.3rem;
+
+        }
+
+        .top-content .title {
+            font-size: 0.44rem;
+            font-family: PingFangSC-Medium, PingFang SC;
+            color: #000000;
+            letter-spacing: 0.01rem;
+            margin-bottom: 0.2rem;
+        }
+
+        .topic-info {
+            padding-bottom: 1.6rem;
+
+        }
+
+
+
+        .topic-info img {
+            max-width: 100%;
+            width: auto;
+            height: auto;
+            border-radius: 0.2rem;
+            margin-bottom: 0.2rem;
+            margin-top: 0.2rem;
+        }
+
+        .topic-info p {
+            font-size: 0.36rem;
+            font-family: PingFangSC-Regular, PingFang SC;
+            font-weight: 400;
+            color: #333333;
+            letter-spacing: 0.02rem;
+
+        }
+
+        .van-notice-bar {
+            height: 100%;
+            background: none;
+            width: 100%;
+        }
+
+        .notice-swipe {
+            height: 0.8rem;
+            line-height: 0.8rem;
+        }
+
+        .van-swipe-item {
+            display: flex;
+            align-items: center;
+        }
+
+        .van-swipe-item img {
+            width: 0.6rem;
+            margin-left: 0.3rem;
+            border-radius: 50%;
+            margin-right: 0.1rem;
+            height: 0.6rem;
+        }
+
+        .van-swipe-item p {
+            font-size: 0.28rem;
+            font-family: PingFangSC-Regular, PingFang SC;
+            color: #FFFFFF;
+        }
+    </style>
+</head>
+
+<body>
+    <div id="app" v-cloak class="container">
+        <div v-if='!isshow'>
+
+            <div class="top-banner">
+                <van-notice-bar :scrollable="false">
+                    <van-swipe vertical class="notice-swipe" :autoplay="2000" :show-indicators="false">
+                        <van-swipe-item>
+                            <img src="https://img01.yzcdn.cn/vant/cat.jpeg" alt="">
+                            <p>用户昵称超长显示…</p>
+                            <p>已领取分享奖励</p>
+                        </van-swipe-item>
+                        <van-swipe-item>
+                            <img src="https://img01.yzcdn.cn/vant/cat.jpeg" alt="">
+                            <p>用户昵称超长显示…</p>
+                            <p>已领取分享奖励</p>
+                        </van-swipe-item>
+                    </van-swipe>
+                </van-notice-bar>
+            </div>
+            <div class="top-content" v-if='!isshow&&topic.content'>
+                <div v-html="topic.content" class="topic-info"></div>
+
+            </div>
+            <div class="footer">
+                <div class="download-btn">
+                    <div class="left-nav">
+                        <p>激活码:</p>
+                        <p>AS4*********SD3</p>
+                    </div>
+                    <div class="button-download">点击复制并下载</div>
+                </div>
+            </div>
+        </div>
+        <div v-if='isshow' class="hideContainer">
+            <div>
+                <img src="../static/offImg/no-data.png" alt="" />
+                <p>活动已下架,敬请期待</p>
+            </div>
+        </div>
+    </div>
+    <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+    <script src="../static/js/vender/vue/axios.min.js"></script>
+    <script src="../static/js/vender/vue/config.js"></script>
+    <script src="../static/js/vender/vue/api.js"></script>
+
+    <script type="text/javascript">
+        new Vue({
+            el: '#app',
+            data: {
+                isshow: false,
+                id: GetRequest().id ? GetRequest().id : 404,
+                topic: {}
+
+            },
+            created() {
+                // window.location.href = 'investigate.html'
+            },
+            mounted() {
+
+
+                // this.getList();
+
+            },
+            methods: {
+                getCheck() {
+                    getEvantCheck(this.id).then(res => {
+                        console.log(res)
+                    })
+                },
+                download() {
+                    var u = navigator.userAgent,
+                        app = navigator.appVersion;
+                    var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
+                    var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+                    if (isAndroid) {
+                        window.location.href =
+                            'http://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601';
+                    } else if (isIOS) {
+                        window.location.href = 'https://www.pgyer.com/gemini6';
+                    } else {
+
+                    }
+                },
+                getList() {
+                    this.$toast.loading({
+                        duration: 0,
+                        message: '加载中...',
+                        forbidClick: true,
+                        loadingType: 'spinner',
+                    });
+                    // getEvantDetails(this.id).then(res => {
+                    //     this.$toast.clear();
+                    //     if (res.status == 0) {
+                    //         if (res.data) {
+                    //             this.isshow = false;
+                    //             this.topic = res.data;
+                    //         } else {
+                    //             this.isshow = true;
+
+                    //         }
+
+
+                    //     } else {
+
+                    //     }
+                    // })
+                }
+
+
+            }
+        })
+    </script>
+</body>
+
+</html>

+ 204 - 0
microserviceUserH5/vcloud/share.html

@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+	<meta charset="UTF-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
+	<meta name="description" content="分享朋友">
+	<title></title>
+	<link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
+	<link rel="stylesheet" href="../static/css/index.css">
+	<link rel="stylesheet" href="../static/css/vant.css" />
+	<script src="../static/js/vender/vue/vue.min.js"></script>
+	<script src="../static/js/vender/vue/vant.min.js"></script>
+	<script src="../static/js/vender/config.js"></script>
+	<style>
+		.container {
+			display: flex;
+			height: 100vh;
+			/* align-items: center;
+			justify-content: center; */
+		}
+
+		.footer {
+			position: fixed;
+			bottom: 0rem;
+			height: 1.36rem;
+			padding: 0 1.14rem;
+			width: 100%;
+			left: 0;
+		}
+
+		.footer img {
+			width: 100%;
+			height: 100%;
+		}
+
+		.hideContainer {
+			width: 100%;
+			display: flex; 
+			justify-content: center;
+			align-items: center;
+			height: calc(100vh - 1.36rem);
+			text-align: center;
+
+		}
+
+		.hideContainer img {
+			width: 2.8rem;
+			height: 2.8rem;
+		}
+
+		.hideContainer p {
+			font-size: 0.28rem;
+			margin-top: 0.3rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			color: #999999;
+		}
+
+		.top-content {
+			width: 100%;
+			padding: 0.2rem 0.3rem;
+
+		}
+
+		.top-content .title {
+			font-size: 0.44rem;
+			font-family: PingFangSC-Medium, PingFang SC;
+			color: #000000;
+			letter-spacing: 0.01rem;
+			margin-bottom: 0.2rem;
+		}
+
+		.topic-info {
+			padding-bottom: 1.6rem;
+
+		}
+
+		.line {
+			width: 100%;
+			height: 0.02rem;
+			background: #D8D8D8;
+			margin-bottom: 0.2rem;
+		}
+
+		.createTime {
+			font-size: 0.28rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #999999;
+			margin-bottom: 0.2rem;
+		}
+
+		.topic-info img {
+			max-width: 100%;
+			width: auto;
+			height: auto;
+			border-radius: 0.2rem;
+			margin-bottom: 0.2rem;
+			margin-top: 0.2rem;
+		}
+
+		.topic-info p {
+			font-size: 0.36rem;
+			font-family: PingFangSC-Regular, PingFang SC;
+			font-weight: 400;
+			color: #333333;
+			letter-spacing: 0.02rem;
+
+		}
+	</style>
+</head>
+
+<body>
+	<div id="app" v-cloak class="container">
+
+		<div class="top-content" v-if='!isshow&&topic.content'>
+			<p class="title">{{topic.title}}</p>
+			<p class="createTime"> 发布日期:{{topic.createTime}}</p>
+			<p class="line"></p>
+			<div v-html="topic.content" class="topic-info"></div>
+
+		</div>
+		<div class="footer">
+			<img src="../static/offImg/downLoad.png" alt="" @click="download" />
+		</div>
+		<div v-if='isshow' class="hideContainer">
+			<div>
+				<img src="../static//offImg/404.png" alt="" />
+				<p>该资讯已被删除</p>
+			</div>
+		</div>
+	</div>
+	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
+	<script src="../static/js/vender/vue/axios.min.js"></script>
+	<script src="../static/js/vender/vue/config.js"></script>
+	<script src="../static/js/vender/vue/api.js"></script>
+
+	<script type="text/javascript">
+		new Vue({
+			el: '#app',
+			data: {
+				isshow: false,
+				id: GetRequest().id ? GetRequest().id : 404,
+				topic: {}
+
+			},
+			created() {
+				// window.location.href = 'investigate.html'
+			},
+			mounted() {
+				console.log(1111);
+				this.getList()
+
+
+			},
+			methods: {
+				download() {
+					var u = navigator.userAgent,
+						app = navigator.appVersion;
+					var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
+					var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
+					if (isAndroid) {
+						window.location.href =
+							'http://www.androidscloud.com/admin/attachment/download/2117e9b7f3734b16b81b9d7bb1c5a601';
+					} else if (isIOS) {
+						window.location.href = 'https://www.pgyer.com/gemini6';
+					} else {
+
+					}
+				},
+				getList() {
+					this.$toast.loading({
+						duration: 0,
+						message: '加载中...',
+						forbidClick: true,
+						loadingType: 'spinner',
+					});
+					getEvantDetails(this.id).then(res => {
+						this.$toast.clear();
+						console.log(res);
+						if (res.status == 0) {
+							if (res.data) {
+								this.isshow = false;
+								this.topic = res.data;
+							} else {
+								this.isshow = true;
+
+
+							}
+
+
+						} else {
+
+						}
+					})
+				}
+
+
+			}
+		})
+	</script>
+</body>
+
+</html>