修复扫码提示不显示

src/components/business/scan-order-tips/index.vue

@@ -2,7 +2,7 @@
   <view class="scan-order-tips" @touchmove.native.stop="noop">
     <view class="content">
       <view class="close" @click.native.stop="close"></view>
-      <view class="title">您可能正在{{tableNo}}点餐，是否继续？</view>
+      <view class="title">您可能正在{{ tableNo }}点餐，是否继续？</view>
       <view class="button-group">
         <view class="btn cancel" @click.native.stop="close">否</view>
         <view class="btn confirm" @click.native.stop="confirm">是</view>
@@ -12,103 +12,102 @@
 </template>
 
 <script>
-
-	export default {
-    props: {
-      tableNo: {
-        type: String,
-        default: ''
-      }
+export default {
+  props: {
+    tableNo: {
+      type: String,
+      default: '',
+    },
+  },
+  data() {
+    return {}
+  },
+  methods: {
+    close() {
+      this.$emit('close')
     },
-		data() {
-			return {}
-		},
-		methods: {
-      close() {
-        this.$emit('close')
-      },
-      //点击前往查看
-      confirm() {
-        this.$emit('confirm')
-      },
-      noop() {}
-		}
-	}
+    //点击前往查看
+    confirm() {
+      this.$emit('confirm')
+    },
+    noop() {},
+  },
+}
 </script>
 
 <style scoped lang="scss">
-  @import '@/styles/reset.components.scss';
-  @import '@/styles/util.scss';
+@import '@/styles/reset.components.scss';
+@import '@/styles/util.scss';
 
-  .component-scan-order-tips {
+.scan-order-tips {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: 1001;
+  .content {
+    width: 650rpx;
+    background-color: rgba(0, 0, 0, 0.7);
+    border-radius: 10rpx;
     position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    z-index: 1001;
-    .content {
-      width: 650rpx;
-      background-color: rgba(0, 0, 0, 0.7);
-      border-radius: 10rpx;
+    top: 50%;
+    left: 50rpx;
+    transform: translateY(-50%);
+    box-sizing: border-box;
+    padding: 60rpx 0;
+    .close {
+      background-image: url(https://img-shop.qmimg.cn/s16/images/2019/07/11/06ba913878cecbe0.png);
+      background-size: 22rpx 22rpx;
+      background-repeat: no-repeat;
+      background-position: center center;
       position: absolute;
-      top: 50%;
-      left: 50rpx;
-      transform:translateY(-50%);
-      box-sizing: border-box;
-      padding: 60rpx 0;
-      .close {
-        background-image: url(https://img-shop.qmimg.cn/s16/images/2019/07/11/06ba913878cecbe0.png);
-        background-size: 22rpx 22rpx;
-        background-repeat: no-repeat;
-        background-position: center center;
-        position: absolute;
-        right: 0;
-        top: 0;
-        width: 55rpx;
-        height: 55rpx;
-      }
-      .title{
-        padding: 0 60rpx;
+      right: 0;
+      top: 0;
+      width: 55rpx;
+      height: 55rpx;
+    }
+    .title {
+      padding: 0 60rpx;
+      font-size: 34rpx;
+      color: #fff;
+      text-align: center;
+      margin-bottom: 50rpx;
+    }
+    .button-group {
+      display: flex;
+      justify-content: space-between;
+      padding: 0 110rpx;
+      .btn {
+        width: 200rpx;
+        height: 76rpx;
+        position: relative;
+        text-align: center;
         font-size: 34rpx;
+        line-height: 76rpx;
         color: #fff;
-        text-align: center;
-        margin-bottom: 50rpx;
-      }
-      .button-group {
-        display: flex;
-        justify-content: space-between;
-        padding: 0 110rpx;
-        .btn{
-          width: 200rpx;
-          height: 76rpx;
-          position: relative;
-          text-align: center;
-          font-size: 34rpx;
-          line-height: 76rpx;
-          color: #fff;
-          &.cancel{
-            &::after{
-              content: '';
-              position: absolute;
-              left: 0;
-              top: 0;
-              right: 0;
-              bottom: 0;
-              width: 400rpx;
-              height: 152rpx;
-              transform-origin: left top;
-              transform: scale(0.5);
-              border: 1rpx solid #e5e5e5;
-              border-radius: 12rpx;
-            }
-          }
-          &.confirm{
-            background-color: rgba(255, 255, 255, 0.3);
-            border-radius: 6rpx;
+        &.cancel {
+          &::after {
+            content: '';
+            position: absolute;
+            left: 0;
+            top: 0;
+            right: 0;
+            bottom: 0;
+            width: 400rpx;
+            height: 152rpx;
+            transform-origin: left top;
+            transform: scale(0.5);
+            border: 1rpx solid #e5e5e5;
+            border-radius: 12rpx;
           }
         }
+        &.confirm {
+          background-color: rgba(255, 255, 255, 0.3);
+          border-radius: 6rpx;
+        }
       }
     }
   }
+}
 </style>