feat: 样式更改

components/Common/ComplaintsDeal.vue

@@ -14,6 +14,7 @@ export default {
   data() {
   data() {
     return {
     return {
       color: '',
       color: '',
+      bgColor: '',
       entry: null,
       entry: null,
       body: null
       body: null
     }
     }
@@ -24,8 +25,9 @@ export default {
     })
     })
   },
   },
   mounted() {
   mounted() {
-    Bus.$on('initDeal', color => {
+    Bus.$on('initDeal', (color, bgColor) => {
       this.color = color
       this.color = color
+      this.bgColor = bgColor
       this.init()
       this.init()
       this.dealAnimation()
       this.dealAnimation()
     })
     })
@@ -45,7 +47,7 @@ export default {
         height: '0.62667rem',
         height: '0.62667rem',
         right: '0.13333rem',
         right: '0.13333rem',
         bottom: '0.33333rem',
         bottom: '0.33333rem',
-        zIndex: 6,
+        zIndex: 51,
         background: '#fff',
         background: '#fff',
         iconColor: '#80411a',
         iconColor: '#80411a',
         transition: 'all 0.25s cubic-bezier(0.55, 0, 0.1, 1)'
         transition: 'all 0.25s cubic-bezier(0.55, 0, 0.1, 1)'
@@ -53,6 +55,9 @@ export default {
       if (this.color) {
       if (this.color) {
         Object.assign(defaultEntryStyle, { iconColor: this.color })
         Object.assign(defaultEntryStyle, { iconColor: this.color })
       }
       }
+      if (this.bgColor) {
+        Object.assign(defaultEntryStyle, { background: this.bgColor })
+      }
 
 
       // eslint-disable-next-line no-undef
       // eslint-disable-next-line no-undef
       complaintsDeal({
       complaintsDeal({
@@ -60,7 +65,7 @@ export default {
         props: {
         props: {
           // rootFontSize: '.62667rem',
           // rootFontSize: '.62667rem',
           defaultEntryStyle,
           defaultEntryStyle,
-          zIndex: 999,
+          zIndex: 51,
           uin,
           uin,
           url: window.location.href,
           url: window.location.href,
           company: '管理员',
           company: '管理员',
@@ -95,14 +100,20 @@ export default {
     dealAnimation() {
     dealAnimation() {
       setTimeout(() => {
       setTimeout(() => {
         this.entry = document.querySelector('.entry')
         this.entry = document.querySelector('.entry')
+        this.entry.classList.add('sidebar-hidden-scroll')
         this.body = document.body
         this.body = document.body
         this.body.addEventListener('touchstart', () => {
         this.body.addEventListener('touchstart', () => {
           this.body.addEventListener('touchmove', this.dealScrollOn)
           this.body.addEventListener('touchmove', this.dealScrollOn)
         })
         })
         this.body.addEventListener('touchend', () => {
         this.body.addEventListener('touchend', () => {
-          
           this.body.removeEventListener('touchmove', this.dealScrollOn)
           this.body.removeEventListener('touchmove', this.dealScrollOn)
-          this.dealScrollOff()
+          // this.dealScrollOff()
+        })
+        this.entry.addEventListener('click', () => {
+          if (this.entry && this.entry.classList.contains('sidebar-hidden-scroll')) {
+            this.entry.classList.remove('sidebar-hidden-scroll')
+            return false
+          }
         })
         })
       }, 500)
       }, 500)
     },
     },

components/Lottery/Instant/Records.vue

@@ -58,6 +58,10 @@ export default {
   methods: {
   methods: {
     ...mapActions({ jumpToLogin: 'users/jumpToLogin' }),
     ...mapActions({ jumpToLogin: 'users/jumpToLogin' }),
     openRecord() {
     openRecord() {
+      if (this.recordsLayouts && this.recordsLayouts.classList.contains('sidebar-hidden-scroll')) {
+        this.recordsLayouts.classList.remove('sidebar-hidden-scroll')
+        return false
+      }
       if (!this.isLogin) {
       if (!this.isLogin) {
         this.$toast({
         this.$toast({
           message: '请先登录，正在为您转跳',
           message: '请先登录，正在为您转跳',
@@ -71,6 +75,10 @@ export default {
       }
       }
     },
     },
     openRecordPopup(type) {
     openRecordPopup(type) {
+      if (this.recordsLayouts && this.recordsLayouts.classList.contains('sidebar-hidden-scroll')) {
+        this.recordsLayouts.classList.remove('sidebar-hidden-scroll')
+        return false
+      }
       this.activeTab = type
       this.activeTab = type
       this.isShowRecordsPopup = true
       this.isShowRecordsPopup = true
     },
     },
@@ -79,12 +87,13 @@ export default {
     },
     },
     recordsAnimation() {
     recordsAnimation() {
       setTimeout(() => {
       setTimeout(() => {
+        this.recordsLayouts.classList.add('sidebar-hidden-scroll')
         this.body.addEventListener('touchstart', () => {
         this.body.addEventListener('touchstart', () => {
           this.body.addEventListener('touchmove', this.recordsScrollOn)
           this.body.addEventListener('touchmove', this.recordsScrollOn)
+          // this.recordsScrollOff()
         })
         })
         this.body.addEventListener('touchend', () => {
         this.body.addEventListener('touchend', () => {
           this.body.removeEventListener('touchmove', this.recordsScrollOn)
           this.body.removeEventListener('touchmove', this.recordsScrollOn)
-          this.recordsScrollOff()
         })
         })
       }, 500)
       }, 500)
     },
     },
@@ -108,7 +117,7 @@ export default {
 .records {
 .records {
   &__layouts {
   &__layouts {
     position: fixed;
     position: fixed;
-    z-index: 50;
+    z-index: 51;
     right: 10px;
     right: 10px;
     bottom: 90px;
     bottom: 90px;
     transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);
     transition: all 0.25s cubic-bezier(0.55, 0, 0.1, 1);

components/Lottery/Timing/MiniMain.vue

@@ -78,6 +78,7 @@ export default {
   },
   },
   mounted() {
   mounted() {
     this.eventHubInit()
     this.eventHubInit()
+    Bus.$emit('initDeal', '#db0000', '#ffdccb')
     // this.loadWinInfo()
     // this.loadWinInfo()
   },
   },
   methods: {
   methods: {

components/Lottery/Timing/RulePopup.vue

@@ -5,6 +5,7 @@
     position="bottom"
     position="bottom"
     transition="van-fade"
     transition="van-fade"
     class="introduction-popup"
     class="introduction-popup"
+    z-index="49"
     :class="lotteryInfo.showType === 7 ? 'bgtreasureColor' : 'bgluckybagColor'"
     :class="lotteryInfo.showType === 7 ? 'bgtreasureColor' : 'bgluckybagColor'"
   >
   >
     <div class="introduction-popup__main">
     <div class="introduction-popup__main">

components/Lottery/Timing/type/LuckyBag.vue

@@ -156,4 +156,23 @@ export default {
     bottom: 3%;
     bottom: 3%;
   }
   }
 }
 }
+// 样式穿透
+.main-timing {
+  // records
+  /deep/ .records {
+    &__entry {
+      width: 48px;
+      height: 48px;
+      background: #ffdccb;
+      box-shadow: 0px 2px 8px 0px rgba(254, 35, 23, 0.5);
+    }
+    &__entry-wrap p {
+      font-size: 13px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #db0000;
+      line-height: 17px;
+    }
+  }
+}
 </style>
 </style>

components/Lottery/Timing/type/Treasure.vue

@@ -154,4 +154,23 @@ export default {
     bottom: 3%;
     bottom: 3%;
   }
   }
 }
 }
+// 样式穿透
+.main-timing {
+  // records
+  /deep/ .records {
+    &__entry {
+      width: 48px;
+      height: 48px;
+      background: #ffdccb;
+      box-shadow: 0px 2px 8px 0px rgba(254, 35, 23, 0.5);
+    }
+    &__entry-wrap p {
+      font-size: 13px;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #db0000;
+      line-height: 17px;
+    }
+  }
+}
 </style>
 </style>