FT/foton-laws-system-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

commit

Browse Source
This commit is contained in:
zhutianqi
2021-06-30 20:44:12 +08:00
parent 04190a44a0
commit a37f592df3
2 changed files with 126 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/home1/components/navMenu/index.vue
+58 -57
View File
@@ -1,71 +1,72 @@
<!-- 右侧导航 -->
<template>
<div class="nav-menu">
<div class="lattice">
<div class="menu-wrap">
<enter-card label="高级检索" path="/advancedSearch" style="margin-left:0px;"></enter-card>
<enter-card label="个人中心" path="/collection"></enter-card>
<enter-card label="统计图表" path="/"></enter-card>
</div>
<div class="menu-wrap">
<enter-card label="国内法规" path="/domesticStandardsAndRegulations" style="margin-left:0px;"></enter-card>
<enter-card label="国外法规" path="/foreignStandardsAndRegulations"></enter-card>
<enter-card label="标准清单" path="/accessStandardsAndRegulations"></enter-card>
</div>
<div class="menu-wrap">
<enter-card label="国内外政策" path="/" style="margin-left:0px;"></enter-card>
<enter-card label="企业标准" path="/"></enter-card>
<enter-card label="标准预警" path="/standardWarning"></enter-card>
</div>
<div class="nav-menu">
<div class="lattice">
<div class="menu-wrap">
<enter-card label="高级检索" path="/advancedSearch"></enter-card>
<enter-card label="个人中心" path="/collection"></enter-card>
<enter-card label="统计图表" path="/"></enter-card>
<enter-card label="国内法规" path="/domesticStandardsAndRegulations"></enter-card>
<enter-card label="国外法规" path="/foreignStandardsAndRegulations"></enter-card>
<enter-card label="标准清单" path="/accessStandardsAndRegulations"></enter-card>
<enter-card label="国内外政策" path="/"></enter-card>
<enter-card label="企业标准" path="/"></enter-card>
<enter-card label="标准预警" path="/standardWarning"></enter-card>
</div>
</div>
</div>
</div>
</template>
<script>
import EnterCard from '@/pages/home/components/EnterCard'
export default {
name: 'NavMenu',
components: {EnterCard},
mixins: [],
data() {
return {
import EnterCard from '@/pages/home/components/EnterCard'
export default {
name: 'NavMenu',
components: {EnterCard},
mixins: [],
data() {
return {
}
},
computed: {},
watch: {},
mounted() {},
methods: {
toPage() {
this.$router.push(this.path)
}
},
}
},
computed: {},
watch: {},
mounted() {},
methods: {
toPage() {
this.$router.push(this.path)
}
},
}
</script>
<style lang="less" scoped>
.nav-menu {
margin-bottom: 10px;
.lattice {
.menu-wrap {
display: flex;
color: #ffffff;
margin-bottom: 10px;
text-align: center;
&:last-child {
margin-bottom: 0;
}
.menu-item {
flex: 1;
line-height: 88px;
text-align: center;
margin-right: 10px;
background: rgba(182, 213, 255, 0.22);
&:last-child {
margin-right: 0;
.nav-menu {
.lattice {
.menu-wrap {
display: flex;
flex-wrap: wrap;
justify-content:space-between;
color: #ffffff;
margin-bottom: 10px;
text-align: center;
&:last-child {
margin-bottom: 0;
}
.wx-card {
width: 32%;
margin: 0 0 10px 0;
}
.menu-item {
flex: 1;
line-height: 88px;
text-align: center;
margin-right: 10px;
background: rgba(182, 213, 255, 0.22);
&:last-child {
margin-right: 0;
}
}
}
}
}
}
}
}
</style>