ytj

src/views/supportDetail/supportDetail.vue

             <span>0</span>
             <span>元</span>
           </div>
-          <div>获得价值1888元的悦见山感恩馈赠福利一份</div>
+          <div>获得价值1888元的悦见山新年全家福定制台历拍摄福利</div>
           <div>请及时前往江北新区.白马路10号.银城颐居.悦见山营销中心领取</div>
         </div>
       </div>
             29.6
             <span>元</span>
           </div>
-          <div @click="toLuckDraw()">
+          <div @click="toLuckDraw()" style="font-weight:700;font-size:.18rem;color:#C54024;">
             您有一次抽奖机会，立即前往
             <i class="iconfont icon-you"></i>
           </div>
-          <img class="present" :src="presentClose">
           <img class="btn" :src="btn" @click="$router.push({name:'supportMain'})">
         </div>
       </div>
     share (recordid) {
       let link = `${window.location.origin}${window.location.pathname}#/supportDetail/other/${recordid}`
       wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
-        title: '定格陪伴',
+        title: '定格陪伴，悦见山全家福定制台历拍摄火热报名中',
         desc: '我正在参加悦见山助力活动，快来帮我助力吧~',
         link: link,
         thu_image: `http://spaceofcheng.oss-cn-beijing.aliyuncs.com/IMG_58371544441587.JPG?x-oss-process=style/wxicon`
       }
     },
     toLuckDraw () {
-      window.location.href = 'http://dev.jinchengjiaye.com/wechat/user.html#/rush?flashBuyId=ed84ad1f-030e-4f77-9042-9ca6ca87c9c8'
+      window.location.href = 'http://spaceofcheng.ycjcjy.com/game/luckdraw/#/?lotteryId=d04f645f-5557-48f3-9ad3-4cf3546dbc23'
     }
   }
 }
     .log1 {
       width: 100%;
       height: 100%;
-      padding-top: 0.7rem;
+      padding-top: 0.8rem;
       text-align: center;
       div:nth-of-type(1) {
         font-size: 0.16rem;
         margin-bottom: 0.1rem;
       }
       div:nth-of-type(2) {
-        font-size: 0.64rem;
+        font-size: 0.5rem;
         text-align: center;
         margin-bottom: 0.05rem;
         span {
         margin: 0 auto;
       }
       .btn {
+        margin-top: 0.5rem;
         width: 1.8rem;
       }
     }

src/views/supportMain/supportMain.vue

         <img :src="topImg">
         <div class="top-div">
           <b>悦见山全家福拍摄助力砍价活动</b>
-          <p>时间: {{`${this.toolClass.dateFormat(game.game.BeginDate,'yyyy年MM月dd日')} ~ ${this.toolClass.dateFormat(game.game.EndDate,'yyyy年MM月dd日')}`}}</p>
-          <p>地点: 南京•国家级江北新区•白马路10号</p>
+          <p>报名截止时间：2018年12月18日</p>
+          <p>拍摄时间：2018年12月13日——2018年12月29日</p>
+          <p>地点：国家级江北新区•白马路10号银城颐居·悦见山营销中心</p>
+          <p>活动电话：025-86505555</p>
         </div>
       </div>
       <div class="main">
         <h2>活动详情</h2>
         <div>悦见山全家福拍摄助力砍价活动</div>
-        <p>原价：888元</p>
-        <p>可邀请最多30个好友帮忙砍价，最多可砍至0元</p>
+        <p>原价：1888元&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;悦见山年终回馈价：888元</p>
+        <p>点击下方的“立即报名”参加报名，分享给30位好友，让好友助力帮忙您完成任务，2018年12月13日—2018年12月18日每天前10名完成任务的客户即可参加项目的全家福拍摄及台历定制；</p>
         <div>套餐包含：</div>
-        <div>服装提供：免费提供1组拍摄服装</div>
-        <div>拍摄精修：拍摄至少12张有效照片，精修刻盘</div>
-        <div>台历赠送：选取6张精修照片定制2019年新年台历（具体台历形式由悦见山统一定制）</div>
-        <p>照片赠送：照片全送</p>
-        <div>活动规则：</div>
-        <p>本次活动共招募1212组家庭，每天报名砍价成功人数不得超过10组。</p>
-        <p>活动电话：025-86426677</p>
+        <div>服务团队：2名主力摄影师，1名主力化妆师，1名主力引导师，1名主力设计师</div>
+        <div>服装提供：提供亲子全家福服装一套</div>
+        <div>拍摄精修：赠送6张精修底片并刻盘</div>
+        <div>台历赠送：赠送2019年新年定制专属台历一本（含6张全家福照片）</div>
       </div>
     </div>
     <div class="bottom">
         @click="submit()"
       >{{btn.text}}</div>
     </div>
-    <div class="login" v-if="login" @click="login=false">
+    <div class="login" v-show="login" @click="login=false">
       <div class="box" @click.stop="1+1">
         <div class="item">
           <label for="name">姓名</label>
-          <input type="text" v-model="name">
+          <input type="text" v-model="name" @blur='blur'>
         </div>
         <div class="item">
           <label for="phone">手机号</label>
-          <input type="tel" v-model="phone">
+          <input type="tel" v-model="phone" @blur='blur'>
         </div>
         <div class="item">
-          <label for="address">住址</label>
-          <input type="text" v-model="address">
+          <label for="address">所在社区</label>
+          <input type="text" v-model="address" @blur='blur'>
         </div>
         <div class="submit" @click="sign()">提交</div>
       </div>
 </template>
 
 <script>
-import topImg from '@/assets/topImg.jpg'
+import topImg from '@/assets/topImg.png'
 import area from '@/util/area.js'
 import { createNamespacedHelpers } from 'vuex'
+import wxsdk from '@/util/share'
 const { mapState: mapIndexState, mapActions: mapIndexActions } = createNamespacedHelpers('main')
 export default {
   data () {
         }
       }
       this.showPage = true
-    })
+    }),
+      this.share()
   },
   computed: {
     ...mapIndexState({
         this.record()
       })
     },
+    share () {
+      let link = `${window.location.origin}${window.location.pathname}#/`
+      wxsdk({ url: encodeURIComponent(window.location.href.split('#')[0]) }, {
+        title: '定格陪伴，悦见山全家福定制台历拍摄火热报名中',
+        desc: '我正在参加悦见山助力活动，快来帮我助力吧~',
+        link: link,
+        thu_image: `http://spaceofcheng.oss-cn-beijing.aliyuncs.com/IMG_58371544441587.JPG?x-oss-process=style/wxicon`
+      })
+    },
     record () {
       if (this.btn.status === 1) {
         this.setRecord().then(() => {
       } else if (this.btn.status === 3) {
         this.$router.push({ name: 'supportDetail', params: { other: 'own', recordid: '0' } })
       }
+    },
+    blur () {
+      var currentPosition, timer;
+      var speed = 1;//页面滚动距离
+      timer = setInterval(function () {
+        currentPosition = document.documentElement.scrollTop || document.body.scrollTop;
+        currentPosition -= speed;
+        window.scrollTo(0, currentPosition);//页面向上滚动
+        currentPosition += speed; //speed变量
+        window.scrollTo(0, currentPosition);//页面向下滚动
+        clearInterval(timer);
+      }, 1);
     }
   }
 }
       height: 0.4rem;
       align-items: center;
       label {
-        width: 0.5rem;
+        width: 0.6rem;
         color: rgba(168, 182, 200, 1);
       }
       input,