feat: 更改滚动条布局

components/Lottery/Timing/Rewards.vue

 <template>
+  <div class="main">
     <div
-    class="main"
       :style="{
         height: this.$route.path === '/mini/index' ? '65.5vh' : lotteryInfo.showType === 7 ? '46.5vh' : '37.5vh'
       }"
@@ -20,6 +20,7 @@
         </div>
       </div>
     </div>
+  </div>
 </template>
 <script>
 import { mapGetters } from 'vuex'
@@ -45,6 +46,10 @@ export default {
 </script>
 <style lang="less" scoped>
 .main {
+  width: 100%;
+  height: 100%;
+  padding: 0 13px;
+  overflow-x: scroll;
   display: flex;
   flex-direction: column;
   .intro {
@@ -107,6 +112,7 @@ export default {
         img {
           width: 48px;
           height: 48px;
+          border-radius: 2px;
         }
         div {
           width: 100%;

components/Lottery/Timing/RulePopup.vue

@@ -67,10 +67,11 @@ export default {
   height: calc(100% - 46px);
   &__main {
     width: 100%;
+    height: 100%;
     border-radius: 6px;
-    padding: 13px;
-    position: relative;
+    padding-bottom: 13px;
     padding-top: 38px;
+    position: relative;
     .main-link {
       width: 24px;
       height: 74px;