tadk

pages/certificate/certificate.vue

@@ -1,8 +1,10 @@
 <template>
   <div class="body" id="signed">
     <u-image :lazy-load="false" :show-loading="false" class="bkg" width="100vw" height="100%" :src="require('@/static/cer-bg.png')"></u-image>
-    <!-- <u-image :lazy-load="false" :show-loading="false" class="city" mode="widthFix" width="100vw" src="//cdn.langye.net/h5hssnx/city.png"></u-image> -->
-    <u-image id="share-img" v-show="!isHidden" class="share-img" mode="scaleToFill" :width="99" :height="99" :src="require('@/static/share.png')" @click="$u.throttle(share)"> mode=</u-image>
+    <u-image :lazy-load="false" :show-loading="false" class="logo1" width="630" height="142" :src="require('@/static/cer-logo1.png')"></u-image>
+    <u-image :lazy-load="false" :show-loading="false" class="logo2" width="520" height="245" :src="require('@/static/cer-logo2.png')"></u-image>
+    
+	<u-image id="share-img" v-show="!isHidden" class="share-img" mode="scaleToFill" :width="99" :height="99" :src="require('@/static/share.png')" @click="$u.throttle(share)"> mode=</u-image>
     <div class="content">
       <div class="container">
         <div class="container__text">
@@ -153,9 +155,17 @@ export default {
 .body {
   overflow: hidden;
   min-height: 100vh;
-
+  
   position: relative;
 }
+.logo1{
+	margin:0 auto;
+	margin-top:100rpx;
+}
+.logo2{
+	margin:0 auto;
+	margin-top:40rpx;
+}
 .footer {
   text-align: center;
   font-size: 24rpx;
@@ -224,7 +234,7 @@ export default {
 
 .content {
 
-  padding-top: 730rpx;
+  padding-top: 40rpx;
   position: relative;
 
   .container {

pages/detail/detail.vue

@@ -32,7 +32,7 @@
 						</view>
 					</view>
 				</view>	
-				<view class="detail-btn">
+				<view class="detail-btn" v-if="!isSubmit">
 					<view v-if="currentIndex<question_list.length-1" class="detail-btn-next" @click="next">
 						下一题
 					</view>	
@@ -40,11 +40,11 @@
 						完成打卡
 					</view>	
 				</view>	
-				<!-- <view class="detail-btn" v-else>
+				<view class="detail-btn" v-else>
 					<view class="detail-btn-next" @click="goMap">
 						返回地图
 					</view>	
-				</view>	 -->
+				</view>	
 			</view>
 		</view>
 	</view>
@@ -134,13 +134,13 @@
 					toast('请先答题')
 					return
 				}
-				if(this.isSubmit || this.isNext){
+				if(this.isNext){
 					return
 				}
 				this.isNext = true
 				if(this.currentIndex==this.question_list.length-1){
 					uni.showLoading({title:'提交中'})
-					this.isSubmit = true
+					
 				}
 				this.showAnswer = true
 				let answer_id = []
@@ -162,14 +162,16 @@
 							answers: that.myAnswers
 						}).then(res=>{
 							uni.hideLoading()
-							toast('打卡成功',1000,function(){
-								setTimeout(function(){
-									uni.redirectTo({
-										url:'/pages/map/map'
-									})
-								},500)
+							that.isSubmit = true
+							toast("打卡成功")
+							// toast('打卡成功',1000,function(){
+							// 	setTimeout(function(){
+							// 		uni.redirectTo({
+							// 			url:'/pages/map/map'
+							// 		})
+							// 	},500)
 								
-							})
+							// })
 
 						})
 						// .then(res=>{

pages/map/map.vue

@@ -2,13 +2,13 @@
 	<div class="wrap">
 		<div class="map">
 			<movable-area style="width:100vw;height:100vh" class="bg" scale-area>
-				<movable-view :x="area.x" :style="{ 'height': '100vh', 'width': area.w +'rpx' }" :scale="true"
+				<movable-view :x="area.x" :style="{ 'height': '100vh', 'width': area.w +40+'px' }" :scale="true"
 					out-of-bounds direction="all">
-					<view class="map-wrap">
+					<view class="map-wrap"  :style="{ 'height': '100vh', 'width': area.w+'px','margin':'0 auto' }">
 						<img style="height:100vh;display:block;margin:0 auto" mode="heightFix" ref="image"
-							:src="require('@/static/map-map.png')" alt="">
+							:src="require('@/static/map-map.png')" alt="" @load="load">
 						<view v-for="item in pointers">
-							<view class="map-item" @click="toDetail(item)" :style="{'top':item.y+'%','left':item.x+'%'}">
+							<view class="map-item" @click="toDetail(item)" :style="{'top':item.y+'%','left':item.x+'%'}" >
 								<image class="map-item-flag" v-if="item.has_answer > 0" :src="require('@/static/map-flag.png')"></image>
 								<image class="map-item-points" :src="require('@/static/map-point.png')"></image>
 								<view class="map-item-title">
@@ -105,7 +105,12 @@
 				pointers: []
 			};
 		},
-		methods: {
+		methods: {
+			load(){
+				this.area.w = this.$refs['image'].getBoundingClientRect().width
+				this.area.h = this.$refs['image'].getBoundingClientRect().height
+				
+			},
 			async getPoints() {
 				this.pointers = []
 				const res = await this.$u.api.getPoints()