feat:增加奖状证书模块

src/views/product/detail[id].vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="mobile-product-detail common-mobile-view">
+  <div class="common-mobile-view">
     <el-form ref="formRef" :model="productStore.currentProduct"
              :rules="rules" label-position="top" label-width="80px"
              class="form-item">
@@ -84,7 +84,7 @@
       </el-form-item>
     </el-form>
 
-    <div class="button-container">
+    <div class="form-button">
       <el-button type="primary" @click="confirmClick">确认</el-button>
       <el-button type="info" @click="cancelClick">取消</el-button>
     </div>
@@ -165,15 +165,3 @@ const cancelClick = () => {
   appStore.isShowMobileBack = false
 }
 </script>
-
-<style scoped lang="scss">
-.mobile-product-detail {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  .button-container {
-    align-self: center;
-  }
-}
-</style>

src/views/product/list.vue

@@ -1,10 +1,10 @@
 <template>
-  <div class="mobile-product-list common-mobile-view">
+  <div class="common-mobile-view">
     <product-query />
 
     <el-empty v-if="productStore.productList.length === 0" description="暂无物品记录"/>
 
-    <div v-else class="product-list">
+    <div v-else class="content-list">
       <product-card v-for="(item, index) in productStore.productList"
                     :key="index" :product-item="item"/>
     </div>
@@ -33,17 +33,3 @@ const addClick = () => {
   router.push({ name: 'ProductDetailId', params: { id: 0 } })
 }
 </script>
-
-<style lang="scss">
-.mobile-product-list {
-  display: flex;
-  flex-direction: column;
-  gap: 10px;
-
-  .product-list {
-    display: flex;
-    flex-direction: column;
-    gap: 10px;
-  }
-}
-</style>