Browse Source

修复研学商品心得塌陷问题

vaecebyZ 9 months ago
parent
commit
f99cc9980d
1 changed files with 6 additions and 4 deletions
  1. 6 4
      pages/activity/detail.vue

+ 6 - 4
pages/activity/detail.vue

@@ -12,7 +12,7 @@
         {{ goods.goodsDescribe }}
       </view>
     </view>
-    <view class="class-box">
+    <view class="class-box relative">
       <view class="class-title">
         <view class="title">课程目录</view>
         <view class="class-length">共{{ courses.length }}节课</view>
@@ -32,7 +32,7 @@
 
     </view>
 
-    <view class="class-box">
+    <view class="class-box" style="display: flow-root;">
       <view class="class-title">
         <view class="title">研学心得</view>
         <view v-if="communityItemDetailVo" @click="edit(communityItemDetailVo)" class="class-length">编辑</view>
@@ -154,6 +154,10 @@ export default {
       font-weight: bold;
     }
   }
+  .relative{
+    position: relative;
+    z-index:2;
+  }
 
   .class-box {
     background: #fff;
@@ -161,8 +165,6 @@ export default {
     margin-top: 20rpx;
     padding: 28rpx 20rpx 0 20rpx;
     // overflow: overlay;
-    position: relative;
-    z-index:2;
 
 
     .class-title {