Compare commits
1 Commits
Author | SHA1 | Date | |
---|---|---|---|
32aefc54f8 |
@ -77,6 +77,36 @@
|
||||
"en_name": "ProgrammerArea",
|
||||
"icon": "lni lni-code",
|
||||
"children": [
|
||||
{
|
||||
"name": "AI智能",
|
||||
"en_name": "CodeHosting",
|
||||
"web": [
|
||||
{
|
||||
"url": "https://tongyi.aliyun.com/",
|
||||
"logo": "https://img.alicdn.com/imgextra/i1/O1CN01asLYeX1WhbsyEZn5u_!!6000000002820-55-tps-56-56.svg",
|
||||
"title": "通义千问",
|
||||
"desc": "阿里云"
|
||||
},
|
||||
{
|
||||
"url": "https://www.doubao.com//",
|
||||
"logo": "https://lf-flow-web-cdn.doubao.com/obj/flow-doubao/doubao/logo-doubao-overflow.png",
|
||||
"title": "豆包",
|
||||
"desc": "字节跳动"
|
||||
},
|
||||
{
|
||||
"url": "https://kimi.moonshot.cn/",
|
||||
"logo": "https://statics.moonshot.cn/kimi-chat/favicon.ico",
|
||||
"title": "Kimi",
|
||||
"desc": "北京月之暗面科技有限公司"
|
||||
},
|
||||
{
|
||||
"url": "https://chatgpt.com/",
|
||||
"logo": "https://cdn.oaistatic.com/assets/apple-touch-icon-mz9nytnj.webp",
|
||||
"title": "ChatGPT",
|
||||
"desc": "OpenAI"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
"name": "代码托管",
|
||||
"en_name": "CodeHosting",
|
||||
|
@ -1,30 +1,30 @@
|
||||
<template>
|
||||
<div>
|
||||
<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>
|
||||
<div class="row">
|
||||
<div class="col-sm-3" v-for="(web, idx) in item.web" :key="idx">
|
||||
<div class="col-sm-3" v-for="(webitem, idx) in item.web" :key="idx">
|
||||
<div class="xe-widget xe-conversations box2 label-info" title=""
|
||||
@click="openweb(web.url)"
|
||||
data-toggle="tooltip"
|
||||
data-placement="bottom"
|
||||
:data-original-title="web.url">
|
||||
@click="openweb(webitem.url)"
|
||||
data-toggle="tooltip"
|
||||
data-placement="bottom"
|
||||
:data-original-title="webitem.url">
|
||||
<div class="xe-comment-entry">
|
||||
<a class="xe-user-img">
|
||||
<img :src="web.logo" class="lozad img-circle" width="40">
|
||||
<img :src="webitem.logo" class="lozad img-circle" width="40" alt="">
|
||||
</a>
|
||||
<div class="xe-comment">
|
||||
<a href="#" class="xe-user-name overflowClip_1">
|
||||
<strong>{{web.title}}</strong>
|
||||
<strong>{{ webitem.title }}</strong>
|
||||
</a>
|
||||
<p class="overflowClip_2">{{web.desc}}</p>
|
||||
<p class="overflowClip_2">{{ webitem.desc }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<br/>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@ -32,7 +32,7 @@
|
||||
export default {
|
||||
name: 'WebItem',
|
||||
props: {
|
||||
item: Object,
|
||||
item: {web: []},
|
||||
transName: Function
|
||||
},
|
||||
methods: {
|
||||
|
@ -6,14 +6,10 @@
|
||||
<!-- logo -->
|
||||
<div class="logo">
|
||||
<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 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>
|
||||
</div>
|
||||
<div class="mobile-menu-toggle visible-xs">
|
||||
@ -37,9 +33,9 @@
|
||||
<a :href="'#' + transName(submenu)" class="smooth">
|
||||
<span class="title">{{ transName(submenu) }}</span>
|
||||
<span
|
||||
v-show="submenu.is_hot"
|
||||
class="label label-pink pull-right hidden-collapsed"
|
||||
>Hot</span
|
||||
v-show="submenu.is_hot"
|
||||
class="label label-pink pull-right hidden-collapsed"
|
||||
>Hot</span
|
||||
>
|
||||
</a>
|
||||
</li>
|
||||
@ -50,9 +46,7 @@
|
||||
<router-link to="/about">
|
||||
<i class="lni lni-heart"></i>
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
@ -67,16 +61,16 @@
|
||||
</li>
|
||||
<li class="dropdown hover-line language-switcher">
|
||||
<a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown">
|
||||
<img :src="lang.flag" /> {{ lang.name }}
|
||||
<img :src="lang.flag"/> {{ lang.name }}
|
||||
</a>
|
||||
<ul class="dropdown-menu languages">
|
||||
<li
|
||||
:class="{ active: langItem.key === lang.key }"
|
||||
v-for="langItem in langList"
|
||||
:key="langItem.key"
|
||||
:class="{ active: langItem.key === lang.key }"
|
||||
v-for="langItem in langList"
|
||||
:key="langItem.key"
|
||||
>
|
||||
<a href="javascript:void(0)" @click="lang = langItem">
|
||||
<img :src="langItem.flag" /> {{ langItem.name }}
|
||||
<img :src="langItem.flag"/> {{ langItem.name }}
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@ -93,14 +87,14 @@
|
||||
|
||||
<div v-for="(item, idx) in items" :key="idx">
|
||||
<div v-if="item.web">
|
||||
<WebItem :item="item" :transName="transName" />
|
||||
<WebItem :item="item" :transName="transName"/>
|
||||
</div>
|
||||
<div v-else v-for="(subItem, idx) in item.children" :key="idx">
|
||||
<WebItem :item="subItem" :transName="transName" />
|
||||
<WebItem :item="subItem" :transName="transName"/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<Footer />
|
||||
<Footer/>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
@ -109,7 +103,7 @@
|
||||
import WebItem from "../components/WebItem.vue";
|
||||
import Footer from "../components/Footer.vue";
|
||||
import itemsData from "../assets/data.json";
|
||||
import { loadJs } from '../assets/js/app.js'
|
||||
import {loadJs} from '../assets/js/app.js'
|
||||
|
||||
export default {
|
||||
name: "Index",
|
||||
|
Loading…
Reference in New Issue
Block a user