修改首页底部、合作伙伴轮播
This commit is contained in:
@ -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
|
||||||
|
});
|
||||||
|
}
|
||||||
|
@ -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>电话:19805659035、15855136916</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>
|
||||||
|
@ -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>
|
||||||
|
@ -148,11 +148,11 @@ export default {
|
|||||||
{
|
{
|
||||||
value: '1415157026115424256',
|
value: '1415157026115424256',
|
||||||
label: '公告'
|
label: '公告'
|
||||||
},
|
|
||||||
{
|
|
||||||
value: '1415157049267982336',
|
|
||||||
label: '其他'
|
|
||||||
}
|
}
|
||||||
|
// {
|
||||||
|
// value: '1415157049267982336',
|
||||||
|
// label: '其他'
|
||||||
|
// }
|
||||||
],
|
],
|
||||||
// 归口选项
|
// 归口选项
|
||||||
attributeOptions: [
|
attributeOptions: [
|
||||||
|
Reference in New Issue
Block a user