|
@@ -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元 悦见山年终回馈价: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,
|