Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
4ce8b949 by zrj
Options

10.11 lpt修改

1 parent fa35274e
Inline Side-by-side
Showing 14 changed files with 353 additions and 11 deletions
src/apiPc/match.js
...@@ -8,6 +8,21 @@ export function getMaList(params) { ...@@ -8,6 +8,21 @@ export function getMaList(params) {
8 }) 8 })
9 } 9 }
10 10
11 export function getTree(params) {
12 return request({
13 url: `/ztx/notesort/newsTree`,
14 method: 'get',
15 params: params
16 })
17 }
18
19 export function getTreeDetail(id) {
20 return request({
21 url: `/ztx/notesort/${id}`,
22 method: 'get',
23 })
24 }
25
11 export function getLabelList(params) { 26 export function getLabelList(params) {
12 return request({ 27 return request({
13 url: `league/competitionLabel/cptLabelList`, 28 url: `league/competitionLabel/cptLabelList`,
......
src/assets/images/bottom01.svg 0 → 100644
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="42px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M21.829,0.023 C10.235,0.023 0.837,9.245 0.837,20.620 C0.837,30.579 8.041,38.887 17.616,40.801 L17.616,23.230 L14.674,23.230 L14.674,18.197 L17.616,18.197 L17.616,17.343 C17.616,14.692 18.430,11.771 20.377,9.974 C22.142,8.356 24.495,7.772 26.532,7.772 C28.026,7.772 29.202,7.996 30.153,8.221 L29.881,13.479 C29.293,13.299 28.568,13.164 27.664,13.164 C25.401,13.164 24.450,14.917 24.450,17.074 L24.450,18.197 L28.886,18.197 L28.886,23.230 L24.495,23.230 L24.495,41.046 C34.829,39.759 42.821,31.108 42.821,20.620 C42.821,9.245 33.423,0.023 21.829,0.023 Z"/></svg>
...\ No newline at end of file ...\ No newline at end of file
src/assets/images/bottom02.svg 0 → 100644
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="39px" height="39px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M27.179,38.518 L12.453,38.518 C6.041,38.518 0.824,33.301 0.824,26.889 L0.824,12.163 C0.824,5.751 6.041,0.534 12.453,0.534 L27.179,0.534 C33.592,0.534 38.808,5.751 38.808,12.163 L38.808,26.889 C38.808,33.301 33.592,38.518 27.179,38.518 ZM35.964,12.163 C35.964,7.319 32.023,3.378 27.179,3.378 L12.453,3.378 C7.609,3.378 3.668,7.319 3.668,12.163 L3.668,26.889 C3.668,31.733 7.609,35.674 12.453,35.674 L27.179,35.674 C32.023,35.674 35.964,31.733 35.964,26.889 L35.964,12.163 ZM30.470,11.374 C29.088,11.374 27.968,10.254 27.968,8.872 C27.968,7.491 29.088,6.371 30.470,6.371 C31.852,6.371 32.972,7.491 32.972,8.872 C32.972,10.254 31.852,11.374 30.470,11.374 ZM19.816,29.134 C14.518,29.134 10.208,24.824 10.208,19.526 C10.208,14.228 14.518,9.918 19.816,9.918 C25.114,9.918 29.425,14.228 29.425,19.526 C29.425,24.824 25.114,29.134 19.816,29.134 ZM19.816,12.830 C16.125,12.830 13.121,15.834 13.121,19.526 C13.121,23.218 16.125,26.222 19.816,26.222 C23.508,26.222 26.512,23.218 26.512,19.526 C26.512,15.834 23.508,12.830 19.816,12.830 Z"/></svg>
...\ No newline at end of file ...\ No newline at end of file
src/assets/images/bottom03.svg 0 → 100644
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="35px" height="36px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M0.739,0.885 C0.980,0.885 1.161,0.885 1.341,0.885 C4.416,0.885 7.490,0.888 10.565,0.881 C10.792,0.880 10.920,0.955 11.046,1.141 C13.249,4.379 15.458,7.613 17.667,10.847 C18.303,11.779 18.941,12.711 19.579,13.642 C19.596,13.668 19.621,13.688 19.668,13.738 C19.929,13.438 20.185,13.147 20.437,12.852 C23.227,9.592 26.016,6.331 28.805,3.070 C29.383,2.395 29.955,1.714 30.541,1.047 C30.618,0.961 30.765,0.895 30.880,0.893 C31.743,0.879 32.605,0.883 33.468,0.883 C33.507,0.883 33.546,0.890 33.631,0.897 C33.580,0.974 33.550,1.033 33.509,1.081 C31.313,3.648 29.115,6.213 26.918,8.780 C24.998,11.024 23.080,13.271 21.155,15.512 C21.028,15.660 21.016,15.756 21.129,15.920 C22.607,18.071 24.078,20.229 25.551,22.384 C26.767,24.162 27.984,25.940 29.199,27.719 C30.694,29.907 32.188,32.097 33.683,34.286 C34.034,34.800 34.385,35.314 34.758,35.858 C34.676,35.868 34.619,35.881 34.561,35.881 C31.343,35.882 28.125,35.880 24.907,35.886 C24.710,35.887 24.597,35.830 24.483,35.662 C21.728,31.618 18.966,27.579 16.205,23.539 C15.931,23.138 15.655,22.738 15.370,22.322 C15.316,22.368 15.277,22.392 15.248,22.426 C13.132,24.903 11.017,27.382 8.900,29.859 C7.215,31.831 5.527,33.801 3.837,35.768 C3.787,35.826 3.693,35.877 3.619,35.877 C2.701,35.885 1.782,35.883 0.864,35.882 C0.844,35.882 0.823,35.864 0.775,35.841 C0.924,35.665 1.065,35.498 1.207,35.332 C3.798,32.303 6.390,29.274 8.982,26.245 C10.590,24.365 12.196,22.484 13.813,20.611 C13.985,20.411 13.989,20.282 13.839,20.063 C11.081,16.041 8.333,12.012 5.582,7.985 C4.019,5.697 2.454,3.410 0.890,1.122 C0.850,1.064 0.814,1.004 0.739,0.885 ZM4.838,3.180 C4.914,3.295 4.967,3.379 5.024,3.461 C6.805,6.026 8.587,8.591 10.369,11.155 C14.026,16.415 17.683,21.675 21.340,26.935 C22.862,29.124 24.383,31.315 25.903,33.506 C25.987,33.627 26.064,33.719 26.242,33.718 C27.576,33.708 28.910,33.712 30.243,33.712 C30.366,33.712 30.489,33.712 30.650,33.712 C30.599,33.632 30.577,33.592 30.551,33.555 C29.838,32.529 29.125,31.503 28.412,30.477 C26.219,27.321 24.025,24.164 21.832,21.008 C19.857,18.167 17.881,15.327 15.907,12.486 C13.787,9.436 11.669,6.383 9.542,3.336 C9.482,3.250 9.340,3.173 9.236,3.173 C7.847,3.162 6.457,3.165 5.068,3.166 C5.007,3.166 4.947,3.173 4.838,3.180 Z"/></svg>
...\ No newline at end of file ...\ No newline at end of file
src/assets/images/bottom04.svg 0 → 100644
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="37px" height="38px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M36.678,22.133 C36.488,23.615 36.012,25.020 35.417,26.384 C34.829,27.730 34.093,28.998 33.166,30.143 C32.625,30.811 32.082,31.486 31.460,32.075 C30.728,32.769 29.946,33.425 29.120,34.004 C28.292,34.585 27.410,35.102 26.504,35.553 C25.095,36.255 23.605,36.758 22.045,37.012 C21.210,37.148 20.364,37.233 19.521,37.311 C19.008,37.359 18.487,37.393 17.976,37.357 C17.106,37.295 16.240,37.185 15.375,37.072 C14.259,36.927 13.185,36.605 12.136,36.213 C11.492,35.973 10.854,35.702 10.246,35.384 C9.862,35.182 9.516,35.162 9.113,35.273 C7.814,35.632 6.510,35.973 5.207,36.315 C3.769,36.692 2.330,37.062 0.892,37.436 C0.607,37.510 0.323,37.585 -0.013,37.673 C0.049,37.418 0.096,37.198 0.156,36.981 C0.512,35.697 0.874,34.413 1.228,33.128 C1.642,31.623 2.033,30.111 2.475,28.613 C2.577,28.267 2.498,28.015 2.344,27.740 C1.511,26.247 0.913,24.662 0.564,22.993 C0.397,22.195 0.303,21.380 0.209,20.569 C0.145,20.012 0.095,19.448 0.113,18.889 C0.140,18.110 0.223,17.331 0.305,16.555 C0.476,14.929 0.948,13.379 1.574,11.878 C1.990,10.881 2.515,9.937 3.105,9.028 C3.955,7.718 4.975,6.553 6.118,5.495 C6.992,4.684 7.952,3.979 8.974,3.359 C10.324,2.541 11.747,1.883 13.270,1.462 C14.072,1.240 14.887,1.051 15.709,0.923 C16.490,0.801 17.285,0.759 18.076,0.716 C18.657,0.686 19.247,0.660 19.822,0.723 C20.817,0.833 21.815,0.967 22.792,1.177 C24.252,1.491 25.646,2.016 26.973,2.704 C28.134,3.307 29.234,4.004 30.228,4.856 C30.731,5.287 31.245,5.709 31.704,6.184 C32.875,7.394 33.887,8.726 34.704,10.204 C35.528,11.693 36.123,13.266 36.507,14.917 C36.657,15.560 36.754,16.219 36.822,16.876 C36.904,17.679 36.991,18.489 36.964,19.293 C36.932,20.242 36.799,21.189 36.678,22.133 ZM33.816,18.314 C33.762,17.677 33.703,17.039 33.616,16.405 C33.433,15.088 33.013,13.836 32.455,12.635 C31.924,11.496 31.255,10.440 30.455,9.460 C29.723,8.564 28.910,7.758 28.004,7.044 C26.832,6.122 25.543,5.398 24.155,4.846 C22.657,4.249 21.096,3.921 19.493,3.819 C18.772,3.773 18.042,3.808 17.320,3.867 C16.593,3.926 15.860,4.009 15.149,4.171 C12.606,4.748 10.342,5.902 8.400,7.631 C7.661,8.289 6.979,9.030 6.368,9.809 C5.165,11.342 4.315,13.068 3.788,14.947 C3.426,16.240 3.238,17.562 3.224,18.900 C3.217,19.597 3.273,20.302 3.375,20.992 C3.493,21.787 3.652,22.582 3.866,23.356 C4.275,24.837 4.943,26.207 5.801,27.484 C5.900,27.631 5.929,27.787 5.873,27.965 C5.751,28.352 5.633,28.741 5.526,29.133 C5.147,30.521 4.774,31.910 4.393,33.320 C4.446,33.317 4.488,33.321 4.527,33.311 C6.375,32.827 8.223,32.342 10.072,31.862 C10.137,31.845 10.225,31.865 10.286,31.899 C10.660,32.102 11.024,32.323 11.400,32.522 C12.343,33.022 13.334,33.404 14.359,33.701 C15.444,34.016 16.554,34.204 17.677,34.261 C18.894,34.322 20.109,34.249 21.315,34.028 C22.635,33.786 23.897,33.375 25.107,32.811 C26.438,32.190 27.654,31.382 28.743,30.400 C29.685,29.550 30.541,28.614 31.244,27.556 C32.153,26.187 32.847,24.717 33.297,23.132 C33.632,21.952 33.790,20.746 33.862,19.527 C33.886,19.125 33.850,18.717 33.816,18.314 ZM27.692,25.143 C27.539,25.844 27.099,26.347 26.539,26.766 C25.977,27.186 25.382,27.549 24.689,27.695 C24.247,27.788 23.790,27.807 23.339,27.860 C22.489,27.849 21.692,27.616 20.914,27.326 C19.933,26.962 18.944,26.609 17.993,26.176 C16.936,25.695 15.979,25.035 15.112,24.259 C14.493,23.706 13.869,23.153 13.302,22.549 C12.434,21.625 11.693,20.598 10.967,19.558 C10.308,18.611 9.754,17.622 9.423,16.514 C9.147,15.591 9.111,14.666 9.318,13.721 C9.510,12.851 9.922,12.113 10.506,11.445 C10.861,11.038 11.224,10.662 11.781,10.591 C12.149,10.545 12.526,10.571 12.898,10.567 C12.938,10.567 12.979,10.600 13.017,10.597 C13.535,10.547 13.743,10.896 13.909,11.290 C14.399,12.454 14.886,13.619 15.372,14.785 C15.494,15.078 15.530,15.385 15.346,15.657 C15.039,16.110 14.750,16.589 14.370,16.977 C13.826,17.535 13.837,17.785 14.232,18.392 C14.886,19.397 15.611,20.347 16.506,21.153 C17.498,22.046 18.592,22.790 19.840,23.291 C20.120,23.404 20.396,23.529 20.680,23.631 C20.896,23.708 21.084,23.623 21.225,23.457 C21.745,22.843 22.269,22.231 22.773,21.602 C23.044,21.265 23.257,21.160 23.654,21.333 C24.421,21.666 25.178,22.023 25.936,22.377 C26.411,22.599 26.882,22.830 27.351,23.064 C27.875,23.325 27.928,23.391 27.890,24.032 C27.868,24.405 27.772,24.775 27.692,25.143 Z"/></svg>
...\ No newline at end of file ...\ No newline at end of file
src/assets/images/bottom05.svg 0 → 100644
1 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="43px" height="43px"><path fill-rule="evenodd" fill="rgb(255, 255, 255)" d="M21.980,42.951 C10.383,42.951 0.983,33.550 0.983,21.953 C0.983,10.356 10.383,0.956 21.980,0.956 C33.577,0.956 42.978,10.356 42.978,21.953 C42.978,33.550 33.577,42.951 21.980,42.951 ZM37.036,17.545 C36.920,16.029 36.751,14.290 35.748,13.076 C34.890,12.038 33.561,11.803 32.299,11.660 C30.702,11.480 29.097,11.370 27.490,11.309 C24.237,11.184 20.980,11.257 17.726,11.329 C16.054,11.366 14.382,11.403 12.715,11.536 C10.669,11.699 8.563,11.999 7.610,14.044 C6.754,15.880 6.860,18.212 6.849,20.187 C6.840,21.958 6.834,23.729 6.905,25.499 C6.997,27.796 7.133,30.788 9.613,31.795 C10.936,32.333 12.534,32.453 13.948,32.545 C15.446,32.642 16.948,32.630 18.449,32.653 C21.596,32.700 24.742,32.592 27.889,32.529 C30.074,32.486 32.317,32.461 34.408,31.748 C36.213,31.131 36.684,29.175 36.928,27.479 C37.171,25.793 37.109,24.083 37.106,22.384 C37.104,21.130 37.137,19.874 37.094,18.620 C37.082,18.262 37.063,17.903 37.036,17.545 ZM18.912,17.315 C21.523,18.848 24.108,20.367 26.751,21.919 C24.117,23.467 21.531,24.986 18.912,26.525 L18.912,17.315 Z"/></svg>
...\ No newline at end of file ...\ No newline at end of file
src/layoutPc/components/AppBottom.vue
...@@ -3,8 +3,17 @@ ...@@ -3,8 +3,17 @@
3 <div class="box" style="max-width: 90%"> 3 <div class="box" style="max-width: 90%">
4 <el-row align="middle" justify="space-between"> 4 <el-row align="middle" justify="space-between">
5 <el-col :span="18"> 5 <el-col :span="18">
6 <div class="text-center copyright pd10">{{ languageLibrary[language].a }} 6 <div class="imgFlex">
7 <!-- <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a>--> 7 <div style="text-align: center;margin-right: 50px">
8 <img @click="goUrl('https://www.facebook.com/share/1BDtH7xYaS/?mibextid=wwXIfr')" class="link-img" alt="" src="@/assets/images/bottom01.svg">
9 <img @click="goUrl('https://www.instagram.com/lpt__official/')" class="link-img" alt="" src="@/assets/images/bottom02.svg">
10 <!-- <img class="link-img" alt="" src="@/assets/images/bottom03.svg">-->
11 <img @click="goUrl('https://www.tiktok.com/@lpt.official')" class="link-img" alt="" src="@/assets/images/bottom04.svg">
12 <img @click="goUrl('https://www.youtube.com/channel/UCNFV48KiGZLYcf8NQocM-iQ')" class="link-img" alt="" src="@/assets/images/bottom05.svg">
13 </div>
14 <div class="text-center copyright pd10">{{ languageLibrary[language].a }}
15 <!-- <a href="https://beian.miit.gov.cn/" target="_blank">ICP备案号：苏ICP备2023054420号-2</a>-->
16 </div>
8 </div> 17 </div>
9 </el-col> 18 </el-col>
10 <el-col :span="6"> 19 <el-col :span="6">
...@@ -57,6 +66,11 @@ const goAround = () => { ...@@ -57,6 +66,11 @@ const goAround = () => {
57 //周边活动 66 //周边活动
58 router.push({path: `/about/wuDao`, query: {activeIndex: '2'}}) 67 router.push({path: `/about/wuDao`, query: {activeIndex: '2'}})
59 } 68 }
69
70 const goUrl = (url) => {
71 window.open(url, '_blank')
72 }
73
60 </script> 74 </script>
61 75
62 <style lang="scss" scoped> 76 <style lang="scss" scoped>
...@@ -149,7 +163,18 @@ const goAround = () => { ...@@ -149,7 +163,18 @@ const goAround = () => {
149 -webkit-background-clip: text; 163 -webkit-background-clip: text;
150 -webkit-text-fill-color: transparent; 164 -webkit-text-fill-color: transparent;
151 } 165 }
152 166 .link-img {
167 width: 40px;
168 height: 40px !important;
169 margin-bottom: 0 !important;
170 margin-right: 20px;
171 display: inline-block;
172 }
173 .imgFlex {
174 display: flex;
175 align-items: center;
176 justify-content: center;
177 }
153 @media (max-width: 500px) { 178 @media (max-width: 500px) {
154 .forWei { 179 .forWei {
155 display: none; 180 display: none;
...@@ -179,6 +204,10 @@ const goAround = () => { ...@@ -179,6 +204,10 @@ const goAround = () => {
179 line-height: 1.4; 204 line-height: 1.4;
180 } 205 }
181 } 206 }
207
208 .imgFlex {
209 display: inline-block;
210 }
182 } 211 }
183 212
184 .ffoot { 213 .ffoot {
......
src/routerPc/en.js
...@@ -129,6 +129,12 @@ export const constantRoutes = [ ...@@ -129,6 +129,12 @@ export const constantRoutes = [
129 meta: {title: ''} 129 meta: {title: ''}
130 }, 130 },
131 { 131 {
132 path: 'list/:id',
133 component: () => import('@/viewsPc/photo/list'),
134 name: 'photoList',
135 meta: {title: ''}
136 },
137 {
132 path: 'detail/:id', 138 path: 'detail/:id',
133 component: () => import('@/viewsPc/photo/detail'), 139 component: () => import('@/viewsPc/photo/detail'),
134 name: 'photoDetail', 140 name: 'photoDetail',
......
src/viewsPc/contest/index.vue
...@@ -45,6 +45,7 @@ ...@@ -45,6 +45,7 @@
45 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].d }}</div> 45 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].d }}</div>
46 </span> 46 </span>
47 <span style="font-size: 26px">{{ n.cptName }}</span> 47 <span style="font-size: 26px">{{ n.cptName }}</span>
48 <span style="font-size: 18px" v-if="n.signKnow">{{ n.signKnow }}</span>
48 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span> 49 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{ n.matchTimeStr }}</span>
49 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span> 50 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{ n.address }}</span>
50 </div> 51 </div>
......
src/viewsPc/index.vue
...@@ -47,6 +47,7 @@ ...@@ -47,6 +47,7 @@
47 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div> 47 <div v-else style="background: #929AA0;border-radius:6px 0 6px 0;padding: 0 4px">{{ languageLibrary[language].i }}</div>
48 </span> 48 </span>
49 <span style="font-size: 26px">{{n.cptName}}</span> 49 <span style="font-size: 26px">{{n.cptName}}</span>
50 <span style="font-size: 18px" v-if="n.signKnow">{{n.signKnow}}</span>
50 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span> 51 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag01.png" />{{getTimeFormate(n.beginTime) + '~' + getTimeFormate(n.endTime)}}</span>
51 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span> 52 <span style="font-size: 18px"><img style="margin-right: 2%" src="@/assets/v1/tag02.png" />{{n.address}}</span>
52 </div> 53 </div>
...@@ -261,8 +262,8 @@ onMounted(() => { ...@@ -261,8 +262,8 @@ onMounted(() => {
261 const init = () => { 262 const init = () => {
262 match.getMaList({}).then((res) => { 263 match.getMaList({}).then((res) => {
263 newest2.value = res.rows.map(({languageSourceStr,coverUrl,cptName,beginTime, 264 newest2.value = res.rows.map(({languageSourceStr,coverUrl,cptName,beginTime,
264 endTime,address,enrollStatusStr,id}) => 265 endTime,address,enrollStatusStr,id,signKnow}) =>
265 ({languageSourceStr,coverUrl,cptName,beginTime,endTime,address,enrollStatusStr,id})) 266 ({languageSourceStr,coverUrl,cptName,beginTime,endTime,address,enrollStatusStr,id,signKnow}))
266 }) 267 })
267 268
268 match.getNoteList(lunboParams.value).then(res => { 269 match.getNoteList(lunboParams.value).then(res => {
......
src/viewsPc/photo/detail.vue
...@@ -91,11 +91,13 @@ const languageLibrary = ref([{ ...@@ -91,11 +91,13 @@ const languageLibrary = ref([{
91 }]) 91 }])
92 92
93 const tId = ref() 93 const tId = ref()
94 const cateId = ref()
94 const projectMainInfo = ref({}) 95 const projectMainInfo = ref({})
95 const photoList = ref([]) 96 const photoList = ref([])
96 97
97 onMounted(() => { 98 onMounted(() => {
98 tId.value = route.params.id 99 tId.value = route.params.id
100 cateId.value = route.query.cateId
99 getMainInfo() 101 getMainInfo()
100 getPhotoList() 102 getPhotoList()
101 }) 103 })
...@@ -109,7 +111,7 @@ const getMainInfo = () => { ...@@ -109,7 +111,7 @@ const getMainInfo = () => {
109 } 111 }
110 112
111 const getPhotoList = () => { 113 const getPhotoList = () => {
112 getImgList({cptId:tId.value}).then(res => { 114 getImgList({cptId:tId.value, cateId: cateId.value}).then(res => {
113 if (res.code === 200) { 115 if (res.code === 200) {
114 photoList.value = res.rows 116 photoList.value = res.rows
115 } 117 }
......
src/viewsPc/photo/index.vue
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
11 <div class="photo-img-group"> 11 <div class="photo-img-group">
12 <div class="photo-img-layer1"></div> 12 <div class="photo-img-layer1"></div>
13 <div class="photo-img-layer2"></div> 13 <div class="photo-img-layer2"></div>
14 <img class="photo-img" @click="goDetail(item.id)" :src="fillImgUrl(item.coverUrl)"> 14 <img class="photo-img" @click="goDetail(item.id, item.cptName)" :src="fillImgUrl(item.coverUrl)">
15 <div class="photo-img-info"> 15 <div class="photo-img-info">
16 <span style="display: block;font-size: 16px;margin:5px 0">{{item.cptName}}</span> 16 <span style="display: block;font-size: 16px;margin:5px 0">{{item.cptName}}</span>
17 <span style="display: block;font-size: 14px;color: #C2A165">{{item.matchTimeStr}}</span> 17 <span style="display: block;font-size: 14px;color: #C2A165">{{item.matchTimeStr}}</span>
...@@ -76,9 +76,12 @@ const handleCurrentChange = (val) => { ...@@ -76,9 +76,12 @@ const handleCurrentChange = (val) => {
76 getList() 76 getList()
77 } 77 }
78 78
79 const goDetail = (id) => { 79 const goDetail = (id, name) => {
80 router.push({ 80 router.push({
81 path: `/photo/detail/${id}` 81 path: `/photo/list/${id}`,
82 query: {
83 name: name,
84 }
82 }) 85 })
83 } 86 }
84 </script> 87 </script>
......
src/viewsPc/photo/list.vue 0 → 100644
1 <template>
2 <div>
3 <div class="box" style="padding: 0 10%">
4 <el-button class="back-btn" @click="goback()">{{ languageLibrary[language].b }}</el-button>
5 <el-row class="contest-title">
6 <el-col>
7 <h3>{{ tName }}</h3>
8 </el-col>
9 </el-row>
10 <el-row>
11 <el-col class="photo-space" :lg="8" v-for="item in matchList">
12 <div class="photo-img-group">
13 <div class="photo-img-layer1"></div>
14 <div class="photo-img-layer2"></div>
15 <img class="photo-img" @click="goDetail(item.parentId, item.sortId)" :src="fillImgUrl(item.picUrl)">
16 <div class="photo-img-info">
17 <span style="display: block;font-size: 16px;margin:5px 0">{{item.name}}</span>
18 <!-- <span style="display: block;font-size: 14px;color: #C2A165">{{item.matchTimeStr}}</span>-->
19 </div>
20 </div>
21 </el-col>
22 </el-row>
23 </div>
24 </div>
25 </template>
26 <script setup>
27 import { ArrowRight, Search } from '@element-plus/icons-vue'
28 import { onMounted, ref } from 'vue'
29 import { getNewsListById } from '@/apiPc/webSite'
30 import {useRoute, useRouter} from 'vue-router'
31 import {useStorage} from "@vueuse/core/index";
32 import * as match from "@/apiPc/match";
33 const language = useStorage('language', 1)
34 const languageLibrary = [{
35 a:'图片集锦',
36 b:'返回'
37 },{
38 a:'Gallery',
39 b:'Return'
40 },{
41 a:'사진첩',
42 b:'돌아가기'
43 },{
44 a:'ギャラリー',
45 b:'戻る'
46 },{
47 a:'Thư viện hình ảnh',
48 b:'Quay lại'
49 }]
50 const router = useRouter()
51 const route = useRoute()
52 const matchList = ref([])
53 const tid = ref()
54 const tName = ref()
55 const total = ref(0)
56
57 onMounted(() => {
58 tid.value = route.params.id
59 tName.value = route.query.name
60 getList()
61 })
62
63 const getList = () => {
64 match.getTree({
65 code: tid.value
66 }).then((res) => {
67 if (res.code === 200) {
68 matchList.value = []
69 res.data.forEach(item => {
70 match.getTreeDetail(item.id).then((res2) => {
71 matchList.value.push(res2.data)
72 })
73 })
74 }
75 })
76 }
77
78 const goDetail = (cptId, cateId) => {
79 router.push({
80 path: `/photo/detail/${cptId}`,
81 query: {
82 cateId: cateId,
83 }
84 })
85 }
86
87 const goback = function () {
88 router.go(-1)
89 }
90
91 </script>
92 <style lang="scss" scoped>
93 .photo-pagination {
94 justify-content: center;
95 margin: 10px;
96
97 :deep(.el-pager li) {
98 background: transparent;
99 color: #fff;
100 }
101
102 :deep(.el-pager li.is-active) {
103 background: #CAA767;
104 }
105 }
106
107 .photo-space {
108 padding: 10px;
109 }
110
111 .photo-img-group {
112 padding: 20px;
113 width: 100%;
114 position: relative;
115
116 .photo-img-layer1 {
117 height: 6px;
118 border-radius: 6px 6px 0 0;
119 background: #454D6C;
120 width: 60%;
121 margin: 1px auto;
122 }
123
124 .photo-img-layer2 {
125 height: 6px;
126 border-radius: 6px 6px 0 0;
127 background: #454D6C;
128 width: 80%;
129 margin: 0 auto;
130 }
131
132 .photo-img-info {
133 position: absolute;
134 bottom: 20px;
135 background: rgba(44, 44, 44, 0.8);
136 width: calc(100% - 40px);
137 height: 50px;
138 padding-left: 20px;
139 color: #fff;
140 }
141 }
142
143 .photo-img {
144 width: 100%;
145 aspect-ratio: 2/1;
146 cursor: pointer;
147 }
148
149 .contest-title {
150 h3 {
151 color: #fff;
152 font-size: 32px;
153 }
154
155 .contest-title-btn {
156 background: transparent;
157 color: #fff;
158 border: none;
159 border-radius: 15px;
160 }
161
162 .btn-active {
163 background: rgba(255,255,255,0.3);
164 }
165
166 .search-input {
167 height: 50px;
168 border: none;
169 background: #0E142C;
170 border-radius: 25px;
171
172 .search-btn {
173 width: 40px;
174 height: 40px;
175 border-radius: 20px;
176 background: #232B49;
177 color: #fff;
178 padding: 0;
179 }
180
181 :deep(.el-input__wrapper) {
182 background: transparent;
183 box-shadow: none;
184 }
185
186 :deep(.el-input-group__append) {
187 width: 50px;
188 background: transparent;
189 box-shadow: none;
190 }
191 }
192
193
194 }
195
196 .firstItem{cursor: pointer;
197 background: #F7F8FC;height: 100%;padding: 10px 20px;
198 .date{font-weight: bold;transform: scaleX(0.7);transform-origin: left;
199 font-size: 18px;
200 color: #4C5359;
201 p{margin: 5px 0;}
202 }
203 h3{margin: 10px 0;
204 font-size: 22px;}
205 .go{color: #929AA0;
206 font-size: 14px;padding: 0 0 5px;}
207 &:hover{background: #dcdde1;}
208 }
209 .newsLine{
210 margin: 20px;
211 .firstItem{margin-bottom: 10px;}
212 .item{display: flex;position: relative;width: 100%;height: 90px;
213 align-items: center;cursor: pointer;border-bottom: 1px solid #EEEEEE;
214 .date{width: 60px;height: 60px;text-align: center;background: #FAFAFA;margin: 0 10px;
215 .day{color: #4C5359;transform: scaleX(0.7);font-weight: bold;font-size: 24px;}
216 p{font-size: 14px;margin: 0;transform: scaleX(0.7);font-weight: bold;color: #7B7F83;}
217 }
218 .item-body{width: 60%;
219 h3{padding: 0 10px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;color: #000000;}
220 }
221 .go{background: url("@/assets/v1/about/go.png") no-repeat center;background-size: contain;
222 position: absolute;width: 30px;height: 30px;right: 10px;
223 filter:grayscale(1);
224 }
225 }
226 .item:hover{background: #f7f8fc;
227 .date{
228 background:#000;
229 .day{color: #fff;}
230 p{color: #fff;}
231 }
232 .item-body{
233 h3{color: #000;}
234 }
235 }
236 }
237
238 @media (max-width: 500px) {
239 .box{width: 100%}
240 .forWei {
241 display: block;
242 }
243 .forPc{display: none}
244 :deep(.el-tabs__nav-scroll){overflow: auto;}
245 :deep(.el-card__body){padding: 10px;}
246 .flexBody{display: block;background: transparent;}
247 .infoPart{background: #fff;padding: 10px;margin:0 15px}
248 .firstItem{padding: 10px 20px;
249 .date{
250 font-size: 14px;}
251 h3{margin: 10px 0;
252 font-size: 14px;}
253 .go{font-size: 12px;}
254 }
255 .newsLine{
256 .item{height: 50px;
257 .date{height: 34px;width: 44px;margin: 0;
258 .day{font-size: 16px;}
259 p{font-size: 12px;}
260 }
261 .item-body{width: 80%;
262 h3{font-size: 14px;}
263 }
264 }
265 .go{display: none;}
266
267 }
268 }
269
270 .back-btn {
271 font-size: 16px;
272 color: #fff;
273 background: url("@/assets/v1/arrow_left.png") no-repeat left;
274 background-size: auto 35px;
275 padding-left: 35px;
276 box-shadow: none;
277 border: none;
278 }
279 </style>
280
vite.config.js
...@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => { ...@@ -84,8 +84,8 @@ export default defineConfig(({mode, command}) => {
84 }, 84 },
85 '/dev-api': { 85 '/dev-api': {
86 // target: 'http://192.168.1.118:8082/', 86 // target: 'http://192.168.1.118:8082/',
87 // target: 'http://192.168.1.238:8082', 87 target: 'http://192.168.1.73:8082',
88 target: 'https://www.longpoker.com/stage-api/', 88 // target: 'https://www.longpoker.com/stage-api/',
89 // target: 'http://124.70.181.90:1880/stage-api', 89 // target: 'http://124.70.181.90:1880/stage-api',
90 // target: 'https://sys.2025wtcwuxi.com/stage-api/', 90 // target: 'https://sys.2025wtcwuxi.com/stage-api/',
91 changeOrigin: true, 91 changeOrigin: true,
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!