From 82b8a2b9b3974b8c9640fe0b56155088be41acf5 Mon Sep 17 00:00:00 2001
From: unknown <qq1940665526@163.com>
Date: 星期四, 30 五月 2024 14:09:25 +0800
Subject: [PATCH] 新书
---
src/books/sportsAndHealth/css/default.less | 70 ++++++++++++++---------
src/books/sportsAndHealth/view/chapter002.vue | 66 ++++++++++++---------
2 files changed, 81 insertions(+), 55 deletions(-)
diff --git a/src/books/sportsAndHealth/css/default.less b/src/books/sportsAndHealth/css/default.less
index 68a0d60..4957561 100644
--- a/src/books/sportsAndHealth/css/default.less
+++ b/src/books/sportsAndHealth/css/default.less
@@ -192,7 +192,7 @@
border-radius: 15px;
.icon {
- width: 30px;
+ width: 25px;
height: 25px;
border-radius: 5px;
background-color: #007aff;
@@ -218,38 +218,54 @@
}
}
- .pdf-con {
- width: 100%;
- display: flex;
- justify-content: flex-start;
- align-items: center;
- .pdf-view {
+ .pdf-text {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ p {
+ width: 500px;
+ }
+ .pdf-con {
display: flex;
flex-direction: column;
- justify-content: center;
- align-items: center;
- img{
- width: 80px;
- }
- span {
- font-size: 14px;
- }
- span:hover {
- color: #5877ba;
- cursor: pointer;
- text-decoration: underline;
- -webkit-user-select: none;
- /* Safari 3.1+ */
- -moz-user-select: none;
- /* Firefox 2+ */
- -ms-user-select: none;
- /* IE 10+ */
- user-select: none;
- /* 鏍囧噯璇硶 */
+ justify-content: flex-start;
+ align-items: flex-start;
+ border: 2px dotted #5d78bb;
+ padding: 10px 0px;
+ box-sizing: border-box;
+ border-radius: 10px;
+ margin-left: 10px;
+
+ .pdf-view {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ img{
+ width: 80px;
+ }
+ span {
+ font-size: 14px;
+ text-align: center;
+ }
+ span:hover {
+ color: #5877ba;
+ cursor: pointer;
+ text-decoration: underline;
+ -webkit-user-select: none;
+ /* Safari 3.1+ */
+ -moz-user-select: none;
+ /* Firefox 2+ */
+ -ms-user-select: none;
+ /* IE 10+ */
+ user-select: none;
+ /* 鏍囧噯璇硶 */
+ }
}
}
}
+
.xyx-title {
font-family: "STKaiti";
diff --git a/src/books/sportsAndHealth/view/chapter002.vue b/src/books/sportsAndHealth/view/chapter002.vue
index b7e6f05..0574049 100644
--- a/src/books/sportsAndHealth/view/chapter002.vue
+++ b/src/books/sportsAndHealth/view/chapter002.vue
@@ -48,13 +48,13 @@
</p>
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 瀛︿竴瀛�
+ 路 瀛︿竴瀛� 路 鍋ュ悍姒傚康鐨勬紨鍙�
<div class="icon" @click="activityXyx1">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -96,13 +96,13 @@
</div>
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 娴嬩竴娴�
+ 路 娴嬩竴娴� 路
<div class="icon" @click="activityXyx2">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -457,13 +457,13 @@
<p><br /></p>
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 姣斾竴姣�
+ 路 姣斾竴姣� 路
<div class="icon" @click="activityXyx3">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -814,13 +814,13 @@
</p>
<div class="bk-xyx">
<div class="bj1-xyx publicxbc">
- 娴嬩竴娴�
+ 路 娴嬩竴娴� 路
<div class="icon" @click="activityXyx4">
<svg
xmlns="http://www.w3.org/2000/svg"
- width="20.243"
- height="18.417"
- viewBox="0 0 20.243 18.417"
+ width="14.243"
+ height="15.417"
+ viewBox="0 0 19.243 18.417"
>
<path
class="a"
@@ -2242,12 +2242,22 @@
<h4 class="h4-dy3" id="d066">
<span class="h4-dy3s">涓�</span>銆�浜嗚В涔掍箵鐞冭繍鍔�
</h4>
- <p>
- 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��
- </p>
- <div class="pdf-con">
- <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(1)">涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�</span></div>
- <div class="pdf-view"><img :src="pingpang" alt=""><span @click="toUrl(2)">涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�</span></div>
+ <div class="pdf-text">
+ <p>
+ 涔掍箵鐞冭繍鍔ㄦ槸涓�椤圭敱涓ゅ悕鎴栧洓鍚嶈繍鍔ㄥ憳鍦ㄤ箳涔撶悆妗屼笂杩涜闅旂綉鏀诲畧鐨勮繍鍔紝鍦ㄤ笘鐣屼笂璁稿鍦版柟娴佽銆備箳涔撶悆杩愬姩1900骞磋捣婧愪簬鑻卞浗锛�20涓栫邯鍒濆湪娆ф床鍜屼簹娲茶摤鍕冨紑灞曡捣鏉ャ�備箳涔撶悆杩愬姩鏄撲簬寮�灞曪紝鎵撴硶澶氭牱锛岀悆璺彉鍖栦赴瀵岋紝鎶�鏈姩浣滆姹傚崗璋冦�佺伒鏁忋�佺簿纭紝瑙傝祻鎬у己銆備箳涔撶悆杩愬姩鑳芥湁鏁堝彂灞曞姏閲忋�侀�熷害銆佽�愬姏銆佺伒鏁忔�х瓑韬綋绱犺川锛屽悓鏃朵篃鑳介敾鐐煎拰鍩瑰吇鍕囨暍銆侀〗寮恒�佹満鏅恒�佹灉鏂瓑蹇冪悊鍝佽川銆備箳涔撶悆杩愬姩瀵逛粖鍚庝粠浜嬮渶涔呭潗銆佷箙绔欑殑鑱屼笟锛屽挨鍏舵槸闇�瑕佽繘琛岀簿缁嗗寲鎿嶄綔鐨勮亴涓氫汉缇よ韩浣撶姸鍐电殑鏀瑰杽鏈夌Н鏋佺殑浣滅敤銆傗�滀箳涔撶簿绁炩�濇墍钑村惈鐨勬妧鏈垱鏂板拰绮剧泭姹傜簿涔熸槸鍚屽浠簲璇ュ涔犲拰璺佃鐨勮亴涓氱簿绁炪�備箳涔撶悆杩愬姩鍦ㄥ浗鍐呭骞挎硾寮�灞曪紝涔掍箵鐞冧笘鐣屾澂銆佷笘閿﹁禌涓庡ゥ杩愪細骞剁О涓栫晫涔掍箵鐞冧笁澶ц禌浜嬨��
+ </p>
+ <div class="pdf-con">
+ <div class="pdf-view">
+ <img :src="pingpang" alt="" /><span @click="toUrl(1)"
+ >涔掍箵鐞冪殑甯哥敤鏈锛堜竴锛�</span
+ >
+ </div>
+ <div class="pdf-view">
+ <img :src="pingpang" alt="" /><span @click="toUrl(2)"
+ >涔掍箵鐞冪殑甯哥敤鏈锛堜簩锛�</span
+ >
+ </div>
+ </div>
</div>
</div>
</div>
@@ -2273,7 +2283,7 @@
picOneUrl: require("../image/0017-1.jpg"),
picArr2: [require("../image/0021-1.jpg")],
picOneUrl2: require("../image/0021-1.jpg"),
- pingpang:require('../image/pdf.png'),
+ pingpang: require("../image/pdf.png"),
chapter002: {
isShowXyx01: true,
isShowXyx02: true,
@@ -2318,11 +2328,11 @@
activityXyx5() {
this.chapter002.isShowXyx05 = !this.chapter002.isShowXyx05;
},
- toUrl(val){
- if(val ==1){
- window.open(getResourcePath('54741d14a21eb47b2ed06a2231271cd5'))
- }else {
- window.open(getResourcePath('1b7ecc924bfab900ec10f0ed4bb2466b'))
+ toUrl(val) {
+ if (val == 1) {
+ window.open(getResourcePath("54741d14a21eb47b2ed06a2231271cd5"));
+ } else {
+ window.open(getResourcePath("1b7ecc924bfab900ec10f0ed4bb2466b"));
}
},
submit01() {
--
Gitblit v1.9.1