Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
e21fc48161 |
@ -161,7 +161,6 @@
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
|
||||||
{
|
{
|
||||||
"name": "开源镜像",
|
"name": "开源镜像",
|
||||||
"en_name": "Product",
|
"en_name": "Product",
|
||||||
|
@ -1,30 +1,30 @@
|
|||||||
<template>
|
<template>
|
||||||
<div>
|
<div>
|
||||||
<h4 class="text-gray">
|
<h4 class="text-gray">
|
||||||
<i class="lni lni-tag" :id="transName(item)"></i>{{ transName(item) }}
|
<i class="lni lni-tag" :id="transName(item)"></i>{{transName(item)}}
|
||||||
</h4>
|
</h4>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-sm-3" v-for="(webitem, idx) in item.web" :key="idx">
|
<div class="col-sm-3" v-for="(web, idx) in item.web" :key="idx">
|
||||||
<div class="xe-widget xe-conversations box2 label-info" title=""
|
<div class="xe-widget xe-conversations box2 label-info" title=""
|
||||||
@click="openweb(webitem.url)"
|
@click="openweb(web.url)"
|
||||||
data-toggle="tooltip"
|
data-toggle="tooltip"
|
||||||
data-placement="bottom"
|
data-placement="bottom"
|
||||||
:data-original-title="webitem.url">
|
:data-original-title="web.url">
|
||||||
<div class="xe-comment-entry">
|
<div class="xe-comment-entry">
|
||||||
<a class="xe-user-img">
|
<a class="xe-user-img">
|
||||||
<img :src="webitem.logo" class="lozad img-circle" width="40" alt="">
|
<img :src="web.logo" class="lozad img-circle" width="40">
|
||||||
</a>
|
</a>
|
||||||
<div class="xe-comment">
|
<div class="xe-comment">
|
||||||
<a href="#" class="xe-user-name overflowClip_1">
|
<a href="#" class="xe-user-name overflowClip_1">
|
||||||
<strong>{{ webitem.title }}</strong>
|
<strong>{{web.title}}</strong>
|
||||||
</a>
|
</a>
|
||||||
<p class="overflowClip_2">{{ webitem.desc }}</p>
|
<p class="overflowClip_2">{{web.desc}}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<br/>
|
<br />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -32,7 +32,7 @@
|
|||||||
export default {
|
export default {
|
||||||
name: 'WebItem',
|
name: 'WebItem',
|
||||||
props: {
|
props: {
|
||||||
item: {web: []},
|
item: Object,
|
||||||
transName: Function
|
transName: Function
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
@ -6,10 +6,14 @@
|
|||||||
<!-- logo -->
|
<!-- logo -->
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<a href="javascript:void(0)" class="logo-expanded">
|
<a href="javascript:void(0)" class="logo-expanded">
|
||||||
<img src="../assets/images/logo@2x.png" width="100%" alt=""/>
|
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||||||
</a>
|
</a>
|
||||||
<a href="javascript:void(0)" class="logo-collapsed">
|
<a href="javascript:void(0)" class="logo-collapsed">
|
||||||
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt=""/>
|
<img
|
||||||
|
src="../assets/images/logo-collapsed@2x.png"
|
||||||
|
width="40"
|
||||||
|
alt=""
|
||||||
|
/>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
<div class="mobile-menu-toggle visible-xs">
|
<div class="mobile-menu-toggle visible-xs">
|
||||||
@ -33,9 +37,9 @@
|
|||||||
<a :href="'#' + transName(submenu)" class="smooth">
|
<a :href="'#' + transName(submenu)" class="smooth">
|
||||||
<span class="title">{{ transName(submenu) }}</span>
|
<span class="title">{{ transName(submenu) }}</span>
|
||||||
<span
|
<span
|
||||||
v-show="submenu.is_hot"
|
v-show="submenu.is_hot"
|
||||||
class="label label-pink pull-right hidden-collapsed"
|
class="label label-pink pull-right hidden-collapsed"
|
||||||
>Hot</span
|
>Hot</span
|
||||||
>
|
>
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
@ -46,7 +50,9 @@
|
|||||||
<router-link to="/about">
|
<router-link to="/about">
|
||||||
<i class="lni lni-heart"></i>
|
<i class="lni lni-heart"></i>
|
||||||
<span class="tooltip-blue">关于本站</span>
|
<span class="tooltip-blue">关于本站</span>
|
||||||
<span class="label label-Primary pull-right hidden-collapsed">♥</span>
|
<span class="label label-Primary pull-right hidden-collapsed"
|
||||||
|
>♥︎</span
|
||||||
|
>
|
||||||
</router-link>
|
</router-link>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -61,16 +67,16 @@
|
|||||||
</li>
|
</li>
|
||||||
<li class="dropdown hover-line language-switcher">
|
<li class="dropdown hover-line language-switcher">
|
||||||
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
|
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
|
||||||
<img :src="lang.flag"/> {{ lang.name }}
|
<img :src="lang.flag" /> {{ lang.name }}
|
||||||
</a>
|
</a>
|
||||||
<ul class="dropdown-menu languages">
|
<ul class="dropdown-menu languages">
|
||||||
<li
|
<li
|
||||||
:class="{ active: langItem.key === lang.key }"
|
:class="{ active: langItem.key === lang.key }"
|
||||||
v-for="langItem in langList"
|
v-for="langItem in langList"
|
||||||
:key="langItem.key"
|
:key="langItem.key"
|
||||||
>
|
>
|
||||||
<a href="javascript:void(0)" @click="lang = langItem">
|
<a href="javascript:void(0)" @click="lang = langItem">
|
||||||
<img :src="langItem.flag"/> {{ langItem.name }}
|
<img :src="langItem.flag" /> {{ langItem.name }}
|
||||||
</a>
|
</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
@ -87,14 +93,14 @@
|
|||||||
|
|
||||||
<div v-for="(item, idx) in items" :key="idx">
|
<div v-for="(item, idx) in items" :key="idx">
|
||||||
<div v-if="item.web">
|
<div v-if="item.web">
|
||||||
<WebItem :item="item" :transName="transName"/>
|
<WebItem :item="item" :transName="transName" />
|
||||||
</div>
|
</div>
|
||||||
<div v-else v-for="(subItem, idx) in item.children" :key="idx">
|
<div v-else v-for="(subItem, idx) in item.children" :key="idx">
|
||||||
<WebItem :item="subItem" :transName="transName"/>
|
<WebItem :item="subItem" :transName="transName" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<Footer/>
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
@ -103,7 +109,7 @@
|
|||||||
import WebItem from "../components/WebItem.vue";
|
import WebItem from "../components/WebItem.vue";
|
||||||
import Footer from "../components/Footer.vue";
|
import Footer from "../components/Footer.vue";
|
||||||
import itemsData from "../assets/data.json";
|
import itemsData from "../assets/data.json";
|
||||||
import {loadJs} from '../assets/js/app.js'
|
import { loadJs } from '../assets/js/app.js'
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
name: "Index",
|
name: "Index",
|
||||||
|
Loading…
Reference in New Issue
Block a user