26371

src/apps/AppVillageDiscuss/Detail.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="Detail">
-    <AiTopFixed>
+    <div class="detail-top">
       <div flex class="w-100">
         <div class="avatar" v-text="data.avatar" />
         <div flex class="column start fill">
@@ -19,8 +19,7 @@
       <div class="img-list" v-if="data.images && data.images.length">
         <img :src="item.url" alt="" v-for="(item, index) in data.images" :key="index" @click="previewImage(data.images, item.url)" />
       </div>
-    </AiTopFixed>
-
+    </div>
     <div v-if="data.type == 0" class="comments">
       <span class="totalCount">
         <span class="total" v-text="`全部评论(${commentCount})`" />
@@ -204,11 +203,11 @@ export default {
 
 <style scoped lang="scss">
 .Detail {
-  height: 100vh;
-  background: #fff;
-  // padding-bottom: 112px;
+  padding-bottom: 112px;
 
-  ::v-deep.AiTopFixed {
+  .detail-top {
+    padding: 30px;
+    background: #fff;
     border-bottom: 16px solid #f6f7f9;
 
     .avatar {
@@ -291,8 +290,9 @@ export default {
   }
 
   .comments {
-    padding: 0 32px;
+    padding: 0 32px 20px;
     font-size: 28px;
+    background: #fff;
     .totalCount {
       display: flex;
       justify-content: space-between;
@@ -329,7 +329,9 @@ export default {
   .bottomInput {
     position: fixed;
     bottom: 0;
+    z-index: 11;
     width: 100%;
+    background: #fff;
 
     display: flex;
     justify-content: space-between;