提交 65fb540e authored 作者: lihuihui's avatar lihuihui

修改bug

上级 ff3e7081
...@@ -134,8 +134,8 @@ export default { ...@@ -134,8 +134,8 @@ export default {
api api
.getCondition() .getCondition()
.then(response => { .then(response => {
this.options = response.data.get_school_info.project_map this.options = response.data.get_certificate_info.project_map
this.value = response.data.get_school_info.project_map[0].id this.value = response.data.get_certificate_info.project_map[0].id
this.changes() this.changes()
}) })
.finally(() => {}) .finally(() => {})
......
<template> <template>
<div class="home-content"> <div class="home-content">
<img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-banner.png" class="banner"> <img src="https://webapp-pub.oss-cn-beijing.aliyuncs.com/certificate/web-home-banner.png" class="banner" />
<div class="title">{{ $t('shmsLang.home.title') }}</div> <div class="title">{{ $t('shmsLang.home.title') }}</div>
<ul> <ul>
<li v-for="(item, index) in menuList" :key="index" @click="goPage(item.path)"> <li v-for="(item, index) in menuList" :key="index" @click="goPage(item.path)">
<div class="icon"> <div class="icon">
<img :src="item.icon" class="hover-no"> <img :src="item.icon" class="hover-no" />
<img :src="item.iconActive" class="hover"> <img :src="item.iconActive" class="hover" />
</div> </div>
<div class="name">{{ item.name }}</div> <div class="name">{{ item.name }}</div>
</li> </li>
...@@ -64,64 +64,64 @@ export default { ...@@ -64,64 +64,64 @@ export default {
} }
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.home-content{ .home-content {
.banner{ .banner {
width: 100%; width: 100%;
display: block; display: block;
} }
.title{ .title {
text-align: center; text-align: center;
font-size: 24px; font-size: 24px;
line-height: 29px; line-height: 29px;
color: #292929; color: #292929;
margin: 31px 0 34px; margin: 31px 0 34px;
} }
ul{ ul {
display: flex; display: flex;
justify-content: center; justify-content: center;
margin: 0; margin: 0;
padding: 0; padding: 0;
list-style: none; list-style: none;
li{ li {
padding-top: 30px; padding-top: 30px;
box-sizing: border-box; box-sizing: border-box;
width: 156px; width: 156px;
height: 186px; height: 186px;
background: #FFFFFF; background: #ffffff;
cursor: pointer; cursor: pointer;
&:nth-child(2){ &:nth-child(2) {
margin: 0 60px; margin: 0 60px;
} }
&:hover{ &:hover {
background: rgba(216, 46, 39, 1); background: rgba(216, 46, 39, 1);
.icon{ .icon {
.hover-no{ .hover-no {
display: none; display: none;
} }
.hover{ .hover {
display: block; display: block;
} }
} }
.name{ .name {
color: #fff; color: #fff;
} }
} }
.icon{ .icon {
width: 60px; width: 60px;
height: 70px; height: 70px;
margin: 0 auto; margin: 0 auto;
img{ img {
width: 100%; width: 100%;
display: block; display: block;
} }
.hover{ .hover {
display: none; display: none;
} }
} }
.name{ .name {
font-size: 14px; font-size: 14px;
line-height: 17px; line-height: 17px;
color: #6E6E6E; color: #6e6e6e;
margin-top: 15px; margin-top: 15px;
text-align: center; text-align: center;
} }
......
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论