修改点击范围

src/views/protocol.vue

@@ -1,7 +1,7 @@
 <template>
     <div class="protocol">
         <!-- <header> 
-            <svg t="1565680265421" class="icon back" @click="goBack" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1100" width="200" height="200"><path d="M672 928c-8 0-16-3.2-22.4-9.6l-384-384c-12.8-12.8-12.8-32 0-44.8l384-384c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L332.8 512l361.6 361.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-14.4 9.6-22.4 9.6z" p-id="1101"></path></svg>
+            <svg t="1565680265421" class="icon back" @click="goback" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1100" width="200" height="200"><path d="M672 928c-8 0-16-3.2-22.4-9.6l-384-384c-12.8-12.8-12.8-32 0-44.8l384-384c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L332.8 512l361.6 361.6c12.8 12.8 12.8 32 0 44.8-6.4 6.4-14.4 9.6-22.4 9.6z" p-id="1101"></path></svg>
             领用协议</header> -->
 
         <div class="container" v-if="proto.payMethod == 26 || proto.payMethod == 22">
@@ -165,7 +165,9 @@
 
             
         </div>
-        <div class="btnback" @click="goBack">我同意</div>
+        <div @click="goback">
+            <div class="btnback">我同意</div>
+        </div>
     </div>
 </template>
 
@@ -186,7 +188,7 @@ export default {
 
     },
     methods: {
-        goBack() {
+        goback() {
             this.$emit('popupclose', false)
         },
         classForm(number) {
@@ -224,6 +226,9 @@ export default {
 </script>
 
 <style lang="less" scoped>
+    .protocol {
+        position: relative;
+    }
     header {
         height: .40rem;
         line-height: .40rem;
@@ -299,7 +304,7 @@ export default {
         box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.19);
         padding: 0.08rem 0;
         width: 90%;
-        margin: .3rem 5%;
+        margin: 0.3rem 5% ;
         text-align: center;
     }
 </style>