fix 物资详情关闭按钮样式位置优化

 <!--
 <!--
  * @Date: 2024-07-23 18:31:35
  * @Date: 2024-07-23 18:31:35
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-07-26 16:28:22
+ * @LastEditTime: 2024-08-13 10:18:33
  * @FilePath: /temple_material_request/src/components/materialDetail/index.vue
  * @FilePath: /temple_material_request/src/components/materialDetail/index.vue
  * @Description: 物资详情页面
  * @Description: 物资详情页面
 -->
 -->
@@ -12,7 +12,7 @@
       position="right"
       position="right"
       :style="{ height: '100%', width: '100%' }"
       :style="{ height: '100%', width: '100%' }"
     >
     >
-      <div style="margin-top: 3rem; background-color: white;">
+      <div style="margin-top: 3rem; background-color: white; position: relative;">
         <div style="display: flex; justify-content: center; align-items: center;">
         <div style="display: flex; justify-content: center; align-items: center;">
           <div v-if="!goodInfo.cover" style="padding: 2rem 5rem; padding-bottom: 2rem; border: 1px solid #F2EDE6; background-color: #FFFDF6; text-align: center;">
           <div v-if="!goodInfo.cover" style="padding: 2rem 5rem; padding-bottom: 2rem; border: 1px solid #F2EDE6; background-color: #FFFDF6; text-align: center;">
             <van-image
             <van-image
@@ -91,7 +91,7 @@
           </van-row>
           </van-row>
         </div>
         </div>
         <div style="height: 4rem;"></div>
         <div style="height: 4rem;"></div>
-        <div style="padding: 1rem; position: fixed; bottom: 10px; left:0; right: 0;">
+        <div style="padding: 1rem; position: sticky; bottom: 10px; left:0; right: 0;">
           <van-button block :color="styleColor.baseColor" @click="onClose">关闭</van-button>
           <van-button block :color="styleColor.baseColor" @click="onClose">关闭</van-button>
         </div>
         </div>
       </div>
       </div>