添加组件

This commit is contained in:
WindowBird 2025-10-22 10:57:30 +08:00
parent 7f492a39f6
commit 7333f97521
83 changed files with 10622 additions and 682 deletions

24
.gitignore vendored Normal file
View File

@ -0,0 +1,24 @@
# Nuxt dev/build outputs
.output
.data
.nuxt
.nitro
.cache
dist
# Node dependencies
node_modules
# Logs
logs
*.log
# Misc
.DS_Store
.fleet
.idea
# Local env files
.env
.env.*
!.env.example

75
README.md Normal file
View File

@ -0,0 +1,75 @@
# Nuxt Minimal Starter
Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
## Setup
Make sure to install dependencies:
```bash
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
```
## Development Server
Start the development server on `http://localhost:3000`:
```bash
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
```
## Production
Build the application for production:
```bash
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
```
Locally preview production build:
```bash
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
```
Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

9
app/app.vue Normal file
View File

@ -0,0 +1,9 @@
<template>
<UApp>
<NuxtLayout>
<NuxtPage />
</NuxtLayout>
</UApp>
</template>
<script setup lang="ts">
</script>

View File

@ -0,0 +1,24 @@
<script setup lang="ts">
const { footer } = useAppConfig()
</script>
<template>
<UFooter
class="z-10 bg-default"
:ui="{ left: 'text-muted text-xs' }"
>
<template #left>
{{ footer.credits }}
</template>
<template #right>
<template v-if="footer?.links">
<UButton
v-for="(link, index) of footer?.links"
:key="index"
v-bind="{ size: 'xs', color: 'neutral', variant: 'ghost', ...link }"
/>
</template>
</template>
</UFooter>
</template>

View File

@ -1,56 +1,69 @@
<script setup lang="ts">
import type { NavigationMenuItem } from '@nuxt/ui'
<script lang="ts" setup>
import type {NavigationMenuItem} from '@nuxt/ui'
const route = useRoute()
const items = computed<NavigationMenuItem[]>(() => [{
label: 'Docs',
label: '首页',
to: '/docs/getting-started',
icon: 'i-lucide-book-open',
active: route.path.startsWith('/docs/getting-started')
}, {
label: 'Components',
to: '/docs/components',
label: '产品与服务',
icon: 'i-lucide-box',
active: route.path.startsWith('/docs/components')
active: route.path.startsWith('/docs/components'),
children: [
{label: '智慧蜂场建设', to: '/hive'},
{label: '智能蜂箱研制', to: '/hive'},
{label: '质量安全溯源', to: '/hive'},
{label: '蜂产业大数据', to: '/sensors'},
{label: '知识服务中心', to: '/sensors'},
]
}, {
label: 'Figma',
label: '应用实例',
icon: 'i-simple-icons-figma',
to: 'https://go.nuxt.com/figma-ui',
target: '_blank'
}, {
label: 'Releases',
label: '典型案例',
icon: 'i-lucide-rocket',
to: 'https://github.com/nuxt/ui/releases',
target: '_blank'
}])
}, {
label: '新闻资讯',
to: '/docs/components',
icon: 'i-lucide-box',
active: route.path.startsWith('/docs/components')
}, {
label: '关于我们',
to: '/docs/components',
icon: 'i-lucide-box',
active: route.path.startsWith('/docs/components')
}, {
label: '联系我们',
to: '/docs/components',
icon: 'i-lucide-box',
active: route.path.startsWith('/docs/components')
},])
</script>
<template>
<UHeader>
<template #title>
<Logo class="h-6 w-auto" />
<Logo class="h-6 w-auto"/>
</template>
<UNavigationMenu :items="items" />
<UNavigationMenu :items="items"/>
<template #right>
<UColorModeButton />
<UTooltip text="Open on GitHub" :kbds="['meta', 'G']">
<UButton
color="neutral"
variant="ghost"
to="https://github.com/nuxt/ui"
target="_blank"
icon="i-simple-icons-github"
aria-label="GitHub"
/>
</UTooltip>
</template>
<!-- <template #right>-->
<!-- <view>-->
<!-- -->
<!-- </view>-->
<!-- </template>-->
<template #body>
<UNavigationMenu :items="items" orientation="vertical" class="-mx-2.5" />
<UNavigationMenu :items="items" class="-mx-2.5" orientation="vertical"/>
</template>
</UHeader>
</template>

View File

@ -0,0 +1,76 @@
<script setup lang="ts">
const colorMode = useColorMode()
const nextTheme = computed(() => (colorMode.value === 'dark' ? 'light' : 'dark'))
const switchTheme = () => {
colorMode.preference = nextTheme.value
}
const startViewTransition = (event: MouseEvent) => {
if (!document.startViewTransition) {
switchTheme()
return
}
const x = event.clientX
const y = event.clientY
const endRadius = Math.hypot(
Math.max(x, window.innerWidth - x),
Math.max(y, window.innerHeight - y)
)
const transition = document.startViewTransition(() => {
switchTheme()
})
transition.ready.then(() => {
const duration = 600
document.documentElement.animate(
{
clipPath: [
`circle(0px at ${x}px ${y}px)`,
`circle(${endRadius}px at ${x}px ${y}px)`
]
},
{
duration: duration,
easing: 'cubic-bezier(.76,.32,.29,.99)',
pseudoElement: '::view-transition-new(root)'
}
)
})
}
</script>
<template>
<ClientOnly>
<UButton
:aria-label="`Switch to ${nextTheme} mode`"
:icon="`i-lucide-${nextTheme === 'dark' ? 'sun' : 'moon'}`"
color="neutral"
variant="ghost"
size="sm"
class="rounded-full"
@click="startViewTransition"
/>
<template #fallback>
<div class="size-4" />
</template>
</ClientOnly>
</template>
<style>
::view-transition-old(root),
::view-transition-new(root) {
animation: none;
mix-blend-mode: normal;
}
::view-transition-new(root) {
z-index: 9999;
}
::view-transition-old(root) {
z-index: 1;
}
</style>

