yuantianjiao 6 years ago
parent
commit
79cd1ca6e7

BIN
src/assets/topImg.jpg View File


BIN
src/assets/topImg.png View File


+ 7
- 7
src/views/supportDetail/supportDetail.vue View File

@@ -25,7 +25,7 @@
25 25
             <span>0</span>
26 26
             <span>元</span>
27 27
           </div>
28
-          <div>获得价值1888元的悦见山感恩馈赠福利一份</div>
28
+          <div>获得价值1888元的悦见山新年全家福定制台历拍摄福利</div>
29 29
           <div>请及时前往江北新区.白马路10号.银城颐居.悦见山营销中心领取</div>
30 30
         </div>
31 31
       </div>
@@ -69,11 +69,10 @@
69 69
             29.6
70 70
             <span>元</span>
71 71
           </div>
72
-          <div @click="toLuckDraw()">
72
+          <div @click="toLuckDraw()" style="font-weight:700;font-size:.18rem;color:#C54024;">
73 73
             您有一次抽奖机会,立即前往
74 74
             <i class="iconfont icon-you"></i>
75 75
           </div>
76
-          <img class="present" :src="presentClose">
77 76
           <img class="btn" :src="btn" @click="$router.push({name:'supportMain'})">
78 77
         </div>
79 78
       </div>
@@ -208,7 +207,7 @@ export default {
208 207
     share (recordid) {
209 208
       let link = `${window.location.origin}${window.location.pathname}#/supportDetail/other/${recordid}`
210 209
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
211
-        title: '定格陪伴',
210
+        title: '定格陪伴,悦见山全家福定制台历拍摄火热报名中',
212 211
         desc: '我正在参加悦见山助力活动,快来帮我助力吧~',
213 212
         link: link,
214 213
         thu_image: `http://spaceofcheng.oss-cn-beijing.aliyuncs.com/IMG_58371544441587.JPG?x-oss-process=style/wxicon`
@@ -232,7 +231,7 @@ export default {
232 231
       }
233 232
     },
234 233
     toLuckDraw () {
235
-      window.location.href = 'http://dev.jinchengjiaye.com/wechat/user.html#/rush?flashBuyId=ed84ad1f-030e-4f77-9042-9ca6ca87c9c8'
234
+      window.location.href = 'http://spaceofcheng.ycjcjy.com/game/luckdraw/#/?lotteryId=d04f645f-5557-48f3-9ad3-4cf3546dbc23'
236 235
     }
237 236
   }
238 237
 }
