From 82eceb0c9a6fa225aca43ed3edec1b25da9e1063 Mon Sep 17 00:00:00 2001
From: 闫增涛 <1829501689@qq.com>
Date: 星期四, 06 六月 2024 18:48:50 +0800
Subject: [PATCH] 舞蹈优化
---
src/books/artAndDance/view/components/chapter003.vue | 18 ++++----
src/books/artAndDance/view/components/chapter002.vue | 18 ++++----
src/books/artAndDance/view/components/chapter001.vue | 19 ++++-----
src/books/artAndDance/view/components/chapter004.vue | 14 +++---
src/books/artAndDance/view/components/chapter005.vue | 18 ++++----
src/App.vue | 2
src/books/artAndDance/assets/main.less | 19 +++++++++
7 files changed, 62 insertions(+), 46 deletions(-)
diff --git a/src/App.vue b/src/App.vue
index 4bc027e..de22ec3 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -72,7 +72,7 @@
// embedded
// english
// artAndDance
- this.config.resourceCtx + "childHealth"
+ this.config.resourceCtx + "artAndDance"
);
// 娴嬭瘯璇曡30椤�
// this.activeBook.tryPageCount = 10;
diff --git a/src/books/artAndDance/assets/main.less b/src/books/artAndDance/assets/main.less
index a44cdff..5642906 100644
--- a/src/books/artAndDance/assets/main.less
+++ b/src/books/artAndDance/assets/main.less
@@ -369,6 +369,12 @@
.m0 {
margin: 0;
}
+ .mr-8 {
+ margin-right: 8px;
+ }
+ .mt-20 {
+ margin-top: 20px;
+ }
.mt-40 {
margin-top: 40px !important;
}
@@ -399,6 +405,17 @@
.pb-box {
position: absolute;
bottom: 0;
+ }
+ .m16-0 {
+ margin: 16px 0;
+ }
+ .fm-son {
+ font-family: "瀹嬩綋", SimSun, sans-serif;
+ }
+ .auido-text {
+ font-size: 22px;
+ font-family: "FangSong", "PMingLiU", serif;
+ font-weight: bold;
}
}
@@ -453,7 +470,7 @@
margin-top: 20px;
flex-wrap: nowrap;
li {
- width: 50%;
+ width: 58%;
}
li:nth-child(2) {
margin-left: 10px;
diff --git a/src/books/artAndDance/view/components/chapter001.vue b/src/books/artAndDance/view/components/chapter001.vue
index ab8aa3a..5d13903 100644
--- a/src/books/artAndDance/view/components/chapter001.vue
+++ b/src/books/artAndDance/view/components/chapter001.vue
@@ -52,25 +52,24 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
+ <span class="wh-nr auido-text mr-8 ">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
- <li class="division-line"></li>
- <li class="fl al-cn">
- <span class="wh-nr">
+ <li class="fl al-cn mt-20 " >
+ <span class="wh-nr auido-text mr-8 ">
濂崇闊�
</span>
<audio :src="auidoPathTwo" controls></audio>
</li>
</ul>
<h3 id="c003">榛勯工妤奸�佸瓱娴╃劧涔嬪箍闄�</h3>
- <p class="block2">銆斿攼銆曟潕鐧�</p>
- <p class="block2">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
- <p class="block2">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
- <p class="block2">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
- <p class="block2">鍞闀挎睙澶╅檯娴併��</p>
+ <p class="block2 fm-son ">銆斿攼銆曟潕鐧�</p>
+ <p class="block2 m16-0">鏁呬汉瑗胯緸榛勯工妤硷紝</p>
+ <p class="block2 m16-0">鐑熻姳涓夋湀涓嬫壃宸炪��</p>
+ <p class="block2 m16-0">瀛ゅ竼杩滃奖纰х┖灏斤紝</p>
+ <p class="block2 m16-0">鍞闀挎睙澶╅檯娴併��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
diff --git a/src/books/artAndDance/view/components/chapter002.vue b/src/books/artAndDance/view/components/chapter002.vue
index 6fae6b3..6364b3b 100644
--- a/src/books/artAndDance/view/components/chapter002.vue
+++ b/src/books/artAndDance/view/components/chapter002.vue
@@ -62,22 +62,22 @@
<h2 class="lefth2" id="b006">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
- <li class="fl al-cn">
- <span class="wh-nr">
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
濂崇闊�
</span>
<audio :src="auidoPathTwo" controls></audio>
</li>
</ul>
<h3 id="c006">浜＄緤琛ョ墷</h3>
- <p class="block2">甯竴鍏�</p>
- <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
- <p class="block2">澧欏晩澧欏晩鍨掗珮楂橈紝澧欎笂鏈変釜澶х獰绐裤��</p>
+ <p class="block2 fm-son">甯竴鍏�</p>
+ <p class="block2 m16-0">缇婂晩缇婂晩鍜╁挬鍙紝鏈夊彧灏忕緤涓嶈浜嗐��</p>
+ <p class="block2 m16-0">澧欏晩澧欏晩鍨掗珮楂橈紝澧欎笂鏈変釜澶х獰绐裤��</p>
</div>
<ul>
<li class="fl ju-end mr-40">
@@ -100,8 +100,8 @@
class="w100 mb-40"
/>
<div class="padding-96">
- <p class="block2">缇婂晩缇婂晩鍜╁挬鍙紝缇婂効鍏ㄩ兘鍚撳潖浜嗐��</p>
- <p class="block2">绐熺绐熺榛戞礊娲烇紝蹇揩琛ヤ笂鎵嶅畨蹇冦��</p>
+ <p class="block2 m16-0">缇婂晩缇婂晩鍜╁挬鍙紝缇婂効鍏ㄩ兘鍚撳潖浜嗐��</p>
+ <p class="block2 m16-0">绐熺绐熺榛戞礊娲烇紝蹇揩琛ヤ笂鎵嶅畨蹇冦��</p>
<p class="center">
<!-- <img class="img-g" alt="" src="../../assets/images/i0012-1.jpg" /> -->
</p>
diff --git a/src/books/artAndDance/view/components/chapter003.vue b/src/books/artAndDance/view/components/chapter003.vue
index 22e319f..5004bac 100644
--- a/src/books/artAndDance/view/components/chapter003.vue
+++ b/src/books/artAndDance/view/components/chapter003.vue
@@ -51,24 +51,24 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
- <li class="fl al-cn">
- <span class="wh-nr">
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
濂崇闊�
</span>
<audio :src="auidoPathTwo" controls></audio>
</li>
</ul>
<h3 id="c009">灏忓効鍨傞挀</h3>
- <p class="block2">銆斿攼銆曡儭浠よ兘</p>
- <p class="block2">钃ご绋氬瓙瀛﹀瀭绾讹紝</p>
- <p class="block2">渚у潗鑾撹嫈鑽夋槧韬��</p>
- <p class="block2">璺汉鍊熼棶閬ユ嫑鎵嬶紝</p>
- <p class="block2">鎬曞緱楸兼儕涓嶅簲浜恒��</p>
+ <p class="block2 fm-son">銆斿攼銆曡儭浠よ兘</p>
+ <p class="block2 m16-0">钃ご绋氬瓙瀛﹀瀭绾讹紝</p>
+ <p class="block2 m16-0">渚у潗鑾撹嫈鑽夋槧韬��</p>
+ <p class="block2 m16-0">璺汉鍊熼棶閬ユ嫑鎵嬶紝</p>
+ <p class="block2 m16-0">鎬曞緱楸兼儕涓嶅簲浜恒��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
diff --git a/src/books/artAndDance/view/components/chapter004.vue b/src/books/artAndDance/view/components/chapter004.vue
index eddb74d..f81c6c4 100644
--- a/src/books/artAndDance/view/components/chapter004.vue
+++ b/src/books/artAndDance/view/components/chapter004.vue
@@ -57,22 +57,22 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
- <li class="fl al-cn">
- <span class="wh-nr">
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8">
濂崇闊�
</span>
<audio :src="auidoPathTwo" controls></audio>
</li>
</ul>
<h3 id="c012">瀵婚殣鑰呬笉閬�</h3>
- <p class="block2">銆斿攼銆曡淳宀�</p>
- <p class="block2">鏉句笅闂瀛愶紝瑷�甯堥噰鑽幓銆�</p>
- <p class="block2">鍙湪姝ゅ北涓紝浜戞繁涓嶇煡澶勩��</p>
+ <p class="block2 fm-son">銆斿攼銆曡淳宀�</p>
+ <p class="block2 m16-0">鏉句笅闂瀛愶紝瑷�甯堥噰鑽幓銆�</p>
+ <p class="block2 m16-0">鍙湪姝ゅ北涓紝浜戞繁涓嶇煡澶勩��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
diff --git a/src/books/artAndDance/view/components/chapter005.vue b/src/books/artAndDance/view/components/chapter005.vue
index bc95185..9868bb5 100644
--- a/src/books/artAndDance/view/components/chapter005.vue
+++ b/src/books/artAndDance/view/components/chapter005.vue
@@ -77,20 +77,20 @@
<h2 class="lefth2" id="b002">
<img class="img-gn" alt="" src="../../assets/images/xsyty.jpg" />
</h2>
- <ul class="fl audio-box">
+ <ul class="fl fl-cl al-cn audio-box">
<li class="fl al-cn">
- <span class="wh-nr">鐢风闊�</span>
+ <span class="wh-nr auido-text mr-8">鐢风闊�</span>
<audio :src="auidoPathOne" controls></audio>
</li>
- <li class="fl al-cn">
- <span class="wh-nr"> 濂崇闊� </span>
+ <li class="fl al-cn mt-20">
+ <span class="wh-nr auido-text mr-8"> 濂崇闊� </span>
<audio :src="auidoPathTwo" controls></audio>
</li>
</ul>
<h3 id="c015">娓旀瓕瀛�</h3>
- <p class="block2">銆斿攼銆曞紶蹇楀拰</p>
- <p class="block2">瑗垮灞卞墠鐧介弓椋烇紝</p>
- <p class="block2">妗冭姳娴佹按槌滈奔鑲ャ��</p>
+ <p class="block2 fm-son">銆斿攼銆曞紶蹇楀拰</p>
+ <p class="block2 m16-0">瑗垮灞卞墠鐧介弓椋烇紝</p>
+ <p class="block2 m16-0">妗冭姳娴佹按槌滈奔鑲ャ��</p>
</div>
<ul>
<li class="fl ju-end mr-40">
@@ -113,8 +113,8 @@
class="w100 mb-40"
/>
<div class="padding-96">
- <p class="block2">闈掔绗狅紝缁胯搼琛ｏ紝</p>
- <p class="block2">鏂滈缁嗛洦涓嶉』褰掋��</p>
+ <p class="block2 m16-0">闈掔绗狅紝缁胯搼琛ｏ紝</p>
+ <p class="block2 m16-0">鏂滈缁嗛洦涓嶉』褰掋��</p>
<video
:src="videoPathOne"
webkit-playsinline="true"
--
Gitblit v1.9.1