View File

@ -0,0 +1,28 @@
<script setup lang="ts">
defineProps<{
image: {
src: string
alt: string
}
index: number
}>()
</script>
<template>
<div
class="bg-white p-2 flex flex-col drop-shadow-2xl transition-transform duration-300 ease-in-out hover:scale-105 hover:rotate-0 hover:z-10"
:class="[
index % 2 === 0 ? '-rotate-5' : 'rotate-5',
index % 2 === 0 ? 'hover:-translate-x-4' : 'hover:translate-x-4'
]"
>
<img
:src="image.src"
:alt="image.alt"
class="size-32 object-cover"
>
<span class="w-32 text-xs text-black font-serif font-medium text-center mt-2">
{{ image.alt }}
</span>
</div>
</template>

View File

@ -0,0 +1,23 @@
<script setup lang="ts">
import type { IndexCollectionItem } from '@nuxt/content'
defineProps<{
page: IndexCollectionItem
}>()
</script>
<template>
<UPageSection
:title="page.about.title"
:description="page.about.description"
:ui="{
container: '!p-0',
title: 'text-left text-xl sm:text-xl lg:text-2xl font-medium',
description: 'text-left mt-3 text-sm sm:text-md lg:text-sm text-muted'
}"
/>
</template>
<style scoped>
</style>

View File

@ -0,0 +1,61 @@
<script lang="ts" setup>
import type { IndexCollectionItem } from '@nuxt/content'
defineProps<{
page: IndexCollectionItem
}>()
const { data: posts } = await useAsyncData('index-blogs', () =>
queryCollection('blog').order('date', 'DESC').limit(3).all()
)
if (!posts.value) {
throw createError({ statusCode: 404, statusMessage: 'blogs posts not found', fatal: true })
}
</script>
<template>
<UPageSection
:description="page.blog.description"
:title="page.blog.title"
:ui="{
container: 'px-0 !pt-0 sm:gap-6 lg:gap-8',
title: 'text-left text-xl sm:text-xl lg:text-2xl font-medium',
description: 'text-left mt-2 text-sm sm:text-md lg:text-sm text-muted'
}"
>
<UBlogPosts
class="gap-4 lg:gap-y-4"
orientation="vertical"
>
<UBlogPost
v-for="(post, index) in posts"
:key="index"
:to="post.path"
:ui="{
root: 'group relative lg:items-start lg:flex ring-0 hover:ring-0',
body: '!px-0',
header: 'hidden'
}"
orientation="horizontal"
v-bind="post"
variant="naked"
>
<template #footer>
<UButton
class="px-0 gap-0"
label="Read Article"
size="xs"
variant="link"
>
<template #trailing>
<UIcon
class="size-4 text-primary transition-all opacity-0 group-hover:translate-x-1 group-hover:opacity-100"
name="i-lucide-arrow-right"
/>
</template>
</UButton>
</template>
</UBlogPost>
</UBlogPosts>
</UPageSection>
</template>

View File

@ -0,0 +1,64 @@
<script setup lang="ts">
import type { IndexCollectionItem } from '@nuxt/content'
const props = defineProps<{
page: IndexCollectionItem
}>()
const items = computed(() => {
return props.page.faq?.categories.map((faq) => {
return {
label: faq.title,
key: faq.title.toLowerCase(),
questions: faq.questions
}
})
})
const ui = {
root: 'flex items-center gap-4 w-full',
list: 'relative flex bg-transparent dark:bg-transparent gap-2 px-0',
indicator: 'absolute top-[4px] duration-200 ease-out focus:outline-none rounded-lg bg-elevated/60',
trigger: 'px-3 py-2 rounded-lg hover:bg-muted/50 data-[state=active]:text-highlighted data-[state=inactive]:text-muted',
label: 'truncate'
}
</script>
<template>
<UPageSection
:title="page.faq.title"
:description="page.faq.description"
:ui="{
container: 'px-0 !pt-0 gap-4 sm:gap-4',
title: 'text-left text-xl sm:text-xl lg:text-2xl font-medium',
description: 'text-left mt-2 text-sm sm:text-md lg:text-sm text-muted'
}"
>
<UTabs
:items
orientation="horizontal"
:ui
>
<template #content="{ item }">
<UAccordion
trailing-icon="lucide:plus"
:items="item.questions"
:unmount-on-hide="false"
:ui="{
item: 'border-none',
trigger: 'mb-2 border-0 group px-4 transform-gpu rounded-lg bg-elevated/60 will-change-transform hover:bg-muted/50 text-base',
trailingIcon: 'group-data-[state=closed]:rotate-0 group-data-[state=open]:rotate-135 text-base text-muted'
}"
>
<template #body="{ item: _item }">
<MDC
:value="_item.content"
unwrap="p"
class="px-4"
/>
</template>
</UAccordion>
</template>
</UTabs>
</UPageSection>
</template>

View File

@ -0,0 +1,32 @@
<script lang="ts" setup>
const links = ref([
{
label: 'Get started',
to: '/docs/getting-started',
icon: 'i-lucide-square-play'
},
{
label: 'Learn more',
to: '/docs/getting-started/theme/design-system',
color: 'neutral',
variant: 'subtle',
trailingIcon: 'i-lucide-arrow-right'
}
])
</script>
<template>
<UPageHero
:links="links"
description="A Nuxt/Vue-integrated UI library providing a rich set of fully-styled, accessible and highly customizable components for building modern web applications."
headline="New release"
orientation="horizontal"
title="Ultimate Vue UI library"
>
<img
alt="App screenshot"
class="rounded-lg shadow-2xl ring ring-default"
src="/img/img_1.png"
>
</UPageHero>
</template>

