From 7f84eb19d350a00ce63c562f5ebeb83fd720f561 Mon Sep 17 00:00:00 2001 From: libx Date: Wed, 8 May 2024 16:10:56 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E8=BD=AE=E6=92=AD=E5=9B=BE?= =?UTF-8?q?=E9=93=BE=E6=8E=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/index.js | 8 ++ src/components/layout/ComponentBanner.vue | 20 ++-- src/router/index.js | 19 +-- src/store/getters.js | 1 + src/store/modules/app.js | 23 +++- src/views/Home/ComponentCustom.vue | 2 +- src/views/PublicDetail/index.vue | 134 ++++++++++++++++++++++ 7 files changed, 183 insertions(+), 24 deletions(-) diff --git a/src/api/index.js b/src/api/index.js index 7da7cff..3aa018c 100644 --- a/src/api/index.js +++ b/src/api/index.js @@ -9,6 +9,14 @@ export function getBanners(params) { }) } +/* 获取对应轮播详情 */ +export function getBannerDetail(id) { + return request({ + url: `/cniyv/cniyvbanner/info/${id}`, + method: 'get' + }) +} + /* 获取首页推荐产品类别及对应产品 */ export function getHomeCniyvTypes(params) { return request({ diff --git a/src/components/layout/ComponentBanner.vue b/src/components/layout/ComponentBanner.vue index 8684d85..07da03f 100644 --- a/src/components/layout/ComponentBanner.vue +++ b/src/components/layout/ComponentBanner.vue @@ -3,15 +3,15 @@
  1. -
- + + + +
@@ -61,13 +61,11 @@ export default { methods: { ...mapActions({ getBanners: 'app/getBannerList' - }) - // initSwiper() { - // this.swiper = new Swiper('.swiper-container', { - // autoplay: true, - // loop: true - // }) - // } + }), + + formatUrl(el) { + return el.lurl ? el.lurl : el.url ? `${el.url}/${el.ptsid}` : '' + } } } diff --git a/src/router/index.js b/src/router/index.js index 2660a63..ead4f83 100644 --- a/src/router/index.js +++ b/src/router/index.js @@ -100,14 +100,7 @@ const routes = [ }, ] }, - { - path: '/detail', - name: '', - meta: { - - }, - component: PublicDetail - } + // { // path: '/join', // meta: { @@ -115,8 +108,16 @@ const routes = [ // }, // component: Join, // }, + { + path: '/detail/:id', + name: '', + meta: { + isPublicDetail: true + }, + component: PublicDetail + } ] - } + }, ] const router = new VueRouter({ diff --git a/src/store/getters.js b/src/store/getters.js index 1bff179..5910cad 100644 --- a/src/store/getters.js +++ b/src/store/getters.js @@ -1,6 +1,7 @@ const getters = { navActive: state => state.app.navActive, bannerList: state => state.app.banners, + bannerDetail: state => state.app.bannerDetail, homeTypeList: state => state.cniyv.homeTypeList, cniyvTypeList: state => state.cniyv.typeList, cniyvList: state => state.cniyv.cniyvList, diff --git a/src/store/modules/app.js b/src/store/modules/app.js index 2185ffc..da20bd8 100644 --- a/src/store/modules/app.js +++ b/src/store/modules/app.js @@ -1,9 +1,10 @@ -import { getBanners } from "@/api" +import { getBanners, getBannerDetail } from "@/api" const state = { navActive: '/', breadList: [], - banners: [] + banners: [], + bannerDetail: '' } const mutations = { @@ -18,6 +19,10 @@ const mutations = { SET_BANNERS: (state, payload) => { state.banners = payload }, + + SET_BANNER_DETAIL: (state, payload) => { + state.bannerDetail = payload + }, } const actions = { @@ -38,7 +43,19 @@ const actions = { reject(err) }) }) - } + }, + + getBannerMsg({ commit }, id) { + return new Promise((resolve, reject) => { + getBannerDetail(id).then(res => { + res.data.imgs = res.data.imgs ? res.data.imgs.split(',') : [] + commit('SET_BANNER_DETAIL', res.data) + resolve() + }).catch(err => { + reject(err) + }) + }) + }, } export default { diff --git a/src/views/Home/ComponentCustom.vue b/src/views/Home/ComponentCustom.vue index 5e0c02d..fb6c0cc 100644 --- a/src/views/Home/ComponentCustom.vue +++ b/src/views/Home/ComponentCustom.vue @@ -64,7 +64,7 @@

天云文化

- + diff --git a/src/views/PublicDetail/index.vue b/src/views/PublicDetail/index.vue index e69de29..b6f2549 100644 --- a/src/views/PublicDetail/index.vue +++ b/src/views/PublicDetail/index.vue @@ -0,0 +1,134 @@ + + + + +