diff --git a/public/static/backBM.png b/public/static/backBM.png new file mode 100644 index 0000000..dfd3827 Binary files /dev/null and b/public/static/backBM.png differ diff --git a/public/static/bg.png b/public/static/bg.png deleted file mode 100644 index 0e95d88..0000000 Binary files a/public/static/bg.png and /dev/null differ diff --git a/public/static/btn_A.png b/public/static/btn_A.png new file mode 100644 index 0000000..0307f12 Binary files /dev/null and b/public/static/btn_A.png differ diff --git a/public/static/css/style.css b/public/static/css/style.css index fb45d42..190b544 100644 --- a/public/static/css/style.css +++ b/public/static/css/style.css @@ -24,7 +24,7 @@ a { } .container { - width: 1040px; + width: 1280px; margin: 20px auto; background-color: #fff; padding: 20px; @@ -63,9 +63,9 @@ a { /* 版面图片 */ .pic-box { position: relative; - width: 410px; + width: 510px; max-height: 760px; - padding: 16px 0px; + /* padding: 16px 0px; */ border: 1px solid #bbb; } @@ -117,7 +117,7 @@ a { /* 主体 */ .main-box { - margin-left: 435px; + margin-left: 535px; } .main-header { @@ -200,6 +200,39 @@ a { box-shadow: none; } +.hoverLi { + background: #777777; + width: 40px; + writing-mode: vertical-lr; + margin-bottom: 12px; + text-align: center; + border-bottom-left-radius: 6px; + border-top-left-radius: 6px; + font-size: 15px; + cursor: pointer; + letter-spacing: 4px; + display: inline-block; + color: #fff; +} + +.hoverLi:hover { + background: #f3200f; +} + +.pdfIn { + cursor: pointer; + margin-bottom: 12px; + background-color: #777777; + width: 40px; + height: 44px; + border-radius: 0px 6px 6px 0px; + display: flex; + align-items: center; + justify-content: center; +} +.pdfIn:hover { + background: #f3200f; +} .main-layout { overflow: hidden; } @@ -850,7 +883,7 @@ a { margin: 0px !important; } -.top_1_div{ +.top_1_div { height: 30px; line-height: 30px; padding-left: 16px; @@ -862,9 +895,10 @@ a { width: 100%; } + .top_1_div:hover { background: #c1343b; - color: #fff!important; + color: #fff !important; } .triangle { @@ -889,6 +923,7 @@ a { left: -14px; top: 21px; } + .text-ellipsis { white-space: nowrap; -o-text-overflow: ellipsis; diff --git a/public/static/home.png b/public/static/home.png new file mode 100644 index 0000000..9ac519c Binary files /dev/null and b/public/static/home.png differ diff --git a/public/static/js/Canvas_range.js b/public/static/js/Canvas_range.js index cf40463..142e4cd 100644 --- a/public/static/js/Canvas_range.js +++ b/public/static/js/Canvas_range.js @@ -8,12 +8,12 @@ $(function () { //$("#MapLeave").append('
'); var bantu = $('#Bantu')[0] || {} - $('#Bantu').css({ opacity: 0, position: 'absolute', left: '50%', transform: 'translateX(-50%)', top: '16px', zIndex: 9 }); + $('#Bantu').css({ opacity: 0, position: 'absolute', left: '50%', transform: 'translateX(-50%)', top: '0', zIndex: 9 }); var timer=setInterval(function(){ if(bantu.offsetHeight){ clearInterval(timer) $('#Bantu').before('') - $('#Bantu').after(''); + $('#Bantu').after(''); } },100) diff --git a/public/static/next.png b/public/static/next.png new file mode 100644 index 0000000..daa0522 Binary files /dev/null and b/public/static/next.png differ diff --git a/public/static/pdf2.png b/public/static/pdf2.png new file mode 100644 index 0000000..3a2f3e5 Binary files /dev/null and b/public/static/pdf2.png differ diff --git a/public/static/prev.png b/public/static/prev.png new file mode 100644 index 0000000..cd3e638 Binary files /dev/null and b/public/static/prev.png differ diff --git a/public/static/voice.png b/public/static/voice.png new file mode 100644 index 0000000..a47057c Binary files /dev/null and b/public/static/voice.png differ diff --git a/public/static/voice_play.png b/public/static/voice_play.png new file mode 100644 index 0000000..d1e19c2 Binary files /dev/null and b/public/static/voice_play.png differ diff --git a/src/view/home/index.vue b/src/view/home/index.vue index ae6c5fd..a4ac2f5 100644 --- a/src/view/home/index.vue +++ b/src/view/home/index.vue @@ -70,6 +70,62 @@ +
+
+
+ +
+
首页
+
+
+
+
+
+ +
+
上一版
+
+
+
下一版
+
+ +
+ +
+
+
+
+
+ + + +
+
+
+
+
+
+ +
+
放大
+
+
+
+ +
+
+
+
+ +
+
+
@@ -129,7 +185,7 @@
-->
-
+
+
+ +
+
@@ -257,6 +317,7 @@ import $ from 'jquery'; export default { data() { return { + isPlay: false, iconPdf: "/dist/public/static/icon_pdf.png", data: '', dataIndex: 0, @@ -301,6 +362,25 @@ export default { }, methods: { + readMp3() { + console.log(this.$refs.audioPlayer.error) + if (this.$refs.audioPlayer.error != null) { + alert('音频生成中，请稍候再试！'); + return; + } + if (this.isPlay) { + this.$refs.audioPlayer.pause(); + } else { + this.$refs.audioPlayer.play(); + } + this.isPlay = !this.isPlay; + }, + onAudioLoaded() { + console.log('Audio has been loaded and is ready to play.'); + }, + readEnd() { + this.isPlay = false; + }, mouseLeft(index) { this.clearHideMenuTimer(); this.mouseIndex = index; @@ -395,6 +475,7 @@ export default { if (type == 'da') { if (this.fontSize == 29) { + this.fontSize = 14 return; } this.fontSize += 3;