View File

@ -0,0 +1,42 @@
<script lang="ts" setup>
import type { IndexCollectionItem } from '@nuxt/content'
defineProps<{
page: IndexCollectionItem
}>()
</script>
<template>
<UPageSection
:ui="{
container: 'px-0 !pt-0'
}"
>
<UCarousel
v-slot="{ item }"
:autoplay="{ delay: 4000 }"
:items="page.testimonials"
:ui="{
viewport: '-mx-4 sm:-mx-12 lg:-mx-16 bg-elevated/50 max-w-(--ui-container)'
}"
dots
loop
>
<UPageCTA
:description="item.quote"
:ui="{
container: 'sm:py-12 lg:py-12 sm:gap-8',
description: '!text-base text-balance before:content-[open-quote] before:text-5xl lg:before:text-7xl before:inline-block before:text-dimmed before:absolute before:-ml-6 lg:before:-ml-10 before:-mt-2 lg:before:-mt-4 after:content-[close-quote] after:text-5xl lg:after:text-7xl after:inline-block after:text-dimmed after:absolute after:mt-1 lg:after:mt-0 after:ml-1 lg:after:ml-2'
}"
class="rounded-none"
variant="naked"
>
<UUser
class="justify-center"
size="xl"
v-bind="item.author"
/>
</UPageCTA>
</UCarousel>
</UPageSection>
</template>

View File

@ -0,0 +1,57 @@
<script setup lang="ts">
import type { IndexCollectionItem } from '@nuxt/content'
defineProps<{
page: IndexCollectionItem
}>()
</script>
<template>
<UPageSection
:title="page.experience.title"
:ui="{
container: '!p-0 gap-4 sm:gap-4',
title: 'text-left text-xl sm:text-xl lg:text-2xl font-medium',
description: 'mt-2'
}"
>
<template #description>
<div class="flex flex-col gap-2">
<Motion
v-for="(experience, index) in page.experience.items"
:key="index"
:initial="{ opacity: 0, transform: 'translateY(20px)' }"
:while-in-view="{ opacity: 1, transform: 'translateY(0)' }"
:transition="{ delay: 0.4 + 0.2 * index }"
:in-view-options="{ once: true }"
class="text-muted flex items-center text-nowrap gap-2"
>
<p class="text-sm">
{{ experience.date }}
</p>
<USeparator />
<ULink
class="flex items-center gap-1"
:to="experience.company.url"
target="_blank"
>
<span class="text-sm">
{{ experience.position }}
</span>
<div
class="inline-flex items-center gap-1"
:style="{ color: experience.company.color }"
>
<span class="font-medium">{{ experience.company.name }}</span>
<UIcon :name="experience.company.logo" />
</div>
</ULink>
</Motion>
</div>
</template>
</UPageSection>
</template>
<style scoped>
</style>

View File

