From 00435e1d5572b78a5bae5d7476919d11274bf757 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期三, 05 六月 2024 18:37:17 +0800
Subject: [PATCH] 优化
---
src/books/artAndDance/view/components/chapter001.vue | 25 ++++++++++++++++++-------
1 files changed, 18 insertions(+), 7 deletions(-)
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index 64cfa3d..0b0e756 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -1,8 +1,14 @@
<template>
- <div class="chapter" num="1">
- <div class="page-box" page="4">
+ <div class="chapter" num="2">
+ <div class="page-box" page="4" style="min-height: auto">
<div v-if="showPageList.indexOf(4) > -1">
<img class="img-0" alt="" src="../../assets/images/dy1.jpg" />
+ <img
+ src="../../assets/images/01.gif"
+ alt=""
+ style="width: 53%"
+ class="cover-img"
+ />
</div>
</div>
<div class="page-box" page="5">
@@ -14,7 +20,7 @@
/>
<div class="padding-96">
<p class="center">
- <img class="img-a" alt="" src="../../assets/images/image6-1.jpg" />
+ <img class="img-a" alt="" src="../../assets/images/01-2.gif" />
</p>
<h2 class="lefth2" id="b001">
<img class="img-gn" alt="" src="../../assets/images/rhybx.jpg" />
@@ -88,7 +94,7 @@
</div>
</div>
<div class="page-box" page="7">
- <div v-if="showPageList.indexOf(5) > -1" class="fl fl-cl ju-bt">
+ <div v-if="showPageList.indexOf(7) > -1" class="pg-mh">
<img
src="../../assets/images/pageContentHeader.jpg"
alt=""
@@ -121,10 +127,10 @@
</div>
<p class="center"><img class="img-0" alt="" src="image/ym.jpg" /></p>
</div>
- <ul>
+ <ul class="pb-box">
<li class="ml-40">
<img src="../../assets/images/icon/tree.jpg" />
- <span class="dl-ib"> 2 </span>
+ <span class="dl-ib"> 4 </span>
</li>
<li>
<img class="img-0" alt="" src="../../assets/images/ym.jpg" />
@@ -136,7 +142,7 @@
</template>
<script>
-import getResourcePath from "@/assets/methods/resources";
+import { getResourcePath } from "@/assets/methods/resources";
export default {
name: "chapterOne",
props: {
@@ -170,4 +176,9 @@
.fz-26 {
font-size: 26px !important;
}
+.cover-img {
+ position: absolute;
+ top: 33%;
+ left: 23%;
+}
</style>
--
Gitblit v1.9.1