科技小王子 9 months ago
parent
commit
9299a7590f
  1. 1
      app/app.vue
  2. 4
      app/components/AppFooter.vue
  3. 29
      app/components/AppHeader.vue
  4. 129
      app/pages/index.vue
  5. 7
      content/index.yml
  6. 4
      nuxt.config.ts

1
app/app.vue

@ -1,5 +1,6 @@
<script setup lang="ts">
useHead({
title: '工匠基地',
meta: [
{ name: 'viewport', content: 'width=device-width, initial-scale=1' }
],

4
app/components/AppFooter.vue

@ -57,11 +57,11 @@ function onSubmit() {
<template #left>
<p class="text-gray-500 dark:text-gray-400 text-sm">
Copyright © {{ new Date().getFullYear() }}. 广西千铝工投教育科技发展有限公司 All rights reserved.
Copyright © {{ new Date().getFullYear() }}. 广西国昱数字科技有限公司 All rights reserved.
</p>
</template>
<template #right>
<div class="text-sm">备案号桂ICP备00001号</div>
<div class="text-sm">备案号桂ICP备2024039720号-1</div>
<UColorModeButton size="sm" />
</template>
</UFooter>

29
app/components/AppHeader.vue

@ -2,32 +2,7 @@
const nuxtApp = useNuxtApp()
const { activeHeadings, updateHeadings } = useScrollspy()
const links = computed(() => [{
label: '首页',
to: '#home',
icon: 'i-heroicons-cube-transparent',
active: activeHeadings.value.includes('home') && !activeHeadings.value.includes('home')
},{
label: '特色',
to: '#features',
icon: 'i-heroicons-cube-transparent',
active: activeHeadings.value.includes('features') && !activeHeadings.value.includes('features')
}, {
label: '价格',
to: '#pricing',
icon: 'i-heroicons-credit-card',
active: activeHeadings.value.includes('pricing') && !activeHeadings.value.includes('pricing')
}, {
label: '下载',
to: '#down',
icon: 'i-heroicons-academic-cap',
active: activeHeadings.value.includes('down')
}, {
label: '常见问题',
to: '#faq',
icon: 'i-heroicons-question-mark-circle',
active: activeHeadings.value.includes('faq')
}])
const links = computed(() => [])
nuxtApp.hooks.hookOnce('page:finish', () => {
updateHeadings([
@ -44,7 +19,7 @@ nuxtApp.hooks.hookOnce('page:finish', () => {
<template #logo>
<div class="flex items-center">
<NuxtImg src="https://oss.wsdns.cn/20240717/5db2fc954a3a4034a0572be5ecfe8208.jpg?x-oss-process=image/resize,m_fixed,w_100,h_100/quality,Q_90" :size="20" />
<text class="text-2xl ml-2">工匠基地</text>
<text class="text-2xl ml-2">广西国昱数字科技有限公司</text>
</div>
</template>
<template #right>

129
app/pages/index.vue

@ -13,85 +13,80 @@ useSeoMeta({
<div>
<ULandingHero
id="home"
title="工匠基地"
description="快速提升职业技能的学习神器"
title="广西国昱数字科技有限公司"
:links="page.hero.links"
style="background-image: url(https://oss.wsdns.cn/20240610/41ab59f725204d9ea4218fd4ae38e5c2.png); background-repeat: no-repeat; background-position: center; background-size: 100%"
>
<div class="absolute inset-0 landing-grid z-[-1] [mask-image:radial-gradient(100%_100%_at_top_right,white,transparent)]" />
</ULandingHero>
<!-- <ULandingHero-->
<!-- id="home"-->
<!-- :title="`工匠基地`"-->
<!-- :description="`千铝教育app下载`"-->
<!-- <ULandingSection-->
<!-- :title="page.features.title"-->
<!-- :description="page.features.description"-->
<!-- :headline="page.features.headline"-->
<!-- >-->
<!-- </ULandingHero>-->
<!-- <UPageGrid-->
<!-- id="features"-->
<!-- class="scroll-mt-[calc(var(&#45;&#45;header-height)+140px+128px+96px)]"-->
<!-- >-->
<!-- <ULandingCard-->
<!-- v-for="(item, index) in page.features.items"-->
<!-- :key="index"-->
<!-- v-bind="item"-->
<!-- />-->
<!-- </UPageGrid>-->
<!-- </ULandingSection>-->
<ULandingSection
:title="page.features.title"
:description="page.features.description"
:headline="page.features.headline"
>
<UPageGrid
id="features"
class="scroll-mt-[calc(var(--header-height)+140px+128px+96px)]"
>
<ULandingCard
v-for="(item, index) in page.features.items"
:key="index"
v-bind="item"
/>
</UPageGrid>
</ULandingSection>
<!-- <ULandingSection-->
<!-- :title="page.pricing.title"-->
<!-- :description="page.pricing.description"-->
<!-- :headline="page.pricing.headline"-->
<!-- >-->
<!-- <UPricingGrid-->
<!-- id="pricing"-->
<!-- compact-->
<!-- class="scroll-mt-[calc(var(&#45;&#45;header-height)+140px+128px+96px)]"-->
<!-- >-->
<!-- <UPricingCard-->
<!-- v-for="(plan, index) in page.pricing.plans"-->
<!-- :key="index"-->
<!-- v-bind="plan"-->
<!-- />-->
<!-- </UPricingGrid>-->
<!-- </ULandingSection>-->
<ULandingSection
:title="page.pricing.title"
:description="page.pricing.description"
:headline="page.pricing.headline"
>
<UPricingGrid
id="pricing"
compact
class="scroll-mt-[calc(var(--header-height)+140px+128px+96px)]"
>
<UPricingCard
v-for="(plan, index) in page.pricing.plans"
:key="index"
v-bind="plan"
/>
</UPricingGrid>
</ULandingSection>
<ULandingHero
id="about"
:title="`公司简介`"
:description="``"
>
<div>广西国昱数字科技有限公司是国家人社部门备案通过的中国有色金属工业协会有色金属行业职业技能等级认定分支机构政府委托的有色金属行业职业技能等级认定题库开发单位行业技能大赛技术支持与顾问单位有色金属行业职业培训教材开发单位有色金属行业实训中心开发建设单位认定业务涵盖采矿选矿治炼加工等领域有色金属行业特有工种可开展技能1-5级的职业技能等级认定
<ULandingSection class="bg-primary-50 dark:bg-primary-400 dark:bg-opacity-10" style="background-image: url(https://oss.wsdns.cn/20240607/dd18d6830ce541e69ad3ba12e2eed33f.jpeg); background-size: 100%; background-position: center">
<ULandingCTA
id="down"
v-bind="page.cta"
:card="false"
/>
</ULandingSection>
公司拥有156名专兼职行业专家队伍120名考评员队伍55名竞赛裁判专家队伍在广西八个地市设有20多个企业考点历年来开发了有色金属行业17个工种不同级别共计28万道题库并通过政府验收组织开发行业职业培训教材15套</div>
<div>办公地址南宁市青秀区金湖路59号地王国际商会中心818号</div>
</ULandingHero>
<ULandingSection
id="faq"
:title="page.faq.title"
:description="page.faq.description"
class="scroll-mt-[var(--header-height)]"
>
<ULandingFAQ
multiple
:items="page.faq.items"
:ui="{
button: {
label: 'font-semibold',
trailingIcon: {
base: 'w-6 h-6'
}
}
}"
class="max-w-4xl mx-auto"
/>
</ULandingSection>
<!-- <ULandingSection-->
<!-- id="faq"-->
<!-- :title="page.faq.title"-->
<!-- :description="page.faq.description"-->
<!-- class="scroll-mt-[var(&#45;&#45;header-height)]"-->
<!-- >-->
<!-- <ULandingFAQ-->
<!-- multiple-->
<!-- :items="page.faq.items"-->
<!-- :ui="{-->
<!-- button: {-->
<!-- label: 'font-semibold',-->
<!-- trailingIcon: {-->
<!-- base: 'w-6 h-6'-->
<!-- }-->
<!-- }-->
<!-- }"-->
<!-- class="max-w-4xl mx-auto"-->
<!-- />-->
<!-- </ULandingSection>-->
</div>
</template>

7
content/index.yml

@ -1,4 +1,4 @@
title: Nuxt UI Pro - Landing template
title: 工匠基地
description: Nuxt UI Pro is a collection of premium Vue components built on top of Nuxt UI to create beautiful & responsive Nuxt applications in minutes.
hero:
title: 工匠基地
@ -8,11 +8,6 @@ hero:
to: https://ui.nuxt.com/pro
icon: i-heroicons-arrow-top-right-on-square-20-solid
links:
- label: 立即使用
icon: i-heroicons-arrow-right-20-solid
trailing: true
to: 'http://apps.wsdns.cn/7udtbs18'
size: xl
logos:
title:

4
nuxt.config.ts

@ -9,7 +9,9 @@ export default defineNuxtConfig({
'@nuxt/image',
'@nuxt/ui'
],
devServer: {
port: 10189
},
routeRules: {
// Temporary workaround for prerender regression. see https://github.com/nuxt/nuxt/issues/27490
'/': { prerender: true }

Loading…
Cancel
Save