@ -3,631 +3,9 @@
</script>
<template>
<body>
<div id="_/_nuxt" data-server-rendered="true"><!---->
<div id="__layout">
<div class="layout" data-v-6d593ec4="">
<nav
aria-label="main navigation" class="navbar navHeader is-primary is-fixed-top has-navbar-centered"
data-v-6d593ec4="" data-v-7d33a55d="" role="navigation">
<div class="container">
<div class="navbar-brand"><a
aria-current="page" class="navbar-item nuxt-link-exact-active nuxt-link-active"
data-v-7d33a55d=""
href="index.html"
style="padding:0 0.75rem;" to="/">
<iframe
data-v-7d33a55d="" height="40" src="/_nuxt/710d32115f08a78391e7863bdfe3b446.svg"
width="150"/>
</a><a aria-label="menu" class="navbar-burger burger" role="button"><span aria-hidden="true"/><span
aria-hidden="true"/><span aria-hidden="true"/></a></div>
<div class="navbar-menu">
<div class="navbar-start"/>
<div class="navbar-end"><a
aria-current="page"
class="navbar-item nuxt-link-exact-active nuxt-link-active routerActive linkItem fs-18"
data-v-7d33a55d=""
href="index.html"
to="/">
首页
</a>
<div class="navbar-item has-dropdown is-hoverable linkItem dropdownMenu fs-18" data-v-7d33a55d=""><a
aria-haspopup="true" class="navbar-link" href="#" role="menuitem">产品与服务</a>
<div class="navbar-dropdown"><a
class="navbar-item fs-18 router-item" data-v-7d33a55d=""
href="product/beenFactory.html" to="/product/beenFactory">
智慧蜂场建设
</a> <a
class="navbar-item fs-18 router-item" data-v-7d33a55d="" href="product/beenHive.html"
to="/product/beenHive">
智能蜂箱研制
</a> <a
class="navbar-item fs-18 router-item" data-v-7d33a55d="" href="product/beenSafe.html"
to="/product/beenSafe">
质量安全溯源
</a> <a
class="navbar-item fs-18 router-item" data-v-7d33a55d="" href="product/beenData.html"
to="/product/beenData">
蜂产业大数据
</a> <a
class="navbar-item fs-18 router-item" data-v-7d33a55d="" href="product/Knowledge.html"
style="margin-bottom:0;" to="/product/Knowledge">
知识服务中心
</a></div>
</div>
<a class="navbar-item fs-18 linkItem" data-v-7d33a55d="" href="example.html" to="/example">
应用实例
</a> <a class="navbar-item fs-18 linkItem" data-v-7d33a55d="" href="classic.html" to="/classic">
典型案例
</a> <a class="navbar-item fs-18 linkItem" data-v-7d33a55d="" href="news.html" to="/news">
新闻资讯
</a> <a class="navbar-item fs-18 linkItem" data-v-7d33a55d="" href="about.html" to="/about">
关于我们
</a> <a
class="navbar-item fs-18 linkItem" data-v-7d33a55d="" href="contact.html"
style="margin-right:0;"
to="/contact">
联系我们
</a></div>
</div>
</div>
</nav>
<div class="index" data-v-0189660f="" data-v-6d593ec4=""><img alt="慧养蜂" class="w-100" data-v-0189660f="">
<div class="indexBg" data-v-0189660f="">
<div class="container" data-v-0189660f="">
<div class="t-center intro" data-v-0189660f=""><h6 class="fs-14 bold color-green" data-v-0189660f="">3D
INTELLIGENT APIARY</h6>
<h3 class="bold modelTitle" data-v-0189660f="">3D智慧蜂场</h3></div>
<div data-v-0189660f=""><img alt="3D智慧蜂场" class="w-100" data-v-0189660f=""></div>
</div>
</div>
<div class="blockArea serve" data-v-0189660f="">
<div class="container" data-v-0189660f="">
<div class="t-center" data-v-0189660f=""><h6 class="fs-14 bold has-text-white" data-v-0189660f="">SERVICE
INTRODUCTION</h6>
<h3 class="serviceTitle bold has-text-white" data-v-0189660f="">服务简介</h3></div>
<div class="fs-18 has-text-white intro" data-v-0189660f="">
以提升蜂产业标准化和自动化水平为目标综合应用物联网视频巡航深度学习3S技术无人机无线通讯等信息技术手段开展蜂业生产安全产业链智能管控技术研究研制了智能蜂场蜂产品质量追溯智能蜂箱蜂业知识服务蜂产业大数据等系列软硬产品携手共建智能化生态化无人化的现代蜂业经营管理模式
</div>
</div>
<div class="container" data-v-0189660f="" ontouchstart="">
<div class="columns is-hidden-mobile pc" data-v-0189660f="">
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/cf9ea8fc5e580373dc147e41d386bbc3.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
智慧蜂场建设
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
disabled="disabled"
href="product/beenFactory.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">智慧蜂场建设</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
提供蜂群蜂箱蜂场环境等信息远程实时自动获取统计分析和监测预警服务实现智能化养殖提高管理效率节省成本设备先进质量和服务双保障
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/0b36d9af76f890058fec7c80420bfdb7.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
智能蜂箱研制
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
disabled="disabled"
href="product/beenHive.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">智能蜂箱研制</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
根据不同需求提供基础版标准版高级版三种产品采用先进的蜂箱数据采集预警系统实现对蜂箱温湿度重量蜂群活动的远程实时监控管理需求
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/8ce8bd3b51892eb81833331c2bb0c28b.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
质量安全溯源
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
disabled="disabled"
href="product/beenSafe.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">质量安全溯源</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
以帮助蜂企业塑造品牌效应提升产品价格为目的通过记录标准化生产过程增强产品信息透明度及公信力包含蜂产品溯源数据填报APP国家优质蜂产品联盟授权的溯源防伪标签消费者溯源查询系统监管部门及企业数据统计管理系统等实现对蜂产品从养殖到销售全流程信息精准追溯达成防伪目标
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/06b18cc627330e33d921e886fe95ab97.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
蜂产业大数据
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
disabled="disabled"
href="product/beenData.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">蜂产业大数据</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
集蜂场蜂农蜂群蜂产品蜜源地等蜂产业大数据自动获取智能分析与统计查询管理功能于一体推进蜂农和组织信息联动实现蜂业一张图完成跨地区大规模多维度等多源异构数据管理及决策服务
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/3fcddd46ee0fb0310aae6d82cc2da2d6.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
知识服务中心
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
disabled="disabled"
href="product/Knowledge.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">知识服务中心</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
提供行业资讯浏览养蜂技能学习分享蜂业知识科普社区互动交流蜂群转运信息上报查询等蜂业知识服务搭建便捷化信息化蜂业知识交流平台
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-front cursor is-flex is-flex-direction-column is-justify-content-center is-align-items-center"
data-v-0189660f="">
<div
class="is-flex is-justify-content-center is-align-items-center" data-v-0189660f=""
style="height: 66px"><img
alt="" data-v-0189660f=""
src="/_nuxt/64cdaa1e94eddfb0d31502c836af5ed5.svg"></div>
<p class="color-black fs-20" data-v-0189660f="" style="margin-top: 10px">
定制化开发
</p></div>
<div class="serve-item-back" data-v-0189660f=""><a
data-v-0189660f=""
href="product/Knowledge.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">定制化开发</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
支持软件系统定制化开发充分满足企业或政府的特定需求灵活的功能设计定制化的模块开发更好的支持企业业务需求
</div> <!----></a></div>
</div>
</div>
</div>
</div>
<div class="columns is-hidden-tablet phone" data-v-0189660f="">
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/1.e08e0f1.png);background-size:100% 100%;"><a
data-v-0189660f="" disabled="disabled" href="product/beenFactory.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">智慧蜂场建设</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
提供蜂群蜂箱蜂场环境等信息远程实时自动获取统计分析和监测预警服务实现智能化养殖提高管理效率节省成本
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/2.8b3c4fc.png);background-size:100% 100%;"><a
data-v-0189660f="" disabled="disabled" href="product/beenHive.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">智能蜂箱研制</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
提供基础版标准版高级版三种产品采用先进的蜂箱数据采集预警系统对蜂箱温湿度重量蜂群活动进行远程实时的监控管理
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/3.9ce3277.png);background-size:100% 100%;"><a
data-v-0189660f="" disabled="disabled" href="product/beenSafe.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">质量安全溯源</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
以帮助蜂企业塑造品牌效应提升产品价格为目的通过记录标准化生产过程实现对蜂产品从养殖到销售全流程信息精准追溯
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/4.0381dc4.png);background-size:100% 100%;"><a
data-v-0189660f="" disabled="disabled" href="product/beenData.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">蜂产业大数据</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
集数据自动获取统计分析管理决策于一体实现蜂业一张图完成跨地区大规模多维度等多源异构数据管理及决策服务
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/5.b12743d.png);background-size:100% 100%;"><a
data-v-0189660f="" disabled="disabled" href="product/Knowledge.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">知识服务中心</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
提供行业资讯浏览养蜂技能学习分享及知识科普社区互动交流蜂转运信息上报查询等服务搭建便捷化信息化蜂业知识交流平台
</div>
<div class="has-text-white t-right w-100 fs-14" data-v-0189660f="" style="margin-top:5px;">
查看详情&nbsp;&nbsp;&gt;
</div>
</a></div>
</div>
</div>
</div>
<div class="column is-one-sixth is-flex is-justify-content-center" data-v-0189660f="">
<div class="serve-item" data-v-0189660f="">
<div class="serve-item-content" data-v-0189660f="">
<div
class="serve-item-back"
data-v-0189660f=""
style="background:url(/_nuxt/img/6.9aa946f.png);background-size:100% 100%;"><a
data-v-0189660f="" href="product/Knowledge.html">
<div class="t-left fs-20 bold" data-v-0189660f=""><h5
class="has-text-white bold"
data-v-0189660f="">定制化开发</h5>
<div class="white-line" data-v-0189660f="" style="margin:18px 0 16px 0;"/>
</div>
<div class="t-left has-text-white fs-14 emphasis-3" data-v-0189660f="">
支持软件系统定制化开发充分满足企业或政府的特定需求灵活的功能设计定制化的模块开发更好的支持企业业务需求
</div> <!----></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="blockArea strengths" data-v-0189660f="">
<div class="container" data-v-0189660f="">
<div class="t-center intro" data-v-0189660f=""><h6 class="fs-14 bold color-green" data-v-0189660f="">OUR
STRENGTHS</h6>
<h3 class="strengthTitle bold color-black" data-v-0189660f="">我们的优势</h3></div>
<div class="columns is-mobile" data-v-0189660f="">
<div
class="column is-6 strengthLeft is-flex is-align-items-center is-justify-content-flex-end"
data-v-0189660f="">
<div class="carousel" data-v-0189660f=""><!---->
<div class="carousel-items">
<div class="carousel-item" data-v-0189660f="" style="display:none;"><img
alt="优势背景"
data-v-0189660f=""></div>
<div class="carousel-item" data-v-0189660f="" style="display:none;"><img
alt="优势背景"
data-v-0189660f=""></div>
<div class="carousel-arrow is-hovered"><span class="icon has-icons-left"><i
class="mdi mdi-chevron-left mdi-24px"/></span><span class="icon has-icons-right"><i
class="mdi mdi-chevron-right mdi-24px"/></span></div>
</div><!----><!---->
<div class="carousel-indicator is-inside is-bottom"/><!----></div>
</div>
<div
class="column is-6 strengthRight is-flex is-align-items-center is-justify-content-flex-start"
data-v-0189660f=""><img alt="优势文字" class="is-hidden-mobile" data-v-0189660f=""> <img
alt="优势文字" class="is-hidden-tablet" data-v-0189660f=""></div>
</div>
</div>
</div>
<div class="blockArea strengths" data-v-0189660f="">
<div class="container" data-v-0189660f="">
<div class="t-center intro" data-v-0189660f=""><h6 class="fs-14 bold color-green" data-v-0189660f="">
PRODUCT INTRODUCTION</h6>
<h3 class="strengthTitle bold color-black" data-v-0189660f="">产品介绍</h3></div>
<div class="columns is-mobile" data-v-0189660f="" style="justify-content: center">
<div
class="column is-10 strengthRight is-flex is-align-items-center is-justify-content-flex-start"
data-v-0189660f="">
<div
class="video-player-box production-video carousel" controls="controls" data-v-0189660f=""
height="100%"
playsinline="true" width="100%"/>
</div>
</div>
</div>
</div>
<div class="exampleNow" data-v-0189660f="">
<div class="container" data-v-0189660f="">
<div class="t-center intro" data-v-0189660f=""><h6 class="fs-14 bold color-green" data-v-0189660f="">CASE
FACTS</h6>
<h3 class="bold modelTitle" data-v-0189660f="">案例实况</h3></div>
<div class="columns" data-v-0189660f="">
<div class="column is-6 case-item" data-v-0189660f=""><a
data-v-0189660f=""
href="classicDetail8803.html?id=7"
style="color:#333;"
target="_blank">
<div class="detailContent" data-v-0189660f="">
<div data-v-0189660f=""><img alt="蜜蜂大世界" class="w-100" data-v-0189660f=""></div>
<div class="detailIntro" data-v-0189660f=""><h4 class="fs-20 bold color-black" data-v-0189660f="">
蜜蜂大世界</h4>
<p class="green-line" data-v-0189660f=""/>
<div class="fs-14" data-v-0189660f="">
北京最大的蜜蜂文化产业园世界蜜蜂日承办点
</div>
</div>
</div>
</a></div>
<div class="column is-6 case-item" data-v-0189660f=""><a
data-v-0189660f=""
href="classicDetailc3c9.html?id=8"
style="color:#333;"
target="_blank">
<div class="detailContent" data-v-0189660f="">
<div data-v-0189660f=""><img alt="国家烟草总局竹山县智慧蜂场" class="w-100" data-v-0189660f="">
</div>
<div class="detailIntro" data-v-0189660f=""><h4 class="fs-20 bold color-black" data-v-0189660f="">
国家烟草总局竹山县智慧蜂场
</h4>
<p class="green-line" data-v-0189660f=""/>
<div class="fs-14" data-v-0189660f="">
受国家烟草专卖局和竹山县政府委托于竹山县建立一批高标准示范蜂场帮助蜂农脱贫塑造国烟品牌形象
</div>
</div>
</div>
</a></div>
</div>
<div class="columns" data-v-0189660f="">
<div class="column is-6 case-item" data-v-0189660f=""><a
data-v-0189660f=""
href="classicDetail0b30.html?id=2"
style="color:#333;"
target="_blank">
<div class="detailContent" data-v-0189660f="">
<div data-v-0189660f=""><img alt="蜂产品质量安全追溯系统" class="w-100" data-v-0189660f=""></div>
<div class="detailIntro" data-v-0189660f=""><h4 class="fs-20 bold color-black" data-v-0189660f="">
蜂产品质量安全追溯系统</h4>
<p class="green-line" data-v-0189660f=""/>
<div class="fs-14" data-v-0189660f="">
2017年新版上线已在北京新疆武汉广东浙江四川等地示范应用
</div>
</div>
</div>
</a></div>
<div class="column is-6 case-item" data-v-0189660f=""><a
data-v-0189660f=""
href="classicDetail681a.html?id=1"
style="color:#333;"
target="_blank">
<div class="detailContent" data-v-0189660f="">
<div data-v-0189660f=""><img
alt="中国农业科学院蜜蜂研究所智能蜂箱监测" class="w-100"
data-v-0189660f=""></div>
<div class="detailIntro" data-v-0189660f=""><h4 class="fs-20 bold color-black" data-v-0189660f="">
中国农业科学院蜜蜂研究所智能蜂箱监测
</h4>
<p class="green-line" data-v-0189660f=""/>
<div class="fs-14" data-v-0189660f="">
数字化养蜂实时监控蜂箱里环境和蜂群活动解决反复繁琐的开箱操作
</div>
</div>
</div>
</a></div>
</div>
</div>
<div class="leftIcon is-hidden-touch" data-v-0189660f=""><img alt="" data-v-0189660f=""></div>
<div class="rightIcon is-hidden-touch" data-v-0189660f=""><img alt="" data-v-0189660f=""></div>
</div>
</div>
<a class="goTop" data-v-6d593ec4="" style="display:none;"/>
<div class="sideRightNav" data-v-6d593ec4="">
<div class="kefu"><span class="kefuImg"><img alt="" src="/_nuxt/img/qrcode.82b57d7.png"></span> <img
alt="ScanCode" class="scanCode" src="/_nuxt/f77d3d80af00d3ff62f5166f25ee964d.svg" style="width: 24px">
<span title="添加客服微信">联系客服</span></div>
<div class="line phone"><img alt="" src="/_nuxt/ef0380e21406a19deb8df291ddaafc58.svg" title="拨打客服电话">
<div class="phoneNumber">010-82105220</div>
</div>
</div>
<div class="footer" data-v-6d593ec4="">
<footer class="container">
<div class="columns" style="align-items: center">
<div class="column is-2 t-center footer-logo"><img alt="logo">
<p class="fs-13" style="margin-top: 10px">智能农业技术研究室</p></div>
<div class="column is-5 fs-14 footerContent"><p class="contactWay fs-18"><span>电话010-82105220</span>
<span class="split">|</span> <span>邮箱aiiai@caas.cn</span></p>
<p class="address fs-18"><span class="is-hidden-mobile">传真010-82103120</span> <span
class="split is-hidden-mobile">|</span> <span>地址北京市海淀区中关村南大街12号</span></p>
<p class="link"><span class="is-hidden-mobile">相关链接</span> <a
class="linkAddress"
href="http://www.caas.cn/"
target="_blank">
中国农业科学院
</a> <a class="xinxisuo linkAddress" href="http://aii.caas.cn/" target="_blank">
中国农业科学院农业信息研究所
</a></p>
<div class="is-hidden-mobile"><a
class="linkAddress" href="https://www.caasai.com/page/index"
target="_blank">
中国农业科学院农业信息研究所智能农业技术研究室
</a> <span style="margin: 0 3px">版权所有</span> <span><img
alt="" src="/_nuxt/img/beian.d0289dc.png"
style="height: 14px"> <a
class="linkAddress" href="https://beian.miit.gov.cn/" target="_blank">
京ICP备09089781号-39
</a></span></div>
<div class="is-hidden-tablet t-center"><a
class="linkAddress" href="http://ai.caasai.com/"
target="_blank">
中国农业科学院农业信息研究所智能农业技术研究室
</a>
<p class="t-center" style="margin-top: 5px"><span style="margin-right: 3px">版权所有</span> <span><img
alt="" src="/_nuxt/img/beian.d0289dc.png" style="height: 14px"> <a
class="linkAddress" href="https://beian.miit.gov.cn/" target="_blank">
京ICP备09089781号-39
</a></span></p></div>
</div>
<div class="is-5 is-hidden-mobile footerScan">
<div class="is-flex">
<div class="t-center" style="margin-right: 120px; margin-left: 40px"><img
alt="平台店铺"
title="请使用手机扫码"
width="132px">
<p>平台产品店铺</p></div>
<div class="t-center" style="width: 132px"><img alt="公众号">
<p>公众号</p></div>
</div>
</div>
</div>
</footer>
</div>
</div>
</div>
</div>
<!-- <script defer="" src="/_nuxt/f35f896.js"></script>-->
<!-- <script defer="" src="/_nuxt/025d0bc.js"></script>-->
<!-- <script defer="" src="/_nuxt/301280a.js"></script>-->
<!-- <script defer="" src="/_nuxt/35a72a0.js"></script>-->
<!-- <script defer="" src="/_nuxt/18f88f5.js"></script>-->
</body>
<UPage>
<LandingHero/>
</UPage>
</template>
<style scoped>

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="46px" height="42px"> <path fill-rule="evenodd" fill="rgb(0, 166, 97)" d="M45.714,25.621 C45.083,29.495 43.202,33.017 40.450,35.722 C40.066,36.100 39.561,36.285 39.054,36.285 C38.535,36.285 38.013,36.090 37.618,35.706 L24.842,23.304 L43.719,23.304 C44.970,23.304 45.912,24.408 45.714,25.621 ZM41.141,19.304 L23.045,19.304 L23.045,2.081 C23.045,0.987 23.950,0.094 25.044,0.094 C25.096,0.094 25.148,0.096 25.201,0.100 C36.265,0.957 42.828,8.417 43.164,17.286 C43.205,18.394 42.270,19.304 41.141,19.304 ZM31.187,38.386 C28.191,40.147 24.692,41.154 20.947,41.154 C9.889,41.154 0.930,32.363 0.930,21.521 C0.930,12.187 7.554,4.382 16.439,2.379 C16.594,2.344 16.749,2.327 16.901,2.327 C17.991,2.327 18.929,3.188 18.929,4.312 L18.929,22.508 C18.929,23.048 19.153,23.564 19.550,23.938 L31.552,35.246 C32.516,36.154 32.332,37.713 31.187,38.386 Z"/> </svg>