@@ -351,7 +350,7 @@ export default {
351 350
     .log1 {
352 351
       width: 100%;
353 352
       height: 100%;
354
-      padding-top: 0.7rem;
353
+      padding-top: 0.8rem;
355 354
       text-align: center;
356 355
       div:nth-of-type(1) {
357 356
         font-size: 0.16rem;
@@ -359,7 +358,7 @@ export default {
359 358
         margin-bottom: 0.1rem;
360 359
       }
361 360
       div:nth-of-type(2) {
362
-        font-size: 0.64rem;
361
+        font-size: 0.5rem;
363 362
         text-align: center;
364 363
         margin-bottom: 0.05rem;
365 364
         span {
@@ -380,6 +379,7 @@ export default {
380 379
         margin: 0 auto;
381 380
       }
382 381
       .btn {
382
+        margin-top: 0.5rem;
383 383
         width: 1.8rem;
384 384
       }
385 385
     }

+ 41
- 19
src/views/supportMain/supportMain.vue View File

@@ -5,23 +5,22 @@
5 5
         <img :src="topImg">
6 6
         <div class="top-div">
7 7
           <b>悦见山全家福拍摄助力砍价活动</b>
8
-          <p>时间: {{`${this.toolClass.dateFormat(game.game.BeginDate,'yyyy年MM月dd日')} ~ ${this.toolClass.dateFormat(game.game.EndDate,'yyyy年MM月dd日')}`}}</p>
9
-          <p>地点: 南京•国家级江北新区•白马路10号</p>
8
+          <p>报名截止时间:2018年12月18日</p>
9
+          <p>拍摄时间:2018年12月13日——2018年12月29日</p>
10
+          <p>地点:国家级江北新区•白马路10号银城颐居·悦见山营销中心</p>
11
+          <p>活动电话:025-86505555</p>
10 12
         </div>
11 13
       </div>
12 14
       <div class="main">
13 15
         <h2>活动详情</h2>
14 16
         <div>悦见山全家福拍摄助力砍价活动</div>
15
-        <p>原价:888元</p>
16
-        <p>可邀请最多30个好友帮忙砍价,最多可砍至0元</p>
17
+        <p>原价:1888元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;悦见山年终回馈价:888元</p>
18
+        <p>点击下方的“立即报名”参加报名,分享给30位好友,让好友助力帮忙您完成任务,2018年12月13日—2018年12月18日每天前10名完成任务的客户即可参加项目的全家福拍摄及台历定制;</p>
17 19
         <div>套餐包含:</div>
18
-        <div>服装提供:免费提供1组拍摄服装</div>
19
-        <div>拍摄精修:拍摄至少12张有效照片,精修刻盘</div>
20
-        <div>台历赠送:选取6张精修照片定制2019年新年台历(具体台历形式由悦见山统一定制)</div>
21
-        <p>照片赠送:照片全送</p>
22
-        <div>活动规则:</div>
23
-        <p>本次活动共招募1212组家庭,每天报名砍价成功人数不得超过10组。</p>
24
-        <p>活动电话:025-86426677</p>
20
+        <div>服务团队:2名主力摄影师,1名主力化妆师,1名主力引导师,1名主力设计师</div>
21
+        <div>服装提供:提供亲子全家福服装一套</div>
22
+        <div>拍摄精修:赠送6张精修底片并刻盘</div>
23
+        <div>台历赠送:赠送2019年新年定制专属台历一本(含6张全家福照片)</div>
25 24
       </div>
26 25
     </div>
27 26
     <div class="bottom">
@@ -30,19 +29,19 @@
30 29
         @click="submit()"
31 30
       >{{btn.text}}</div>
32 31
     </div>
33
-    <div class="login" v-if="login" @click="login=false">
32
+    <div class="login" v-show="login" @click="login=false">
34 33
       <div class="box" @click.stop="1+1">
35 34
         <div class="item">
36 35
           <label for="name">姓名</label>
37
-          <input type="text" v-model="name">
36
+          <input type="text" v-model="name" @blur='blur'>
38 37
         </div>
39 38
         <div class="item">
40 39
           <label for="phone">手机号</label>
41
-          <input type="tel" v-model="phone">
40
+          <input type="tel" v-model="phone" @blur='blur'>
42 41
         </div>
43 42
         <div class="item">
44
-          <label for="address">住址</label>
45
-          <input type="text" v-model="address">
43
+          <label for="address">所在社区</label>
44
+          <input type="text" v-model="address" @blur='blur'>
46 45
         </div>
47 46
         <div class="submit" @click="sign()">提交</div>
48 47
       </div>
@@ -51,9 +50,10 @@
51 50
 </template>
52 51
 
53 52
 <script>
54
-import topImg from '@/assets/topImg.jpg'
53
+import topImg from '@/assets/topImg.png'
55 54
 import area from '@/util/area.js'
56 55
 import { createNamespacedHelpers } from 'vuex'
56
+import wxsdk from '@/util/share'
57 57
 const { mapState: mapIndexState, mapActions: mapIndexActions } = createNamespacedHelpers('main')
58 58
 export default {
59 59
   data () {
@@ -100,7 +100,8 @@ export default {
100 100
         }
101 101
       }
102 102
       this.showPage = true
103
-    })
103
+    }),
104
+      this.share()
104 105
   },
105 106
   computed: {
106 107
     ...mapIndexState({
@@ -142,6 +143,15 @@ export default {
142 143
         this.record()
143 144
       })
144 145
     },
146
+    share () {
147
+      let link = `${window.location.origin}${window.location.pathname}#/`
148
+      wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
149
+        title: '定格陪伴,悦见山全家福定制台历拍摄火热报名中',
150
+        desc: '我正在参加悦见山助力活动,快来帮我助力吧~',
151
+        link: link,
152
+        thu_image: `http://spaceofcheng.oss-cn-beijing.aliyuncs.com/IMG_58371544441587.JPG?x-oss-process=style/wxicon`
153
+      })
154
+    },
145 155
     record () {
146 156
       if (this.btn.status === 1) {
147 157
         this.setRecord().then(() => {
@@ -150,6 +160,18 @@ export default {
150 160
       } else if (this.btn.status === 3) {
151 161
         this.$router.push({ name: 'supportDetail', params: { other: 'own', recordid: '0' } })
152 162
       }
163
+    },
164
+    blur () {
165
+      var currentPosition, timer;
166
+      var speed = 1;//页面滚动距离
167
+      timer = setInterval(function () {
168
+        currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
169
+        currentPosition -= speed;
170
+        window.scrollTo(0, currentPosition);//页面向上滚动
171
+        currentPosition += speed; //speed变量
172
+        window.scrollTo(0, currentPosition);//页面向下滚动
173
+        clearInterval(timer);
174
+      }, 1);
153 175
     }
154 176
   }
155 177
 }
@@ -227,7 +249,7 @@ export default {
227 249
       height: 0.4rem;
228 250
       align-items: center;
229 251
       label {
230
-        width: 0.5rem;
252
+        width: 0.6rem;
231 253
         color: rgba(168, 182, 200, 1);
232 254
       }
233 255
       input,