修改首页底部、合作伙伴轮播

This commit is contained in:
熊丽君
2021-10-28 14:18:12 +08:00
parent d198130a6d
commit 03181bbe31
4 changed files with 56 additions and 37 deletions

View File

@ -50,3 +50,17 @@ export function getAboutUs(params) {
params params
}); });
} }
// 获取合作伙伴
export function getPartner(params) {
return request({
url: '/mobile/getPartner',
params
});
}
// 获取网站底部
export function getBottom(params) {
return request({
url: '/mobile/getBottom',
params
});
}

View File

@ -25,19 +25,17 @@
</div> </div>
<div> <div>
<!-- <h3>合肥嘉策信息技术服务有限公司</h3> --> <!-- <h3>合肥嘉策信息技术服务有限公司</h3> -->
<div> <div>地址{{ footerData.address }}</div>
地址安徽省合肥市高新区黄山路601号科技创新公共服务中心412-414 <div style="margin:15px 0">联系人{{ footerData.linkman }}</div>
</div> <div>电话{{ footerData.phone }}</div>
<div style="margin:15px 0">联系人小杨老师小黄老师</div>
<div>电话1980565903515855136916</div>
</div> </div>
<div class="footer_right"> <div class="footer_right">
<div class="item"> <div class="item">
<img src="@/assets/image/wx02.png" alt="" /> <img :src="footerData.wx" alt="" />
<div style="text-align:center">嘉策公众号</div> <div style="text-align:center">嘉策公众号</div>
</div> </div>
<div class="item"> <div class="item">
<img src="@/assets/image/qq02.png" alt="" /> <img :src="footerData.qq" alt="" />
<div style="text-align:center">嘉策QQ群</div> <div style="text-align:center">嘉策QQ群</div>
</div> </div>
</div> </div>
@ -56,6 +54,7 @@
</template> </template>
<script> <script>
import { getRead } from '@/api/home/notice'; import { getRead } from '@/api/home/notice';
import { getBottom } from '@/api/home/home';
export default { export default {
props: { props: {
totalNum: { totalNum: {
@ -72,14 +71,19 @@ export default {
} }
}, },
data() { data() {
return {}; return {
footerData: {}
};
}, },
created() { created() {
getBottom().then(({ data }) => {
this.footerData = data;
});
if (!this.flag) return false; if (!this.flag) return false;
// getRead({ id: 1 }).then(({ data }) => { getRead({ id: 1 }).then(({ data }) => {
// this.totalNum = data.count; this.totalNum = data.count;
// this.goldNum = data.today; this.goldNum = data.today;
// }); });
} }
}; };
</script> </script>

View File

@ -446,7 +446,7 @@
> >
<ul class="ul-item"> <ul class="ul-item">
<li class="li-item" v-for="(item, index) in listData" :key="index"> <li class="li-item" v-for="(item, index) in listData" :key="index">
<img :src="item" alt="" /> <img :src="item.img" alt="" />
</li> </li>
</ul> </ul>
</vue-seamless-scroll> </vue-seamless-scroll>
@ -457,7 +457,7 @@
> >
<ul class="ul-item"> <ul class="ul-item">
<li class="li-item" v-for="(item, index) in listData2" :key="index"> <li class="li-item" v-for="(item, index) in listData2" :key="index">
<img :src="item" alt="" /> <img :src="item.img" alt="" />
</li> </li>
</ul> </ul>
</vue-seamless-scroll> </vue-seamless-scroll>
@ -471,33 +471,18 @@ import {
getPolicy, getPolicy,
getPolicyRead, getPolicyRead,
getInformation, getInformation,
getAboutUs getAboutUs,
getPartner
} from '@/api/home/home'; } from '@/api/home/home';
import vueSeamlessScroll from 'vue-seamless-scroll'; import vueSeamlessScroll from 'vue-seamless-scroll';
import img1 from '@/assets/cooperation/1.png';
import img2 from '@/assets/cooperation/2.png';
import img3 from '@/assets/cooperation/3.png';
import img4 from '@/assets/cooperation/4.png';
import img5 from '@/assets/cooperation/5.png';
import img6 from '@/assets/cooperation/6.png';
import img7 from '@/assets/cooperation/7.png';
import img8 from '@/assets/cooperation/8.png';
import img9 from '@/assets/cooperation/9.png';
import img10 from '@/assets/cooperation/10.png';
import img11 from '@/assets/cooperation/11.png';
import img12 from '@/assets/cooperation/12.png';
import img13 from '@/assets/cooperation/13.png';
import img14 from '@/assets/cooperation/14.png';
import img15 from '@/assets/cooperation/15.png';
import img16 from '@/assets/cooperation/16.png';
export default { export default {
components: { components: {
vueSeamlessScroll vueSeamlessScroll
}, },
data() { data() {
return { return {
listData: [img1, img3, img5, img7, img9, img11, img13, img15, img1], listData: [],
listData2: [img2, img4, img6, img8, img10, img12, img14, img16, img1], listData2: [],
classOption: { classOption: {
step: 1, step: 1,
limitMoveNum: 8, limitMoveNum: 8,
@ -566,6 +551,22 @@ export default {
getAboutUs().then(res => { getAboutUs().then(res => {
this.aboutInfo = res.data; this.aboutInfo = res.data;
}); });
getPartner().then(({ data }) => {
data = data.filter(item => {
return item.status == 1;
});
if (data.length < 16)
return this.msgError('请至后台添加并且显示至少16个合作伙伴');
if (data.length % 2 != 0) {
data.pop();
}
const middleIndex = Math.ceil(data.length / 2);
this.listData = data.slice().splice(0, middleIndex);
this.listData2 = data.slice().splice(-middleIndex);
console.log(this.listData);
console.log(this.listData2);
console.log(data);
});
} }
}; };
</script> </script>

View File

@ -148,11 +148,11 @@ export default {
{ {
value: '1415157026115424256', value: '1415157026115424256',
label: '公告' label: '公告'
},
{
value: '1415157049267982336',
label: '其他'
} }
// {
// value: '1415157049267982336',
// label: '其他'
// }
], ],
// 归口选项 // 归口选项
attributeOptions: [ attributeOptions: [