艺术戏剧调整边距

user1

2024-06-13 66f71d80837ca900d261eaa94d82ef3c09fd4194

艺术戏剧调整边距

 src/books/artAndDrama/assets/main.less

@@ -421,7 +421,9 @@
    margin-bottom: 20px;
    box-shadow: 0 3px 6px 1px #00000029;
    background-color: #fff;
    padding-bottom: 117px;
  }

  ul {
    list-style: none;
    margin: 0;
@@ -514,6 +516,8 @@
    position: relative;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;
    /* 垂直居中 */
  }
  

 src/books/artAndDrama/view/components/header.vue

@@ -1,16 +1,16 @@
<template>
  <div class="chapter" num="1">
    <div class="page-box mt-20" page="1" >
    <div class="page-box mt-20" page="1" style="padding-bottom: 0px;" >
      <div v-if="showPageList.indexOf(1) > -1">
        <img class="img-0" alt="" src="../../assets/images/Cover.jpg" />
      </div>
    </div>
    <div class="page-box mt-20" page="2" >
    <div class="page-box mt-20" page="2" style="padding-bottom: 0px;"  >
      <div v-if="showPageList.indexOf(2) > -1">
        <img class="img-0" alt="" src="../../assets/images/SMY.jpg" />
      </div>
    </div>
    <div class="page-box " page="3">
    <div class="page-box " page="3"  style="padding-bottom: 0px;" >
      <div v-if="showPageList.indexOf(3) > -1" >
        <ul class="fl fl-cl ju-bt pg-mh"   style="display: flex;  flex-direction: column; justify-content: flex-end; " >
          <li>