From 172907557aceaa4622f2ca5ed084d32693da1724 Mon Sep 17 00:00:00 2001 From: 闫增涛 <1829501689@qq.com> Date: 星期三, 15 五月 2024 14:03:39 +0800 Subject: [PATCH] 分页 --- src/books/childHealth/view/content/components/chapter003.vue | 53 ++++++++--------- vue.config.js | 4 src/books/childHealth/view/content/components/chapter002.vue | 24 ++++---- src/books/childHealth/view/content/components/chapter001.vue | 76 ++++++++++++------------ 4 files changed, 78 insertions(+), 79 deletions(-) diff --git a/src/books/childHealth/view/content/components/chapter001.vue b/src/books/childHealth/view/content/components/chapter001.vue index 519bd5e..680011e 100644 --- a/src/books/childHealth/view/content/components/chapter001.vue +++ b/src/books/childHealth/view/content/components/chapter001.vue @@ -492,7 +492,7 @@ </div> </div> <!-- 6 --> - <div class="page-box"> + <div class="page-box" page="6"> <evenHeaderVue :num="6" /> <div class="padding-96"> <h4 id="d007">锛堝洓锛変緵缁欏厖瓒崇殑钀ュ吇</h4> @@ -670,7 +670,7 @@ </div> </div> <!-- 7 --> - <div class="page-box"> + <div class="page-box" page="7"> <oddHeaderVue :special="1" :num="7" /> <div class="padding-96"> <div class="fieldset"> @@ -709,7 +709,7 @@ </div> </div> <!-- 8 --> - <div class="page-box"> + <div class="page-box" page="8"> <evenHeaderVue :num="8" /> <div class="padding-96"> <div class="fl fl-around"> @@ -785,7 +785,7 @@ </div> </div> <!-- 9 --> - <div class="page-box"> + <div class="page-box" page="9"> <oddHeaderVue :special="1" :num="9" /> <div class="padding-96"> <p class="lh2"> @@ -843,7 +843,7 @@ </div> </div> <!-- 10 --> - <div class="page-box"> + <div class="page-box" page="10"> <evenHeaderVue :num="10" /> <div class="padding-96"> <p class="lh2"> @@ -1005,7 +1005,7 @@ </div> </div> <!-- 11 --> - <div class="page-box"> + <div class="page-box" page="11"> <oddHeaderVue :special="1" :num="11" /> <div class="padding-96"> <p> @@ -1056,7 +1056,7 @@ </div> </div> <!-- 12 --> - <div class="page-box"> + <div class="page-box" page="12"> <evenHeaderVue :num="12" /> <div class="padding-96"> <p> @@ -1099,7 +1099,7 @@ </div> </div> <!-- 13 --> - <div class="page-box"> + <div class="page-box" page="13"> <oddHeaderVue :special="1" :num="13" /> <div class="padding-96"> <h5 id="e019">3.瀛﹀墠鍎跨琛�绠$殑鐗圭偣</h5> @@ -1151,7 +1151,7 @@ </div> </div> <!-- 14 --> - <div class="page-box"> + <div class="page-box" page="14"> <evenHeaderVue :num="14" /> <div class="padding-96"> <h4 id="d020">锛堜笁锛夊悎鐞嗙粍缁囦綋鑲查敾鐐硷紝澧炲己浣撹川</h4> @@ -1323,7 +1323,7 @@ </div> </div> <!-- 15 --> - <div class="page-box"> + <div class="page-box" page="15"> <oddHeaderVue :special="1" :num="15" /> <div class="padding-96"> <div class="fl fl-around"> @@ -1381,9 +1381,8 @@ </p> </div> </div> - <!-- 16 --> - <div class="page-box"> + <div class="page-box" page="16"> <evenHeaderVue :num="16" /> <div class="padding-96"> <p> @@ -1423,7 +1422,7 @@ </div> </div> <!-- 17 --> - <div class="page-box"> + <div class="page-box" page="17"> <oddHeaderVue :special="1" :num="17" /> <div class="padding-96"> <p class="t0" > @@ -1461,7 +1460,7 @@ </div> </div> <!-- 18 --> - <div class="page-box"> + <div class="page-box" page="18"> <evenHeaderVue :num="18" /> <div class="padding-96"> <p> @@ -1501,7 +1500,7 @@ </div> </div> <!-- 19 --> - <div class="page-box"> + <div class="page-box" page="19"> <oddHeaderVue :special="1" :num="19" /> <div class="padding-96"> <h4 id="d031">锛堜笁锛夐キ鍓嶉キ鍚庝笉瑕佽繘琛屽墽鐑堣繍鍔�</h4> @@ -1677,7 +1676,7 @@ </div> </div> <!-- 20 --> - <div class="page-box"> + <div class="page-box" page="20"> <evenHeaderVue :num="20" /> <div class="padding-96"> <div class="fieldset" > @@ -1721,7 +1720,7 @@ </div> </div> <!-- 21 --> - <div class="page-box"> + <div class="page-box" page="21"> <oddHeaderVue :special="1" :num="21" /> <div class="padding-96"> <p class="t0" >锝�7娆°�傚崐宀佷互鍐咃紝姣忔灏块噺绾︿负30姣崌锛�1宀佹椂绾︿负60姣崌锛�7锝�8宀佹椂绾︿负150姣崌銆�</p> @@ -1760,7 +1759,7 @@ </div> </div> <!-- 22 --> - <div class="page-box"> + <div class="page-box" page="22"> <evenHeaderVue :num="22" /> <div class="padding-96"> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -1903,7 +1902,7 @@ </div> </div> <!-- 23 --> - <div class="page-box"> + <div class="page-box" page="23"> <oddHeaderVue :special="1" :num="23" /> <div class="padding-96"> <p class="t0" >宸€�佽緭鍗电銆佸瓙瀹拰闃撮亾锛屽鐢熸畺鍣ㄥ寘鎷槾鍞囥�佸皬闃村攪鍜岄槾钂傜瓑锛堣鍥�1-12锛夈��</P> @@ -1940,7 +1939,7 @@ </div> </div> <!-- 24 --> - <div class="page-box"> + <div class="page-box" page="24"> <evenHeaderVue :num="24" /> <div class="padding-96"> <h4 id="d044">锛堝洓锛夋纭湅寰呭鍓嶅効绔ョ帺寮勭敓娈栧櫒绛変笉鑹幇璞�</h4> @@ -2123,7 +2122,7 @@ </div> </div> <!-- 25 --> - <div class="page-box"> + <div class="page-box" page="25"> <oddHeaderVue :special="1" :num="25" /> <div class="padding-96"> @@ -2171,7 +2170,7 @@ </div> </div> <!-- 26 --> - <div class="page-box"> + <div class="page-box" page="26"> <evenHeaderVue :num="26" /> <div class="padding-96"> <h4 id="d047">锛堜笁锛夊辜骞存椂鏈熻兏鑵哄彂鑲蹭笉鍏ㄤ細褰卞搷鍏嶇柅鍔熻兘</h4> @@ -2335,7 +2334,7 @@ </div> </div> <!-- 27 --> - <div class="page-box"> + <div class="page-box" page="27"> <oddHeaderVue :special="1" :num="27" /> <div class="padding-96"> <p> @@ -2398,7 +2397,7 @@ </div> </div> <!-- 28 --> - <div class="page-box"> + <div class="page-box" page="28"> <evenHeaderVue :num="28" /> <div class="padding-96"> <h5 id="e032">1.澶ц剳</h5> @@ -2440,7 +2439,7 @@ </div> </div> <!-- 29 --> - <div class="page-box"> + <div class="page-box" page="29"> <oddHeaderVue :special="1" :num="29" /> <div class="padding-96"> <h5 id="e035">4.闂磋剳</h5> @@ -2481,7 +2480,7 @@ </div> </div> <!-- 30 --> - <div class="page-box"> + <div class="page-box" page="30"> <evenHeaderVue :num="30" /> <div class="padding-96"> <p>鑴戠殑杩呴�熺敓闀垮彲浠庤剳璐ㄩ噺鐨勫彉鍖栦笂寰楀埌鍙嶆槧銆備笉鍚屽勾榫勮剳璐ㄩ噺鐨勫彉鍖栬琛�1-7銆�</p> @@ -2517,7 +2516,7 @@ </div> </div> <!-- 31 --> - <div class="page-box"> + <div class="page-box" page="31"> <oddHeaderVue :special="1" :num="31" /> <div class="padding-96"> <p> @@ -2564,7 +2563,7 @@ </div> </div> <!-- 32 --> - <div class="page-box"> + <div class="page-box" page="32"> <evenHeaderVue :num="32" /> <div class="padding-96"> <div class="fieldset"> @@ -2719,7 +2718,7 @@ </div> </div> <!-- 33 --> - <div class="page-box"> + <div class="page-box" page="33"> <oddHeaderVue :special="1" :num="33" /> <div class="padding-96"> <p> @@ -2784,7 +2783,7 @@ </div> </div> <!-- 34 --> - <div class="page-box"> + <div class="page-box" page="34"> <evenHeaderVue :num="34" /> <div class="padding-96"> <p class="t0" > @@ -2844,7 +2843,7 @@ </div> </div> <!-- 35 --> - <div class="page-box"> + <div class="page-box" page="35"> <oddHeaderVue :special="1" :num="35" /> <div class="padding-96"> <div class="fl fl-around"> @@ -2892,7 +2891,7 @@ </div> </div> <!-- 36 --> - <div class="page-box"> + <div class="page-box" page="36"> <evenHeaderVue :num="36" /> <div class="padding-96"> <p> @@ -2944,7 +2943,7 @@ </div> </div> <!-- 37 --> - <div class="page-box"> + <div class="page-box" page="37"> <oddHeaderVue :special="1" :num="37" /> <div class="padding-96"> <div class="fieldset"> @@ -3019,7 +3018,7 @@ </div> </div> <!-- 38 --> - <div class="page-box"> + <div class="page-box" page="38"> <evenHeaderVue :num="38" /> <div class="padding-96"> <p> @@ -3057,7 +3056,7 @@ </div> </div> <!-- 39 --> - <div class="page-box"> + <div class="page-box" page="39"> <oddHeaderVue :special="1" :num="39" /> <div class="padding-96"> <p class="t0" > @@ -3101,7 +3100,7 @@ </div> </div> <!-- 40 --> - <div class="page-box"> + <div class="page-box" page="40"> <evenHeaderVue :num="40" /> <div class="padding-96"> <div class="fieldset" > @@ -3159,7 +3158,7 @@ </div> </div> <!-- 41 --> - <div class="page-box"> + <div class="page-box" page="41"> <oddHeaderVue :special="1" :num="41" /> <div class="padding-96"> <p class="block t0"> @@ -3286,7 +3285,7 @@ </div> </div> <!-- 42 --> - <div class="page-box"> + <div class="page-box" page="42"> <evenHeaderVue :num="42" /> <div class="padding-96"> <p class="block">6.鏌ヨ祫鏂欙紝鎬荤粨瀛﹀墠鍎跨鑲ヨ儢鍜屾�ф棭鐔熺殑鍘熷洜銆�</p> @@ -3426,6 +3425,7 @@ this.$data.pathTwo = getResourcePath('e5993b62684fe55d13190cfe52bf00ed') this.$data.pathThree = getResourcePath('6b6d42213aa85aa5ff7724aaf96ffee6') this.$data.pathFour = getResourcePath('17fb1555f98c8fceabce5ff75077af58') + // 棰樼洰璇锋眰 鎸夌珷鑺傝姹傦紝浼樺寲 }, methods: { changeResources(type) { diff --git a/src/books/childHealth/view/content/components/chapter002.vue b/src/books/childHealth/view/content/components/chapter002.vue index 7387bb3..de65434 100644 --- a/src/books/childHealth/view/content/components/chapter002.vue +++ b/src/books/childHealth/view/content/components/chapter002.vue @@ -1,6 +1,6 @@ <template> <div class="chapter" num="2"> - <div class="page-box padding-96"> + <div class="page-box padding-96" page="43"> <p class="center" id="a008"> <img class="img-a" @@ -39,7 +39,7 @@ </p> </div> <!-- 44 --> - <div class="page-box"> + <div class="page-box" page="44"> <evenHeaderVue :num="44" /> <div class="padding-96"> <h2 class="module_block" id="b010"> @@ -227,7 +227,7 @@ </div> </div> <!-- 45 --> - <div class="page-box"> + <div class="page-box" page="45"> <oddHeaderVue :special="2" :num="45" /> <div class="padding-96"> <p class="m0-t0">鑳庡効鐨勫懆榫勫嵆涓鸿儙榫勬垨濡婂榫勩��</p> @@ -260,7 +260,7 @@ </div> </div> <!-- 46 --> - <div class="page-box"> + <div class="page-box" page="46"> <evenHeaderVue :num="46" /> <div class="padding-96"> <p class="t0"> @@ -465,7 +465,7 @@ </div> </div> <!-- 47 --> - <div class="page-box"> + <div class="page-box" page="47"> <oddHeaderVue :special="2" :num="47" /> <div class="padding-96"> <p class="t0"> @@ -505,7 +505,7 @@ </div> </div> <!-- 48 --> - <div class="page-box"> + <div class="page-box" page="48"> <evenHeaderVue :num="48" /> <div class="padding-96"> <h5 id="e067">3.娣嬪反绯荤粺鍨�</h5> @@ -543,7 +543,7 @@ </div> </div> <!-- 49 --> - <div class="page-box"> + <div class="page-box" page="49"> <oddHeaderVue :special="2" :num="49" /> <div class="padding-96"> <p class="t0"> @@ -588,7 +588,7 @@ </div> </div> <!-- 50 --> - <div class="page-box"> + <div class="page-box" page="50"> <evenHeaderVue :num="50" /> <div class="padding-96"> <div class="fieldset"> @@ -777,7 +777,7 @@ </div> </div> <!-- 51 --> - <div class="page-box"> + <div class="page-box" page="51"> <oddHeaderVue :special="2" :num="51" /> <div class="padding-96"> <p class="t0">鐨勫樊鍒緝澶э紝杩欒鏄庨楠肩郴缁熺殑鍙戣偛鍙楅仐浼犵殑褰卞搷杈冨ぇ锛屼綋閲嶅嵈鏄撳彈鐜鍥犵礌鐨勫奖鍝嶃��</p> @@ -811,7 +811,7 @@ </div> <!-- 52 --> - <div class="page-box"> + <div class="page-box" page="52"> <evenHeaderVue :num="52" /> <div class="padding-96"> <p class="t0"> @@ -851,7 +851,7 @@ </div> </div> <!-- 53 --> - <div class="page-box"> + <div class="page-box" page="53"> <oddHeaderVue :special="2" :num="53" /> <div class="padding-96"> <p class="custom_tag"><b>鈥㈣祫鏂欓摼鎺モ��</b></p> @@ -893,7 +893,7 @@ </div> </div> <!-- 54 --> - <div class="page-box"> + <div class="page-box" page="54"> <evenHeaderVue :num="54" /> <div class="padding-96"> <p class="block"> diff --git a/src/books/childHealth/view/content/components/chapter003.vue b/src/books/childHealth/view/content/components/chapter003.vue index da88fce..ce1631d 100644 --- a/src/books/childHealth/view/content/components/chapter003.vue +++ b/src/books/childHealth/view/content/components/chapter003.vue @@ -1,6 +1,6 @@ <template> <div class="chapter" num="3"> - <div class="page-box padding-96"> + <div class="page-box padding-96" page="55"> <p class="center" id="a009"> <img class="img-a" @@ -50,7 +50,7 @@ </p> </div> <!-- 56 --> - <div class="page-box"> + <div class="page-box" page="56"> <evenHeaderVue :num="56" /> <div class="padding-96"> <h2 class="module_block" id="b013"> @@ -245,7 +245,7 @@ </div> </div> <!-- 57 --> - <div class="page-box"> + <div class="page-box" page="57"> <odd-header-vue :special="3" :num="57" /> <div class="padding-96"> <div class="fl fl-around"> @@ -287,8 +287,7 @@ </div> </div> <!-- 58 --> - - <div class="page-box"> + <div class="page-box" page="58"> <even-header-vue :num="58" /> <div class="padding-96"> <p class="t0"> @@ -317,7 +316,7 @@ </div> </div> <!-- 59 --> - <div class="page-box"> + <div class="page-box" page="59"> <odd-header-vue :special="3" :num="59" /> <div class="padding-96"> <p class="t0"> @@ -352,7 +351,7 @@ </div> </div> <!-- 60 --> - <div class="page-box"> + <div class="page-box" page="60"> <even-header-vue :num="60" /> <div class="padding-96"> <p> @@ -386,7 +385,7 @@ </div> </div> <!-- 61 --> - <div class="page-box"> + <div class="page-box" page="61"> <odd-header-vue :special="3" :num="61" /> <div class="padding-96"> <p> @@ -438,7 +437,7 @@ </div> </div> <!-- 62 --> - <div class="page-box"> + <div class="page-box" page="62"> <even-header-vue :num="62" /> <div class="padding-96"> <p> @@ -473,7 +472,7 @@ </div> </div> <!-- 63 --> - <div class="page-box"> + <div class="page-box" page="63"> <odd-header-vue :special="3" :num="63" /> <div class="padding-96"> <p> @@ -508,7 +507,7 @@ </div> </div> <!-- 64 --> - <div class="page-box"> + <div class="page-box" page="64"> <even-header-vue :num="64" /> <div class="padding-96"> <p> @@ -679,7 +678,7 @@ </div> </div> <!-- 65 --> - <div class="page-box"> + <div class="page-box" page="65"> <odd-header-vue :special="3" :num="65" /> <div class="padding-96"> <p> @@ -703,7 +702,7 @@ </div> </div> <!-- 66 --> - <div class="page-box"> + <div class="page-box" page="66"> <even-header-vue :num="66" /> <div class="padding-96"> <p> @@ -731,7 +730,7 @@ </div> </div> <!-- 67 --> - <div class="page-box"> + <div class="page-box" page="67"> <odd-header-vue :special="3" :num="67" /> <div class="padding-96"> <p class="t0"> @@ -762,7 +761,7 @@ </div> </div> <!-- 68 --> - <div class="page-box"> + <div class="page-box" page="68"> <even-header-vue :num="68" /> <div class="padding-96"> <h3 id="c035">浜屻�佸効绔ュ父瑙佺殑蹇冪悊琛屼负闂鍙婂叾寮曞锛烇紴锛烇紴锛烇紴</h3> @@ -785,7 +784,7 @@ </div> </div> <!-- 69 --> - <div class="page-box"> + <div class="page-box" page="69"> <odd-header-vue :special="3" :num="69" /> <div class="padding-96"> <p class="t0"> @@ -840,7 +839,7 @@ </div> </div> <!-- 70 --> - <div class="page-box"> + <div class="page-box" page="70"> <even-header-vue :num="70" /> <div class="padding-96"> <p class="t0"> @@ -860,7 +859,7 @@ </div> </div> <!-- 71 --> - <div class="page-box"> + <div class="page-box" page="71"> <odd-header-vue :special="3" :num="71" /> <div class="padding-96"> <p> @@ -883,7 +882,7 @@ </div> </div> <!-- 72 --> - <div class="page-box"> + <div class="page-box" page="72"> <even-header-vue :num="72" /> <div class="padding-96"> <p class="t0"> @@ -936,7 +935,7 @@ </div> </div> <!-- 73 --> - <div class="page-box"> + <div class="page-box" page="73"> <odd-header-vue :special="3" :num="73" /> <div class="padding-96"> <p> @@ -1131,7 +1130,7 @@ </div> </div> <!-- 74 --> - <div class="page-box"> + <div class="page-box" page="74"> <even-header-vue :num="74" /> <div class="padding-96"> <div class="fieldset"> @@ -1180,7 +1179,7 @@ </div> </div> <!-- 75 --> - <div class="page-box"> + <div class="page-box" page="75"> <odd-header-vue :special="3" :num="75" /> <div class="padding-96"> <p class="t0"> @@ -1232,7 +1231,7 @@ </div> </div> <!-- 76 --> - <div class="page-box"> + <div class="page-box" page="76"> <even-header-vue :num="76" /> <div class="padding-96"> <p class="t0"> @@ -1265,7 +1264,7 @@ </div> </div> <!-- 77 --> - <div class="page-box"> + <div class="page-box" page="77"> <odd-header-vue :special="3" :num="77" /> <div class="padding-96"> <p> @@ -1315,7 +1314,7 @@ </div> </div> <!-- 78 --> - <div class="page-box"> + <div class="page-box" page="78"> <even-header-vue :num="78" /> <div class="padding-96"> <p class="t0"> @@ -1353,7 +1352,7 @@ </div> </div> <!-- 79 --> - <div class="page-box"> + <div class="page-box" page="79"> <odd-header-vue :special="3" :num="79" /> <div class="padding-96"> <h6 class="Conclusion-title4">涓撻灏忕粨</h6> @@ -1438,7 +1437,7 @@ </div> </div> <!-- 80 --> - <div class="page-box"> + <div class="page-box" page="80"> <even-header-vue :num="80" /> <div class="padding-96"> <p class="block"> diff --git a/vue.config.js b/vue.config.js index e848709..32812c0 100644 --- a/vue.config.js +++ b/vue.config.js @@ -2,8 +2,8 @@ // import {publicCtx} from '@/assets/js/config' const { defineConfig } = require("@vue/cli-service"); module.exports = defineConfig({ - // publicPath: 'http://182.92.203.7:3007/books/book/1', - publicPath:'/books/book/1', + publicPath: 'http://182.92.203.7:3007/books/book/1', + // publicPath:'/books/book/1', transpileDependencies: true, lintOnSave: false, // devServer: { -- Gitblit v1.9.1