页面切图

components/Cn-page/Cn-page.vue

@@ -1,5 +1,5 @@
 <template>
-    <view class="Cn-page">
+    <view class="Cn-page" :class="{ 'no-padding': noPadding }">
         <template v-if="showLoginMsk && !login">
             <navigator url="/pages/user/login" hover-class="none" class="page-login-btn">登录</navigator>
         </template>
@@ -23,13 +23,14 @@ export default {
             default: false
         },
         showLoginMsk: Boolean,
+        noPadding: Boolean,
     },
-    data() {
+    data () {
         return {
             login: false,
         }
     },
-    created() {
+    created () {
         this.login = uni.getStorageSync('Authorization')
     },
 }
@@ -38,9 +39,13 @@ export default {
 <style lang='scss'>
 .Cn-page {
     box-sizing: border-box;
-    padding-bottom: constant(safe-area-inset-bottom);
     padding-bottom: calc(30rpx + env(safe-area-inset-bottom));
 }
+
+.no-padding {
+    padding-bottom: 0;
+}
+
 .page-login-btn {
     position: fixed;
     top: 50%;