按钮边距

src/views/ChallengeDetail.vue

@@ -36,125 +36,128 @@
       </div>
     </div>
     <div class="share-btn" @click="inviteFriend">邀请好友来参赛</div>
-        <ShareModal
-                v-on:close="closeShareModal"
-                v-if="showShareModal"
-        ></ShareModal>
+    <ShareModal v-on:close="closeShareModal" v-if="showShareModal"></ShareModal>
   </div>
 </template>
 
 <script>
-    import Title from "@/components/Title.vue"
-    import ShareModal from "@/components/ShareModal.vue"
-    import {dakaPay, shareContent, track, liinShare} from "@/components/axios/api"
-    let grabStartTimer = null
-    export default {
+import Title from "@/components/Title.vue";
+import ShareModal from "@/components/ShareModal.vue";
+import {
+  dakaPay,
+  shareContent,
+  track,
+  liinShare
+} from "@/components/axios/api";
+let grabStartTimer = null;
+export default {
   name: "ChallengeDetail",
   components: {
     Title,
     ShareModal
   },
-        data () {
+  data() {
     return {
-                pageData: JSON.parse(sessionStorage.getItem('ChallengeDetailData')),
+      pageData: JSON.parse(sessionStorage.getItem("ChallengeDetailData")),
       showShareModal: false,
       userData: null,
-                grabTimer: '--时--分--秒'
-            }
+      grabTimer: "--时--分--秒"
+    };
   },
-        mounted () {
-            console.log("this.pageType", this.pageData)
+  mounted() {
+    console.log("this.pageType", this.pageData);
     if (window["userData"]) {
-                this.userData = window["userData"]
+      this.userData = window["userData"];
     } else {
-                let localUserData = localStorage.getItem("walk_userData")
+      let localUserData = localStorage.getItem("walk_userData");
       if (localUserData) {
-                    window["userData"] = JSON.parse(localUserData)
-                    this.userData = window["userData"]
+        window["userData"] = JSON.parse(localUserData);
+        this.userData = window["userData"];
       }
     }
-            console.log("userData", this.userData)
+    console.log("userData", this.userData);
   },
   methods: {
-            goback () {
-                history.go(-1)
+    goback() {
+      history.go(-1);
     },
-            goOtherPage (pageName) {
-                this.$router.push({name: pageName})
+    goOtherPage(pageName) {
+      this.$router.push({ name: pageName });
     },
-            inviteFriend () {
-                console.log("inviteFriend")
-                this.showShareModal = true
-                let id = this.userData.id
+    inviteFriend() {
+      console.log("inviteFriend");
+      this.showShareModal = true;
+      let id = this.userData.id;
       // let id =  'yijun';
-                track("free_contract_share")
+      track("free_contract_share");
       let links = `${
-                    location.href.split("#")[0].split("?")[0]}?inviter=${id}&from_type=free_contract&`
+        location.href.split("#")[0].split("?")[0]
+      }?inviter=${id}&from_type=free_contract&`;
       shareContent("free_contract").then(res => {
-                    let result = res.data
-                    console.log("分享内容", result, links)
+        let result = res.data;
+        console.log("分享内容", result, links);
         let option1 = {
           title: result.title, // 分享标题
           desc: result.desc, // 分享描述
           link: links, // 分享链接
           imgUrl: result.img_url, // 分享图标
-                        success: function (res) {
-                            track("free_contract_share_act")
-                            console.log("option1Success", res)
-                        }
+          success: function(res) {
+            track("free_contract_share_act");
+            console.log("option1Success", res);
           }
-                    wx.updateAppMessageShareData(option1)
+        };
+        wx.updateAppMessageShareData(option1);
         //微信分享菜单测试
         let option2 = {
           title: result.title, // 分享标题
           desc: result.desc, // 分享描述
           link: links, // 分享链接
           imgUrl: result.img_url, // 分享图标
-                        success: function (res) {
-                            console.log("option2Success", res)
-                        }
+          success: function(res) {
+            console.log("option2Success", res);
           }
+        };
         let option3 = {
           title: result.title, // 分享标题
           desc: result.desc, // 分享描述
           link: links, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
           imgUrl: result.img_url, // 分享图标
-                        success: function (res) {
+          success: function(res) {
             // 用户点击了分享后执行的回调函数
-                            track("free_contract_share_act")
-                            console.log("option3Success", res)
+            track("free_contract_share_act");
+            console.log("option3Success", res);
           },
           fail: err => {
-                            console.log("option3error", err)
-                        }
+            console.log("option3error", err);
           }
-                    wx.onMenuShareAppMessage(option3)
+        };
+        wx.onMenuShareAppMessage(option3);
         let option4 = {
           title: result.title, // 分享标题
           link: links, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
           imgUrl: result.img_url, // 分享图标
-                        success: function (res) {
-                            console.log("option4Success", res)
-                            this.showShareModal = false
+          success: function(res) {
+            console.log("option4Success", res);
+            this.showShareModal = false;
           },
           fail: err => {
-                            console.log("option4error", err)
-                            this.showShareModal = false
-                        }
+            console.log("option4error", err);
+            this.showShareModal = false;
           }
+        };
         // wx.onMenuShareTimeline(option4);
-                    console.log("option", option1, option2, option3, option4)
-                })
-            },
-            closeShareModal () {
-                this.showShareModal = false
+        console.log("option", option1, option2, option3, option4);
+      });
     },
+    closeShareModal() {
+      this.showShareModal = false;
     }
   }
+};
 </script>
 
 <style lang="less" scoped>
-    .partake-challenge-page {
+.partake-challenge-page {
   width: 100%;
   min-height: 100vh;
   background-color: rgb(70, 88, 149);
@@ -283,7 +286,7 @@
     color: #fff;
     font-weight: bold;
     text-align: center;
-            margin-top: 1.1rem;
-        }
+    margin: 1.1rem 0 .6rem;
   }
+}
 </style>