Before

Width:  |  Height:  |  Size: 941 B

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1 +0,0 @@
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{307:function(t,e,n){n(31),n(106);t.exports={formatTime:function(t){"string"==typeof t&&(t=t.substr(0,16).replace(/-/g,"/").replace("T"," "));var e=new Date(t),n=e.getFullYear(),c=e.getMonth()+1,r=e.getDate(),l=e.getHours(),o=e.getMinutes(),m=e.getSeconds(),d=e.getDay();return{year:n,month:1===String(c).length?"0"+c:c,day:1===String(r).length?"0"+r:r,hour:1===String(l).length?"0"+l:l,minute:1===String(o).length?"0"+o:o,second:1===String(m).length?"0"+m:m,week:["周日","周一","周二","周三","周四","周五","周六"][d]}}}},309:function(t,e,n){t.exports=n.p+"img/banner.1055f6e.png"},316:function(t,e,n){var content=n(418);"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(9).default)("618f3ae1",content,!0,{sourceMap:!1})},417:function(t,e,n){"use strict";n(316)},418:function(t,e,n){(e=n(8)(!1)).push([t.i,".classicDetail{background:#e7e7e7;padding-bottom:80px}.classicDetail .newsTime{margin-bottom:40px}.classicDetail .newsTime .time{margin-right:20px}.classicDetail .f-24{font-size:24px}.classicDetail .py-3{padding:3px 0}.classicDetail .font-weight-bold{font-weight:700}.classicDetail .classicDetailContent{margin-top:-10rem;background:#fff;padding:50px;min-height:400px;line-height:2!important}.classicDetail .classicDetailContent .newsTitle{margin:40px 0}.classicDetail .classicDetailContent .newsTime{margin-bottom:40px}.classicDetail .classicDetailContent .newsTime .time{margin-right:20px}@media screen and (max-width:750px){.classicDetail{padding-bottom:20px}.classicDetail .is-mobile-title{font-size:26px!important}.classicDetail .classicDetailContent{min-height:unset;margin-top:-3.5rem;padding:20px;line-height:1.5!important}.classicDetail .classicDetailContent .newsTitle{margin:0 0 20px}.classicDetail .classicDetailContent .newsTime{margin-bottom:20px}.classicDetail .classicDetailContent .newsTime .time{margin-right:10px}}",""]),t.exports=e},575:function(t,e,n){"use strict";n.r(e);n(51),n(37);var c=n(7),r=n(307),l={asyncData:function(t){return Object(c.a)(regeneratorRuntime.mark((function e(){var n,c,r,l,o,m;return regeneratorRuntime.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return n=t.route,c=t.$axios,r=n.query.id,l="/api/common/getById?id=".concat(r),e.next=5,c.$get(l);case 5:return o=e.sent,m=o.data,e.abrupt("return",{res:m});case 8:case"end":return e.stop()}}),e)})))()},data:function(){return{banner:n(309)}},methods:{fmtDate:function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"Y",n=Object(r.formatTime)(t);return"D"===e?"".concat(n.day):"".concat(n.year,".").concat(n.month,".").concat(n.day," ").concat(n.hour,":").concat(n.minute,":").concat(n.second)}}},o=(n(417),n(10)),component=Object(o.a)(l,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"classicDetail"},[n("div",{staticClass:"banner"},[n("img",{staticClass:"w-100",attrs:{src:t.banner,alt:""}})]),t._v(" "),n("div",{staticClass:"container"},[t.res.title?n("div",{staticClass:"classicDetailContent"},[n("h2",{staticClass:"fs-30 is-mobile-title bold color-black t-center newsTitle"},[t._v("\n "+t._s(t.res.title)+"\n ")]),t._v(" "),n("div",{staticClass:"t-center fs-16 has-text-grey newsTime"},[n("span",{staticClass:"time"},[t._v(t._s(t.fmtDate(t.res.modifyTime)))]),t._v(" "),n("span",[t._v("浏览量:"+t._s(t.res.num))])]),t._v(" "),n("div",{domProps:{innerHTML:t._s(t.res.content)}})]):n("div",{staticClass:"classicDetailContent"},[t._v("敬请期待")])])])}),[],!1,null,null,null);e.default=component.exports}}]);

View File

@ -1 +0,0 @@
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1698376837434" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7666" xmlns:xlink="http://www.w3.org/1999/xlink" width="58px" height="52px"><path d="M891.23498667 161.10478222H133.34755555c-20.97152 0-37.86524445 16.89372445-37.86524444 37.86524444v528.94833778c0 20.97152 16.89372445 37.86524445 37.86524444 37.86524444h292.43619556v125.82912H284.22599111c-16.31118222 0-29.70965333 13.39847111-29.70965333 29.70965334s13.39847111 29.70965333 29.70965333 29.70965333h456.13056c16.31118222 0 29.70965333-13.39847111 29.70965334-29.70965333s-13.39847111-29.70965333-29.70965334-29.70965334H599.38133333v-125.82912h292.43619556c20.97152 0 37.86524445-16.89372445 37.86524444-37.86524444V198.97002666c-0.58254222-20.97152-17.47626667-37.86524445-38.44778666-37.86524444z m-538.26901334 386.80803556c11.65084445 11.65084445 11.65084445 30.29219555 0 41.94304-5.82542222 5.82542222-13.39847111 8.73813333-20.97152 8.73813333s-15.14609778-2.91271111-20.97152-8.73813333L205.00024889 483.83317333c-11.65084445-11.65084445-11.65084445-30.29219555 0-41.94304l106.60522666-106.60522667c11.65084445-11.65084445 30.29219555-11.65084445 41.94304 0s11.65084445 30.29219555 0 41.94304L267.91480889 462.86165333l85.05116444 85.05116445z m186.41351112 343.6999111h-54.17642667v-125.82912h54.17642667v125.82912zM613.94488889 345.77066666l-149.71335111 261.56145778c-5.24288 9.32067555-15.72864 15.14609778-25.63185778 15.14609778-5.24288 0-9.90321778-1.16508445-14.56355555-4.07779556-13.98101333-8.15559111-19.22389333-26.2144-11.06830223-40.77795555l149.71335111-261.56145778c8.15559111-13.98101333 26.2144-19.22389333 40.77795556-11.06830222 13.98101333 8.73813333 18.64135111 26.79694222 10.48576 40.77795555z m205.05486222 138.06250667l-106.02268444 106.02268445c-5.82542222 5.82542222-13.39847111 8.73813333-20.97152 8.73813333s-15.14609778-2.91271111-20.97152-8.73813333c-11.65084445-11.65084445-11.65084445-30.29219555 0-41.94304l85.05116444-85.05116445-85.05116444-85.05116445c-11.65084445-11.65084445-11.65084445-30.29219555 0-41.94304s30.29219555-11.65084445 41.94304 0l106.60522666 106.60522667c5.82542222 5.82542222 8.73813333 13.39847111 8.73813334 20.97152-0.58254222 6.99050667-3.49525333 14.56355555-9.32067556 20.38897778z" fill="#00b674" p-id="7667"></path></svg>

Before

Width:  |  Height:  |  Size: 2.4 KiB

File diff suppressed because one or more lines are too long

Before

Width:  |  Height:  |  Size: 5.5 KiB

File diff suppressed because one or more lines are too long

View File

@ -1,14 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>编组</title>
<g id="pc端" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="编组-8" transform="translate(-14.000000, -244.000000)">
<g id="编组备份-7" transform="translate(0.000000, 52.000000)">
<g id="编组" transform="translate(22.000000, 200.000000) rotate(-180.000000) translate(-22.000000, -200.000000) translate(14.000000, 192.000000)">
<rect id="矩形" x="0" y="0" width="16" height="16"></rect>
<path d="M8.16396103,4 L9.57817459,5.41421356 L14.5279221,10.363961 L13.1137085,11.7781746 L8.164,6.829 L3.21421356,11.7781746 L1.8,10.363961 L8.16396103,4 Z" id="形状结合" fill="#495770" transform="translate(8.163961, 7.889087) rotate(-180.000000) translate(-8.163961, -7.889087) "></path>
</g>
</g>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 46 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 428 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 129 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 241 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.1 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 61 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 94 KiB

6
eslint.config.mjs Normal file
View File

@ -0,0 +1,6 @@
// @ts-check
import withNuxt from './.nuxt/eslint.config.mjs'
export default withNuxt(
// Your custom configs here
)

13
nuxt.config.ts Normal file
View File

@ -0,0 +1,13 @@
export default defineNuxtConfig({
compatibilityDate: '2025-07-15',
devtools: { enabled: true },
modules: ['@nuxt/eslint', '@nuxt/ui', '@nuxt/image'],
css: ['~/assets/css/main.css'],
fonts: {
providers: {
google: false, // 禁用 Google Fonts
googleicons: false // 禁用 Google Icons
}
},
})

27
package.json Normal file
View File

@ -0,0 +1,27 @@
{
"name": "beehive",
"type": "module",
"private": true,
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare"
},
"dependencies": {
"@nuxt/eslint": "1.9.0",
"@nuxt/image": "1.11.0",
"@nuxt/ui": "4.0.1",
"eslint": "^9.38.0",
"nuxt": "^4.1.3",
"typescript": "^5.9.3",
"vue": "^3.5.22",
"vue-router": "^4.6.3"
},
"devDependencies": {
"autoprefixer": "^10.4.21",
"postcss": "^8.5.6",
"tailwindcss": "^4.1.15"
}
}

9999
pnpm-lock.yaml Normal file

File diff suppressed because it is too large Load Diff

BIN
public/favicon.ico Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

BIN
public/img/img.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.5 MiB

BIN
public/img/img_1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.4 MiB

2
public/robots.txt Normal file
View File

@ -0,0 +1,2 @@
User-Agent: *
Disallow:

18
tsconfig.json Normal file
View File

@ -0,0 +1,18 @@
{
// https://nuxt.com/docs/guide/concepts/typescript
"files": [],
"references": [
{
"path": "./.nuxt/tsconfig.app.json"
},
{
"path": "./.nuxt/tsconfig.server.json"
},
{
"path": "./.nuxt/tsconfig.shared.json"
},
{
"path": "./.nuxt/tsconfig.node.json"
}
]
}