Files
foton-laws-system-front/src/pages/home1/components/empennage/index.vue
T
2021-06-16 17:57:04 +08:00

91 lines
1.9 KiB
Vue

<!-- 尾部链接 -->
<template>
<div class="link">
<ul>
<li v-for="(link, index) in linkList" :key="index">
<a @click="openLinkUrl(link.newWebSite)" v-html="link.webName"></a>
</li>
</ul>
</div>
</template>
<script>
export default {
name: 'Empennage',
components: {},
mixins: [],
data() {
return {
linkList: [
{
newWebSite: 'http://www.sac.gov.cn/',
webName: '国家标准化管理委员会'
},
{
newWebSite: 'http://std.samr.gov.cn/',
webName: '全国标准公共服务平台'
},
{
newWebSite: 'http://www.catarc.org.cn/',
webName: '全国汽车标准化技术委员会'
},
{
newWebSite: 'http://jtst.mot.gov.cn/news/',
webName: '交通运输标准化信息平台'
},
{
newWebSite: 'http://www.miit-eidc.org.cn/',
webName: '工信部装备工业发展中心'
},
{
newWebSite: 'http://www.mee.gov.cn/',
webName: '中华人民共和国生态环境部'
},
{
newWebSite: '',
webName: '更多链接>'
}
]
}
},
computed: {},
watch: {},
mounted() {},
methods: {
// 跳转链接
openLinkUrl (linkUri) {
let getHttp = linkUri.substring(0, 7)
let getHttps = linkUri.substring(0, 8)
if (getHttp === 'http://' || getHttps === 'https://') {
window.open(linkUri)
} else {
window.open('https://' + linkUri)
}
},
},
}
</script>
<style lang="less" scoped>
.link {
height: 100%;
ul {
display: flex;
height: 100%;
text-align: center;
user-select: none;
li {
flex: 1;
a {
color: #ffffff;
&:hover {
color: #e9ca32;
text-decoration: underline;
}
}
}
}
}
</style>