斜塘答题

xietang-answer-h5/manifest.json

@@ -71,7 +71,7 @@
     "vueVersion" : "2",
     "h5" : {
         "router" : {
-            "base" : ""
+            "base" : "h5xtdt"
         }
     }
 }

xietang-answer-h5/pages/answer/index.vue

@@ -198,7 +198,7 @@
 						score:that.correctScore,
 						answers:that.myAnswer
 					},
-					method: 'GET',
+					method: 'POST',
 					utilSuccess: function(res) {
 						console.log(res)
 						this.showAnswer = true

xietang-answer-h5/pages/login/index.vue

@@ -38,7 +38,15 @@
 					<view @click="openAnswer">开始答题</view>
 				</view>
 			</view>
-
+		</view>
+		<!-- 活动须知 -->
+		<view class="tips" v-if="showTip">
+			<view class="loginsucesswrap">
+				<view class="answerBtn">
+					<view @click="openMe">个人中心</view>
+					<view @click="openAnswer">开始答题</view>
+				</view>
+			</view>
 		</view>
 	</view>
 </template>
@@ -58,7 +66,8 @@ export default {
 				mobile: '',
 				address: '',
 				department_id:''
-			},
+			},
+			showTip:true
 		}
 	},
 	onLoad() {

xietang-answer-h5/pages/me/me.vue

@@ -20,17 +20,17 @@
         </svg>
       </view>
 
-      <img class="stage" src="/static/me/bkg-back.png" alt="">
-      <img class="grass1" src="/static/me/grass1.png" alt="">
-      <img class="grass2" src="/static/me/grass2.png" alt="">
-      <img class="cloud1" src="/static/me/cloud1.png" alt="">
-      <img class="cloud2" src="/static/me/cloud2.png" alt="">
-      <img class="shuibaxian" src="/static/me/shuibaxian.png" alt="">
+      <img class="stage" :src="stage" alt="">
+      <img class="grass1" :src="grass1" alt="">
+      <img class="grass2" :src="grass2" alt="">
+      <img class="cloud1" :src="cloud1" alt="">
+      <img class="cloud2" :src="cloud2" alt="">
+      <img class="shuibaxian" :src="shuibaxian" alt="">
     </view>
 
     <view class="container">
       <view class="user-info">
-        <img class="avatar" :src="userInfo.headimgurl ? userInfo.headimgurl : '/static/index/logo.png'" alt="">
+        <img class="avatar" :src="userInfo.headimgurl ? userInfo.headimgurl : logo" alt="">
 
         <view class="user-info__text">
           <view class="name">
@@ -56,21 +56,21 @@
       <view class="panel2">
         <view class="top">
           <view @click="toanswer">
-            <img src="/static/me/pencil.png" alt="">
+            <img :src="pencil" alt="">
             <view class="text">参与答题</view>
           </view>
           <view @click='torecord'>
-            <img src="/static/me/record.png" alt="">
+            <img :src="record" alt="">
             <view class="text">答题记录</view>
           </view>
           <view @click="toCer">
-            <img src="/static/me/collect.png" alt="">
+            <img :src="collect" alt="">
             <view class="text">我的证书</view>
           </view>
         </view>
 
         <view class="bottom">
-          <view class="row">
+          <view class="row" @click="showtips=true">
             <u-icon name="info-circle-fill" color="#de242f" size="40rpx"></u-icon>
             <view class="text">活动须知</view>
             <u-icon name="arrow-right" color="#333" size="38rpx"></u-icon>
@@ -122,6 +122,39 @@
 			</view>
 		</view>
 	</view>
+	<!-- 活动须知 -->
+	<view class="norecord tips" v-if="showtips">
+		<view class="tipwrap">
+			<view class='tiptop'>
+			</view>
+			<view class="tipicon"></view>
+			<view class="tiptitle">
+				<u-image :fade="false" :src="tiptitle" width="125rpx" height="30rpx"></u-image>
+			</view>
+			<view class="tipcenter">
+				<view>
+					<view>
+						1、填写真实姓名、手机号、居住地所属党支部
+					</view>
+					<view>
+						2、答题时间3月x日至3月xx日
+					</view>
					<view>
+						3、答题数目10题，答完一道题显示一道题正确答案；一道题目10分，得分100分的页面可生成“优秀之星”证书，得分90分及以下显示再接再厉；题库随机抽题目；每个微信号2次学习机会，以最高成绩为准。
+					</view>
+					<view>
+						4、答题时间为15分钟
+					</view>
					<view>
+						5、竞赛结束后抽出20名优胜奖。
+					</view>
					
+				</view>
+			</view>
+			<view class="answerBtn">
+				<view style="width:30%" @click="showtips=false">知道了</view>
+			</view>
+			<view class="tipbottom"></view>
+		</view>
+
+	</view>
   </view>
 </template>
 
@@ -130,12 +163,25 @@ export default {
   data() {
     return {
       src: "http://pic2.sc.chinaz.com/Files/pic/pic9/202002/hpic2119_s.jpg",
+	  stage:require("../../static/me/bkg-back.png"),
+	  grass1:require("../../static/me/grass1.png"),
+	  grass2:require("../../static/me/grass2.png"),
+	  cloud1:require("../../static/me/cloud1.png"),
+	  cloud2:require("../../static/me/cloud2.png"),
+	  shuibaxian:require("../../static/me/shuibaxian.png"),
+	  logo:require("../../static/index/logo.png"),
+	  pencil:require("../../static/me/pencil.png"),
+	  record:require("../../static/me/record.png"),
+	  collect:require("../../static/me/collect.png"),
       userInfo: {},
 	  answercount:0,
 	  showRecord:false,
 	  showNowin:false,
 	  showwin:false,
-	  winimg:require('../../static/index/logo2.png')
+	  showtips:false,
+	  winimg:require('../../static/index/logo2.png'),
+	  tiptitle:require('../../static/tiptitle.png')
+	  
     };
   },
   methods: {
@@ -336,12 +382,16 @@ export default {
 		width:483rpx;
 		height:643rpx;
 		background-size: 100% 100%;
-		.nowintip{
-			top:320rpx;
-		}
-		.answerBtn{
-			top:420rpx
+		.tipwrap{
+			
+			.nowintip{
+				top:320rpx;
+			}
+			.answerBtn{
+				top:420rpx
+			}
 		}
+
 	}
 }
 .win{
@@ -367,6 +417,87 @@ export default {
 		}
 	}
 }
+.tips{
+	.tipwrap{
+		width:483rpx;
+		// background: #fff;
+		font-size: 28rpx;
+		position: absolute;
+		top:50%;
+		left:50%;
+		transform: translate(-50%,-50%);
+		.tiptitle{
+			width:100%;
+			text-align: center;
+			margin-top:-40rpx;
+			::v-deep .u-image{
+				margin:0 auto
+			}
+		}
+		.tiptop{
+			background: url(../../static/tiptop.png);
+			background-size: 100% 100%;
+			width:483rpx;
+			height:180rpx;
+		}
+		.tipicon{
+			background: url(../../static/tipicon.png);
+			background-size: 100% 100%;
+			width:112rpx;
+			height:157rpx;
+			position: absolute;
+			top: -40rpx;
+			left: 190rpx;
+		}
+		.tipcenter{
+			background-color: #fff;
+			min-height:200rpx;
+			line-height: 1.8;
+			width: 483rpx;
+			box-sizing: content-box;
+			margin-top:-5rpx;
+			& > view{
+				padding: 20px;
+				padding-bottom:0;
+			}
+		}
+		.tipbottom{
+			background: url(../../static/tipbottom.png);
+			background-size: 100% 100%;
+			width:483rpx;
+			height:130rpx;
+			margin-top:-5rpx;
+			// position: absolute;
+			// bottom:0;
+			// left:0;
+		}
+		.answerBtn{
+			text-align: center;
+			padding-bottom:40rpx;
+			background-color: #fff;
+			width:100%;
+			text-align: center;
+			margin-top: -5rpx;
+			padding-top: 40rpx;
+			& > view{
+				background-color: #fff;
+				color:#333;
+				padding:10rpx 40rpx;
+				box-shadow: 0px 0px 20px -6px #d22425;
+				margin:10rpx;
+				font-size: 28rpx;
+				border-radius: 5rpx;
+				display: inline-block;
+				
+			}
+			& > view:last-child{
+				color:#fff;
+				background: linear-gradient(to right,#d22425,#ef735e);
+			}
+		}
+	}
+
+}
 .container {
 
   position: relative;

xietang-answer-h5/unpackage/dist/build/h5xtdt/index.html

@@ -1,2 +1,2 @@
 <!DOCTYPE html><html lang=zh-CN><head><meta charset=utf-8><meta http-equiv=X-UA-Compatible content="IE=edge"><title>xietang-answer-h5</title><script>var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') || CSS.supports('top: constant(a)'))
-            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/h5xtdt/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/h5xtdt/static/js/chunk-vendors.2c57cb2f.js></script><script src=/h5xtdt/static/js/index.aebf1c45.js></script></body></html>
+            document.write('<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' + (coverSupport ? ', viewport-fit=cover' : '') + '" />')</script><link rel=stylesheet href=/h5xtdt/static/index.2da1efab.css></head><body><noscript><strong>Please enable JavaScript to continue.</strong></noscript><div id=app></div><script src=/h5xtdt/static/js/chunk-vendors.2c57cb2f.js></script><script src=/h5xtdt/static/js/index.4634eeca.js></script></body></html>

xietang-answer-h5/unpackage/dist/build/h5xtdt/static/js/pages-answer-index.b8061b72.js

@@ -1 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["pages-answer-index"],{"0fe5":function(t,e,a){"use strict";a.r(e);var n=a("6ba1"),i=a("83de");for(var r in i)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return i[t]}))}(r);a("89dd");var o=a("f0c5"),d=Object(o["a"])(i["default"],n["b"],n["c"],!1,null,"cbf5e902",null,!1,n["a"],void 0);e["default"]=d.exports},"6ba1":function(t,e,a){"use strict";a.d(e,"b",(function(){return n})),a.d(e,"c",(function(){return i})),a.d(e,"a",(function(){}));var n=function(){var t=this,e=t.$createElement,a=t._self._c||e;return a("v-uni-view",{staticClass:"wrap"},[a("v-uni-view",{staticClass:"answerwrap"},[a("v-uni-view",{staticClass:"answertop"},[a("v-uni-view",[t._v("(答题1/10)")]),a("v-uni-view",[t._v(t._s(t.minutes)+":"+t._s(t.seconds))])],1),a("v-uni-view",{staticClass:"answercenter"},[a("v-uni-view",{staticClass:"answertitle"},[a("span",[t._v("单选题")]),t._v("中国共产党历史上唯--次在国外召开的全国代表大会是。")]),a("v-uni-view",{staticClass:"answercheck"},[a("v-uni-view",{staticClass:"answeritem"},[a("span",[t._v("A")]),t._v("三大")])],1)],1),a("v-uni-view",{staticClass:"answerbottom"},[a("span"),t._v("正确答案：{{}}")])],1),a("v-uni-view",[a("span",[t._v("下一题")]),a("span",[t._v("结束")])])],1)},i=[]},"6bb5":function(t,e,a){var n=a("ae4d");n.__esModule&&(n=n.default),"string"===typeof n&&(n=[[t.i,n,""]]),n.locals&&(t.exports=n.locals);var i=a("4f06").default;i("2c7a0766",n,!0,{sourceMap:!1,shadowMode:!1})},"83de":function(t,e,a){"use strict";a.r(e);var n=a("d5cf"),i=a.n(n);for(var r in n)["default"].indexOf(r)<0&&function(t){a.d(e,t,(function(){return n[t]}))}(r);e["default"]=i.a},"89dd":function(t,e,a){"use strict";var n=a("6bb5"),i=a.n(n);i.a},ae4d:function(t,e,a){var n=a("24fb");e=n(!1),e.push([t.i,"uni-page-body[data-v-cbf5e902]{\n\t/* background-color: #F6F3EA; */height:100vh;overflow:hidden;position:relative\n\t/* padding-top: 11vh; */}.wrap[data-v-cbf5e902]{height:100%;width:100%}.answerwrap[data-v-cbf5e902]{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:80%;background-color:#f8f8f8;border-radius:%?40?%}.answertop[data-v-cbf5e902]{display:flex;justify-content:space-between;background-color:red;padding:%?30?%;border-radius:%?40?% %?40?% 0 0;border:1px solid #000;border-bottom:none}.answertitle[data-v-cbf5e902]{padding:%?30?%;line-height:2}.answertitle span[data-v-cbf5e902]{background-color:red;display:inline-block;padding:%?0?% %?20?%;color:#fff;margin-right:%?10?%;border-radius:%?10?%}.answercheck[data-v-cbf5e902]{padding:%?30?%;padding-top:%?0?%}.answeritem[data-v-cbf5e902]{padding:%?20?%;background-color:#ddd;border:%?4?% solid #000;border-radius:%?20?%}.answeritem span[data-v-cbf5e902]{display:inline-block;width:%?50?%;height:%?50?%;border:2px solid #000;text-align:center;line-height:%?50?%;border-radius:%?10?%;margin-right:%?10?%}.answerbottom[data-v-cbf5e902]{padding:%?30?%}.answerbottom span[data-v-cbf5e902]{display:inline-block;width:%?10?%;height:%?50?%;border-radius:%?10?%;background-color:red;vertical-align:middle;margin-right:%?20?%}",""]),t.exports=e},d5cf:function(t,e,a){"use strict";a("7a82"),Object.defineProperty(e,"__esModule",{value:!0}),e.default=void 0,a("4d90"),a("d401"),a("d3b7"),a("25f0");var n={data:function(){return{minutes:0,seconds:0,timer:null}},onLoad:function(){var t=this;this.countdown(1,(function(e,a){t.minutes=e.toString().padStart(2,"0"),t.seconds=a.toString().padStart(2,"0")}),(function(){clearTimeout(t.timer)}))},onUnload:function(){clearTimeout(this.timer)},methods:{countdown:function(t,e,a){var n=this,i=60*t;(function t(){if(i>-1){var r=Math.floor(i/60),o=i%60;e(r,o),i--,n.timer=setTimeout(t,1e3)}else a()})()}}};e.default=n}}]);

xietang-answer-h5/utils/util.js

@@ -1,7 +1,9 @@
 
 const HOSTARR = {
-	'development':'http://h5.ali251.langye.net',
-	'production': 'http://h5.ali251.langye.net',
+	// 'development':'http://h5.ali251.langye.net',
+	// 'production': 'http://h5.ali251.langye.net',
+	'development':'http://vr.langye.net',
+	'production': 'http://vr.langye.net',
 }; // 审核状态
 
 const HOST = HOSTARR[process.env