From 494ba20f9f75d42cee0441cb2d9799f7e983b36d Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期四, 06 六月 2024 15:17:06 +0800
Subject: [PATCH] 优化
---
src/books/sportsAndHealth/css/default.less | 36 ++++++++++++++++-
src/books/sportsAndHealth/view/chapter002.vue | 61 +++++++++++++++---------------
src/books/sportsAndHealth/view/front001.vue | 4 +
3 files changed, 67 insertions(+), 34 deletions(-)
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index a5e8a3a..2252a9a 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -45,6 +45,13 @@
.chapter {
+ textarea {
+ width: 100%;
+ font-family: 'FZLTXIHJW';
+ padding: 2px 5px;
+ box-sizing: border-box;
+ }
+
.swiper-button-prev,
.swiper-button-next {
color: #5877ba;
@@ -52,7 +59,7 @@
.page-box {
box-sizing: border-box;
- min-height: 1150px !important;
+ min-height: 1150px;
margin-bottom: 20px;
box-shadow: 0 3px 6px 1px #00000029;
background-color: #fff;
@@ -272,8 +279,9 @@
color: #f49a4c;
text-align: center;
padding: 5px 10px;
- font-size: 16px;
+ font-size: 14px;
font-family: 'FZLTXIHJW';
+ font-weight: 900;
}
tr td {
@@ -345,7 +353,6 @@
textarea:focus {
outline: none;
- text-indent: 2em;
}
}
@@ -1434,6 +1441,29 @@
margin-top: 0.5em;
border-radius: 1em;
position: relative;
+
+ .xspj-text {
+ width: 100%;
+ display: flex;
+ justify-content: center;
+
+ textarea {
+ width: 100%;
+ max-width: 560px;
+ border: 1px solid #89a0d0;
+ border-radius: 5px;
+ font-size: 14px;
+ font-family: 'FZLTXIHJW';
+ text-indent: 2em;
+ line-height: 22px;
+ padding: 2px 5px;
+ box-sizing: border-box;
+ }
+
+ textarea:focus {
+ outline: none;
+ }
+ }
}
p.bj-xspj {
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index 1d3b111..be74f94 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -465,7 +465,7 @@
:src="picOneUrl"
:preview-src-list="picArr"
/> -->
- <img class="img-c" alt="" src="../image/0017-1.jpg" />
+ <img style="width:40%" class="img-c" alt="" src="../image/0017-1.jpg" />
</p>
<p class="img">鍥�1-1-1 浜轰滑瀵瑰仴搴风殑璁よ瘑</p>
<p>
@@ -512,9 +512,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��</div>
<!-- <p>璇峰悓瀛︿滑杩涜鈥�8绉嶅仴搴风姸鍐垫祴璇勨�濄��</p> -->
<div class="bj-byb" v-if="chapter002.isShowXyx03">
<div class="byb-title">8 绉嶅仴搴风姸鍐垫祴璇�</div>
@@ -874,9 +872,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��</div>
<!-- <p>璇峰悓瀛︿滑杩涜鈥滅敓娲讳簨浠惰瘎浠封�濄��</p> -->
<div v-if="chapter002.isShowXyx04">
<div class="xyx-title">鐢熸椿浜嬩欢璇勪环</div>
@@ -2727,9 +2723,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑瀛︿範鈥滃仴搴风礌鍏�66鏉♀�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑瀛︿範鈥滃仴搴风礌鍏�66鏉♀�濄��</div>
<!-- <p></p> -->
<div class="xyx-text" v-if="chapter002.isShowXyx09">
<div class="xyx-title">鍋ュ悍绱犲吇66鏉�</div>
@@ -3100,12 +3094,21 @@
<p class="block">
1.缁撳悎鎯呭瀵煎叆涓殑妗堜緥锛岃皥涓�璋堟垜浠簲璇ュ惛鍙栧摢浜涙暀璁��
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj01"></textarea>
+ </div>
<p class="block">
2.缁撳悎鑷繁鐨勫疄闄呮儏鍐靛拰鍓嶉潰鐨勮繍鍔ㄥ鏂癸紝鍒惰涓�浠借繍鍔ㄨ鍒掞紝杩涜涓烘湡1涓湀銆佹瘡澶╄嚦灏�40鍒嗛挓鐨勮繍鍔ㄦ墦鍗℃椿鍔紝骞舵牴鎹疄鏂芥儏鍐佃繘琛岃嚜鎴戣瘎浠枫��
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj02"></textarea>
+ </div>
<p class="block">
3.瀵圭収涓亴瀛︾敓鍋ュ悍鐢熸椿鏂瑰紡涓殑鍏蜂綋鍐呭涓庤姹傦紝璇勪环涓�涓嬭嚜宸辫繕鏈夊摢浜涘仛寰椾笉澶熷ソ锛岃繍鐢ㄥ湪璇剧▼骞冲彴涓涔犲埌鐨勫仴搴疯鍔ㄨ鍒掔殑鍒惰涓庡疄鏂芥柟娉曪紝鍒惰鑷繁鐨勫仴搴疯鍔ㄨ鍒掑苟瀹炴柦锛屽敖蹇吇鎴愯嚜宸辩殑鍋ュ悍鐢熸椿鏂瑰紡銆�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj03"></textarea>
+ </div>
</div>
<h3 id="c003">涓撻涓� 鎻愰珮蹇冪悊鍋ュ悍鐨勬按骞�</h3>
<div class="bk-ztgs">
@@ -3188,9 +3191,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑鍙傞槄鈥滈┈鏂礇鐨勫績鐞嗗仴搴锋爣鍑嗏�濄��</div>
<div v-if="chapter002.isShowXyx01">
<div class="xyx-title">椹柉娲涚殑蹇冪悊鍋ュ悍鏍囧噯</div>
<ul class="xyx-ul">
@@ -3279,9 +3280,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滅ぞ浼氭敮鎸侀噺琛ㄢ�濈殑娴嬭瘯銆�</div>
<div v-if="chapter002.isShowXyx02">
<div class="xyx-title">绀句細鏀寔閲忚〃</div>
<div class="xyx-text">
@@ -4123,9 +4122,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滄暣浣撹嚜灏婇噺琛ㄢ�濈殑娴嬭瘯銆�</div>
<div v-if="chapter002.isShowXyx02">
<div class="xyx-title">鏁翠綋鑷皧閲忚〃</div>
<div class="xyx-text">璇锋寜涓嬭〃瀵硅嚜宸辩殑鑷皧鎯呭喌杩涜娴嬭瘎銆�</div>
@@ -4567,9 +4564,7 @@
</div>
</div>
<br />
- <div class="public-tips">
- 璇峰悓瀛︿滑杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯
- </div>
+ <div class="public-tips">璇峰悓瀛︿滑杩涜鈥滄垜鐨勪釜鎬ф垚鐔熷害鈥濈殑娴嬭瘯</div>
<div v-if="chapter002.isShowXyx01">
<div class="xyx-title">鎴戠殑涓�ф垚鐔熷害</div>
<p>
@@ -4643,7 +4638,7 @@
闈掓槬鏈熶釜浣撶ぞ浼氬寲鏄熀鏈ぞ浼氬寲鐨勬渶鍚庨樁娈碉紝涔熸槸鏋佷负閲嶈鐨勪汉鐢熼樁娈点�傛湁浜哄皢鍏剁О涓衡�滀汉鐢熺殑绗簩娆¤癁鐢熲�濃�滃績鐞嗘柇涔虫椂鏈熲�濈瓑銆傛垜浠棦瑕佹纭璇嗚嚜宸憋紝涔熻褰㈡垚涓庝粬浜恒�佷笌绀句細鐨勫仴搴疯仈缁撱�傝韩杈圭殑鍚屽銆佹湅鍙嬨�佽�佸笀銆佸闀跨瓑閮芥槸鎴戜滑浜洪檯鍦堥噷鐨勯噸瑕佺粍鎴愰儴鍒嗭紝濡備綍涓庝粬浠缓绔嬭壇濂界殑鍏崇郴锛屽府鍔╂垜浠洿鍔犻�傚簲杩欎釜绀句細鐨勫彂灞曞憿锛�
</p>
<p><b>1.涓庢垚骞翠汉浜ゅ線</b></p>
- <p>
+ <p style="margin-bottom: 30px">
鐢变簬闈掓槬鏈熷績鐞嗏�滀笂閿佲�濈殑鐗瑰緛锛屾垜浠鏄撲笌鑰佸笀銆佺埗姣嶅彂鐢熷啿绐侊紝鐗瑰埆鏄笌鐖舵瘝鍙戠敓鍐茬獊銆傞潰瀵瑰啿绐侊紝鎴戜滑闇�瑕佸厠鍒惰嚜宸憋紝闈欎笅蹇冩潵鎬濊�冭嚜宸卞唴蹇冪殑鎯虫硶锛屽鎵惧悎閫傜殑娌熼�氭満浼氾紱褰撴垜浠笉琚悊瑙ｃ�佷笉琚皧閲嶆椂锛屾垜浠彲浠ヨ瘯鐫�鍚戣�佸笀鎴栫埗姣嶇湡瀹炲湴琛ㄨ揪鑷繁鍐呭績鐨勬湡寰呭拰鎯虫硶锛涘湪閬囧埌鍥伴毦鏃讹紝鎴戜滑鍙互鎵捐嚜宸变俊浠诲拰灏婇噸鐨勬垚骞翠汉瀵绘眰甯姪銆�
</p>
<!-- <div class="bk-xyx">
@@ -4997,7 +4992,7 @@
闈掓槬鏈熸槸鍚屽浠敱蹇冪悊骞肩璧板悜蹇冪悊鎴愮啛鐨勮繃娓℃湡锛岄潚鏄ョ殑鐑︽伡鏄垚闀跨殑鍗拌銆傚悓瀛︿滑閬囧埌鐑︽伡銆佺煕鐩句笌鍥版儜鏃讹紝搴旇瀛︾潃鎺ョ撼鑷垜锛岃瘯鐫�涓庝俊浠荤殑鏈嬪弸銆佽�佸笀銆佸闀垮潶璇氫氦娴佷笌娌熼�氾紝鑾峰緱浠栦滑鐨勫府鍔╁拰鐞嗚В锛屼粠鑰岄『鍒╁钩绋冲害杩囬潚鏄ユ湡銆�
</p>
<h4 id="d015">涓夈�侀潚鏄ユ湡鎬у績鐞嗕笌寮傛�т氦寰�</h4>
- <h5 id="e026">锛堜竴锛夐潚鏄ユ湡鎬у績鐞�</h5>
+ <h5 id="e026" style="margin-bottom: 30px">锛堜竴锛夐潚鏄ユ湡鎬у績鐞�</h5>
<!-- <div class="bk-xyx">
<p class="bj1-xyx">娴嬩竴娴�</p>
<p class="block">
@@ -5302,13 +5297,10 @@
<div class="bk-xspj">
<p class="bj-sbx">瀛︿範璇勪环</p>
<p class="block">
- 1.鎴戠殑鍚勯」鐢熼暱鍙戣偛鐢熺悊鎸囨爣<a id="w3"></a
- ><a href="#m3"><sup>[3]</sup></a
- >銆�
+ 1.鎴戠殑鍚勯」鐢熼暱鍙戣偛鐢熺悊鎸囨爣
</p>
<p class="block">
- 浣撻噸鎸囨暟<a id="w4"></a><a href="#m4"><sup>[4]</sup></a
- >锛�<input
+ 浣撻噸鎸囨暟锛�<input
@change="changeAssess($event, 'text22')"
maxlength="5"
style="width: 50px"
@@ -5367,6 +5359,9 @@
<p class="block">
涓亴瀛︽牎涓夊勾绾уコ鐢熷皬C鍜岀敺鐢熷皬D鏄悓鐝悓瀛︼紝涓や汉缁忓父涓�璧蜂氦娴佸涔犲拰鐢熸椿涓亣鍒扮殑闂銆備笉鐭ヤ笉瑙変腑涓や汉浜х敓浜嗗ソ鎰燂紝闄峰叆浜嗘亱鐖变腑銆備竴涓懆鏈紝灏廌瓒佸閲屾病浜猴紝渚夸富鍔ㄩ個璇峰皬C鍒板閲岀帺銆傜浉澶勯棿灏廌绐佺劧蹇冪敓鏉傚康锛屾彁鍑鸿涓庡皬C鍙戠敓鎬ц涓恒�傚皬C涓�鏃舵墜瓒虫棤鎺紝涓嶇煡濡備綍鏄ソ銆�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj04"></textarea>
+ </div>
</div>
</div>
</div>
@@ -5698,12 +5693,18 @@
<p class="block">
1.瀵圭収鑷韩瀹為檯锛屼綘澶勫湪鐢熸椿鏂瑰紡鐤剧梾閾句腑鐨勪粈涔堜綅缃紵搴旇鎬庢牱搴斿锛�
</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj05"></textarea>
+ </div>
<p class="block">2.浣犺涓烘湁鏁堢紦瑙ｅ績鐞嗗帇鍔涚殑鏂规硶涓昏鏈夊摢浜涳紵</p>
+ <div class="xspj-text">
+ <textarea rows="6" v-model="chapter002.textXxpj06"></textarea>
+ </div>
</div>
</div>
</div>
</div>
-
+
<!-- <div class="page-box" page="34">
<div v-if="showPageList.indexOf(34) > -1">
<div class="bodystyle">
diff --git a/src/books/sportsAndHealth/view/front001.vue b/src/books/sportsAndHealth/view/front001.vue
index 191b822..2a03f9d 100644
--- a/src/books/sportsAndHealth/view/front001.vue
+++ b/src/books/sportsAndHealth/view/front001.vue
@@ -13,7 +13,9 @@
<div class="page-box" page="2">
<div v-if="showPageList.indexOf(2) > -1">
<div class="bodystyle">
- <p>鎵夐〉</p>
+ <p class="center coverImg">
+ <img alt="" class="imz" src="../image/Cover.jpg" />
+ </p>
</div>
</div>
</div>
--
Gitblit v1.9.1