警告属性无法继承

src/views/mall/components/details.vue

@@ -1,5 +1,6 @@
 <!-- 商品详情 -->
 <template>
+<div>
   <Navbar />
   <div class="default-width pb-5 mt-3" v-if="state.goodsInfo && Object.keys(state.goodsInfo).length">
     <v-card class="carousel border-radius-8 white-bgc pa-5" style="width: 100%;">
@@ -75,6 +76,7 @@
   <CtDialog :visible="showPay" titleClass="text-h6" :widthType="3" title="收银台" :footer="false" @close="payCancel">
     <pay ref="payRef" :id="payOrderId" @paySuccess="paySuccess"></pay>
   </CtDialog>
+</div>
 </template>
 
 <script setup>

src/views/mall/components/navbar.vue

@@ -1,4 +1,5 @@
 <template>
+<div>
   <div class="stickyBox py-5">
     <div class="default-width d-flex align-center justify-space-between">
       <div class="header-link d-flex">
@@ -42,10 +43,11 @@
   </div>
   <!-- 快速登录 -->
   <loginPage v-if="showLogin" @loginSuccess="loginSuccess" @close="loginClose"></loginPage>
+</div>
 </template>
 
 <script setup>
-defineOptions({ name: 'formPage'})
+defineOptions({ name: 'mall-navbar'})
 import { computed, ref } from 'vue'
 import { useRoute } from 'vue-router'; const route = useRoute()
 import { useRouter } from 'vue-router'; const router = useRouter()