f

.env

@@ -0,0 +1,4 @@
+
+BASE_SERVER=http://192.168.89.25:9906/api/web
+IMG_SERVER=http://192.168.89.25:7777/
+PUBLIC_SERVER=http://192.168.89.76:3001/api/web

.env.production

@@ -0,0 +1,2 @@
+
+DATA_SERVER=http://192.168.89.25:9906/api/web

.gitignore

@@ -0,0 +1,18 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+
+# macOS-specific files
+.DS_Store

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  "recommendations": ["astro-build.astro-vscode"],
+  "unwantedRecommendations": []
+}

.vscode/launch.json

@@ -0,0 +1,11 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "command": "./node_modules/.bin/astro dev",
+      "name": "Development server",
+      "request": "launch",
+      "type": "node-terminal"
+    }
+  ]
+}

README.md

@@ -0,0 +1,54 @@
+# Astro Starter Kit: Basics
+
+```sh
+npm create astro@latest -- --template basics
+```
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/p/sandbox/github/withastro/astro/tree/latest/examples/basics)
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/withastro/astro?devcontainer_path=.devcontainer/basics/devcontainer.json)
+
+> 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
+
+![just-the-basics](https://github.com/withastro/astro/assets/2244813/a0a5533c-a856-4198-8470-2d67b1d7c554)
+
+## 🚀 Project Structure
+
+Inside of your Astro project, you'll see the following folders and files:
+
+```text
+/
+├── public/
+│   └── favicon.svg
+├── src/
+│   ├── components/
+│   │   └── Card.astro
+│   ├── layouts/
+│   │   └── Layout.astro
+│   └── pages/
+│       └── index.astro
+└── package.json
+```
+
+Astro looks for `.astro` or `.md` files in the `src/pages/` directory. Each page is exposed as a route based on its file name.
+
+There's nothing special about `src/components/`, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
+
+Any static assets, like images, can be placed in the `public/` directory.
+
+## 🧞 Commands
+
+All commands are run from the root of the project, from a terminal:
+
+| Command                   | Action                                           |
+| :------------------------ | :----------------------------------------------- |
+| `npm install`             | Installs dependencies                            |
+| `npm run dev`             | Starts local dev server at `localhost:4321`      |
+| `npm run build`           | Build your production site to `./dist/`          |
+| `npm run preview`         | Preview your build locally, before deploying     |
+| `npm run astro ...`       | Run CLI commands like `astro add`, `astro check` |
+| `npm run astro -- --help` | Get help using the Astro CLI                     |
+
+## 👀 Want to learn more?
+
+Feel free to check [our documentation](https://docs.astro.build) or jump into our [Discord server](https://astro.build/chat).

astro.config.mjs

@@ -0,0 +1,26 @@
+import { defineConfig } from 'astro/config';
+// import { defineConfig } from "vite";
+import node from '@astrojs/node';
+import sitemap from '@astrojs/sitemap';
+import react from "@astrojs/react";
+
+// https://astro.build/config
+export default defineConfig({
+  output: 'server',
+  adapter: node({
+    mode: 'standalone',
+  }),
+  // vite: {
+  //   server: {
+  //     host: true,
+  //     port: 8080,
+  //     proxy: {
+  //       '/api/web/taConcatUs': {
+  //         target: 'http://192.168.89.25:9906/api/web/taConcatUs',
+  //         changeOrigin: true
+  //       },
+  //     }
+  //   },
+  // },
+  integrations: [react(), sitemap()]
+});

jsconfig.json

@@ -0,0 +1,14 @@
+{
+  "extends": "astro/tsconfigs/base",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "baseUrl": ".",
+    "paths": {
+      "@/components/*": ["src/components/*"],
+      "@/layouts/*": ["src/layouts/*"],
+      "@/services/*": ["src/services/*"],
+      "@/utils/*": ["src/utils/*"]
+    }
+  }
+}

package.json

@@ -0,0 +1,23 @@
+{
+  "name": "academe",
+  "type": "module",
+  "version": "0.0.1",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro"
+  },
+  "dependencies": {
+    "@astrojs/node": "^7.0.4",
+    "@astrojs/react": "^3.0.9",
+    "@astrojs/sitemap": "^3.0.4",
+    "@types/react": "^18.2.48",
+    "@types/react-dom": "^18.2.18",
+    "astro": "^4.1.3",
+    "axios": "^1.6.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  }
+}

public/favicon.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 128 128">
+    <path d="M50.4 78.5a75.1 75.1 0 0 0-28.5 6.9l24.2-65.7c.7-2 1.9-3.2 3.4-3.2h29c1.5 0 2.7 1.2 3.4 3.2l24.2 65.7s-11.6-7-28.5-7L67 45.5c-.4-1.7-1.6-2.8-2.9-2.8-1.3 0-2.5 1.1-2.9 2.7L50.4 78.5Zm-1.1 28.2Zm-4.2-20.2c-2 6.6-.6 15.8 4.2 20.2a17.5 17.5 0 0 1 .2-.7 5.5 5.5 0 0 1 5.7-4.5c2.8.1 4.3 1.5 4.7 4.7.2 1.1.2 2.3.2 3.5v.4c0 2.7.7 5.2 2.2 7.4a13 13 0 0 0 5.7 4.9v-.3l-.2-.3c-1.8-5.6-.5-9.5 4.4-12.8l1.5-1a73 73 0 0 0 3.2-2.2 16 16 0 0 0 6.8-11.4c.3-2 .1-4-.6-6l-.8.6-1.6 1a37 37 0 0 1-22.4 2.7c-5-.7-9.7-2-13.2-6.2Z" />
+    <style>
+        path { fill: #000; }
+        @media (prefers-color-scheme: dark) {
+            path { fill: #FFF; }
+        }
+    </style>
+</svg>

src/components/BigImg.astro

@@ -0,0 +1,9 @@
+---
+import Img from '@/components/children/Img.astro'
+---
+
+<!-- 一张大图 -->
+<Img
+  url="//e.huawei.com/-/mediae/images/home/secondbanner/secondbanner-pc.jpg"
+  ratio="3 / 1"
+/>

src/components/Card.astro

@@ -0,0 +1,61 @@
+---
+interface Props {
+	title: string;
+	body: string;
+	href: string;
+}
+
+const { href, title, body } = Astro.props;
+---
+
+<li class="link-card">
+	<a href={href}>
+		<h2>
+			{title}
+			<span>&rarr;</span>
+		</h2>
+		<p>
+			{body}
+		</p>
+	</a>
+</li>
+<style>
+	.link-card {
+		list-style: none;
+		display: flex;
+		padding: 1px;
+		background-color: #23262d;
+		background-image: none;
+		background-size: 400%;
+		border-radius: 7px;
+		background-position: 100%;
+		transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+		box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+	}
+	.link-card > a {
+		width: 100%;
+		text-decoration: none;
+		line-height: 1.4;
+		padding: calc(1.5rem - 1px);
+		border-radius: 8px;
+		color: white;
+		background-color: #23262d;
+		opacity: 0.8;
+	}
+	h2 {
+		margin: 0;
+		font-size: 1.25rem;
+		transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
+	}
+	p {
+		margin-top: 0.5rem;
+		margin-bottom: 0;
+	}
+	.link-card:is(:hover, :focus-within) {
+		background-position: 0;
+		background-image: var(--accent-gradient);
+	}
+	.link-card:is(:hover, :focus-within) h2 {
+		color: rgb(var(--accent-light));
+	}
+</style>

src/components/FirstScreen.astro

@@ -0,0 +1,9 @@
+---
+import Img from '@/components/children/Img.astro'
+---
+
+<!-- 首屏图 -->
+<Img
+  url="//e.huawei.com/-/mediae/images/home/banner/jiasu-banner-pc1.jpg"
+  ratio="16 / 9"
+/>

src/components/Footer.astro

@@ -0,0 +1,60 @@
+---
+import { arr2Tree } from '@/utils/array'
+
+const [menus] = arr2Tree(Astro.locals._menus || [])
+
+const { lang } = Astro.props
+
+const home = lang == 'zh' ? '首页' : 'Home'
+function getName(item = {}) {
+  return (
+    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.categaryNameEn ||
+    item.categaryNameZh
+  )
+}
+
+const colNum = Math.ceil(12 / (menus?.length + 1))
+---
+
+<div class="bg-l">
+  <div class="container">
+    <footer class="row py-5 my-5">
+      <div class={`col-md-4 col-sm-12 mb-3`}>
+        <a
+          href="/"
+          class="d-flex align-items-center mb-3 link-body-emphasis text-decoration-none"
+        >
+          <img class="bi me-2" width="120" src="../logo.png" />
+        </a>
+        <p class="text-body-secondary">© 2024</p>
+      </div>
+
+      <div class={`col-md-1 col-sm-12 mb-3`}></div>
+
+      <div class={`col-md-7 col-sm-12 mb-3 row justify-content-between`}>
+        {
+          menus?.map((item) => {
+            return (
+              <div class={`col-md-${colNum} col-sm-12 mb-3`}>
+                <h5>{getName(item)}</h5>
+                <ul class="nav flex-column">
+                  {item?.children?.map((child) => (
+                    <li class="nav-item mb-2">
+                      <a
+                        href={`/${lang}/${child.categaryId}`}
+                        class="nav-link p-0 text-body-secondary"
+                      >
+                        {getName(child)}
+                      </a>
+                    </li>
+                  ))}
+                </ul>
+              </div>
+            )
+          })
+        }
+      </div>
+    </footer>
+  </div>
+</div>

src/components/LeftMiddleRightImgText.astro

@@ -0,0 +1,9 @@
+---
+import Img from '@/components/children/Img.astro'
+---
+
+<!-- 左中右图文 -->
+<Img
+  url="//e.huawei.com/-/mediae/images/home/secondbanner/secondbanner-pc.jpg"
+  ratio="3 / 1"
+/>

src/components/LeftOneMiddleRightFour.astro

@@ -0,0 +1,81 @@
+---
+const { json, lang } = Astro.props
+
+const list = [
+  {
+    src: '//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-cn-0315-v3.png',
+    title: '标题',
+    desc: '内容',
+  },
+  {
+    src: '//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-cn-0315-v3.png',
+    title: '标题',
+    desc: '内容',
+  },
+  {
+    src: '//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-cn-0315-v3.png',
+    title: '标题',
+    desc: '内容',
+  },
+  {
+    src: '//e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-high-quality-cloudcampus-cn-0315-v3.png',
+    title: '标题',
+    desc: '内容',
+  },
+]
+---
+
+<!-- 左中右图片（左一右四） -->
+<div class="container">
+  <div class="row">
+    {
+      list?.map((item, index) => (
+        <div class="col-md-4 col-sm-12 my-5 px-5" id={index}>
+          <div
+            class="top-bottom-project-card"
+            style={index ? 'cursor: pointer' : ''}
+            data-post={index}
+          >
+            <div class="card border-0">
+              <img
+                src={item?.src}
+                class="card-img-top object-fit-cover img-fluid top-bottom-project-card-img1"
+                alt=""
+                style="width:100%;aspect-ratio: 4 / 3"
+              />
+              <div class="card-body px-0">
+                <h5 class="card-title line-ellipsis fw-bolder">
+                  {item?.title}
+                </h5>
+                <p class="card-text line-ellipsis-2 mb-1 fw-lighter">
+                  <Fragment set:html={item?.desc} />
+                </p>
+              </div>
+            </div>
+          </div>
+        </div>
+      ))
+    }
+  </div>
+</div>
+<style>
+  .top-bottom-project-card-img1:hover {
+    box-shadow: 8px 12px 12px 0 rgba(14, 14, 14, 0.2);
+  }
+  .line-ellipsis {
+    display: -webkit-box;
+    height: 2.4em;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .line-ellipsis-2 {
+    display: -webkit-box;
+    height: 4.2em;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>

src/components/LeftRightCarousel.astro

@@ -0,0 +1,115 @@
+---
+const domId = `carousel-${Math.random().toString(36).substring(2, 7)}`
+
+const data = [
+  [
+    {
+      postId: '111',
+      src: 'https://e.huawei.com/-/mediae/images/home/whatsnew/whatsnew-primary-storage.jpg',
+    },
+  ],
+]
+---
+
+<!-- 左右轮播图 -->
+<div class="container">
+  <div id={domId} class="carousel slide" data-bs-ride="carousel">
+    <div class="carousel-inner">
+      {
+        data?.map((item, index) => (
+          <div
+            class={index == 0 ? 'carousel-item active' : 'carousel-item'}
+            id={index}
+          >
+            <div class="row">
+              {item.map((it, index) => (
+                <div class="col-md-4 col-sm-12 my-5 px-5">
+                  <div
+                    class="top-bottom-project-card-carousel"
+                    style={it.postId ? 'cursor: pointer' : ''}
+                    data-post={it.postId}
+                  >
+                    <div class="card border-0">
+                      <div>
+                        <img
+                          src={it?.src}
+                          class="card-img-top object-fit-cover img-fluid top-bottom-project-card-carousel-img"
+                          style="aspect-ratio:4 / 3"
+                          alt=""
+                        />
+                      </div>
+                      <div class="card-body px-0">
+                        <h5 class="card-title line-ellipsis-tbpcc fw-bolder">
+                          {it}
+                        </h5>
+                        <p class="card-text line-ellipsis-tbpcc2 mb-1 fw-lighter">
+                          <Fragment set:html={it} />
+                        </p>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </div>
+        ))
+      }
+    </div>
+    <button
+      class="carousel-control-prev"
+      type="button"
+      data-bs-target={`#${domId}`}
+      data-bs-slide="prev"
+    >
+      <span
+        class="carousel-control-prev-icon"
+        style="background-color: #696969;"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+    <button
+      class="carousel-control-next"
+      type="button"
+      data-bs-target={`#${domId}`}
+      data-bs-slide="next"
+    >
+      <span
+        class="carousel-control-next-icon"
+        style="background-color: #696969;"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+  </div>
+</div>
+
+<style>
+  .top-bottom-project-card-carousel-img:hover {
+    box-shadow: 8px 12px 12px 0 rgba(14, 14, 14, 0.2);
+  }
+  .line-ellipsis-tbpcc {
+    display: -webkit-box;
+    height: 2.4em;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+  .line-ellipsis-tbpcc2 {
+    display: -webkit-box;
+    height: 4.2em;
+    -webkit-line-clamp: 3;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+</style>
+
+<script>
+  const path = window.location.pathname
+  var lang = path.substring(1, 3)
+
+  const items = document.querySelectorAll(`.top-bottom-project-card-carousel`)
+  items.forEach((item) => {
+    item.addEventListener('click', () => {
+      window.location.href = `${window.location.origin}/${lang}/detail?id=${item.dataset.post}`
+    })
+  })
+</script>

src/components/NavItem.astro

@@ -0,0 +1,66 @@
+---
+const { menu, lang } = Astro.props
+const hasChildren = menu?.children?.length > 0
+
+function getName(item = {}) {
+  return (
+    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.categaryNameEn ||
+    item.categaryNameZh
+  )
+}
+
+const list = [
+  ['网络安全', '全闪存存储', 'AI计算', '软件平台与服务'],
+  // ['智慧园区', '数据中心', '广域网点'],
+  // ['金融', '商业市场', '电力', '制造', '医疗', '零售'],
+  ['关于华为企业业务'],
+]
+---
+
+<!-- <li class="nav-item dropdown mx-3">
+  <a
+    class="nav-link dropdown-toggle"
+    aria-current="page"
+    data-bs-toggle="dropdown"
+    href="/">{menu}</a
+  >
+  <ul
+    class="dropdown-menu bg-light"
+    style="--bs-bg-opacity: 0.9; --bs-dropdown-border-width: 0; --bs-dropdown-border-radius: 0; margin-top: 1.2rem"
+  >
+    {
+      list?.map((item) => (
+        <li>
+          <a class="dropdown-item" href="/">
+            {item}
+          </a>
+        </li>
+      ))
+    }
+  </ul>
+</li> -->
+<li class={hasChildren ? 'nav-item dropdown mx-3' : 'nav-item mx-3'}>
+  <a
+    class={hasChildren ? 'nav-link dropdown-toggle' : 'nav-link'}
+    aria-current="page"
+    data-bs-toggle={hasChildren ? 'dropdown' : ''}
+    href="/">{menu?.name}</a
+  >
+  {
+    hasChildren ? (
+      <ul
+        class="dropdown-menu bg-light"
+        style="--bs-bg-opacity: 0.9; --bs-dropdown-border-width: 0; --bs-dropdown-border-radius: 0; margin-top: 1.2rem"
+      >
+        {menu?.children?.map((item) => (
+          <li>
+            <a class="dropdown-item" href={`/${lang}/${item.categaryId}`}>
+              {item}
+            </a>
+          </li>
+        ))}
+      </ul>
+    ) : null
+  }
+</li>

src/components/Navbar.astro

@@ -0,0 +1,130 @@
+---
+import { arr2Tree } from '@/utils/array'
+import NavItem from './NavItem.astro'
+
+const [menus] = arr2Tree(Astro.locals._menus || [])
+const path = Astro.url.pathname
+const searchId = Astro.url.search
+var pathname = path.substring(4)
+const url = pathname.length == 0 ? '' : pathname
+const { lang } = Astro.props
+const title = 'Aacademe'
+
+const language = lang === 'zh' ? '简体中文' : 'English'
+
+const me = [
+  {
+    name: '产品与解决方案',
+    children: ['网络安全', '全闪存存储', 'AI计算', '软件平台与服务'],
+  },
+  {
+    name: '了解我们',
+    children: ['关于华为企业业务'],
+  },
+]
+---
+
+<nav
+  id="pageNav"
+  class="navbar navbar-expand-md fixed-top bg-light p-0 py-3"
+  style="--bs-bg-opacity: 0.9"
+>
+  <div class="container">
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="offcanvas"
+      data-bs-target="#academeNav"
+      aria-controls="academeNav"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <a class="navbar-brand" href={`/${lang}/`}>
+      <img
+        src="https://e.huawei.com/-/mediae/images/common/logo/logo_huawei.png"
+        alt="Academe"
+        width="120"
+        class="d-inline-block align-text-top"
+      />
+    </a>
+    <div id="academeNav" class="offcanvas-lg offcanvas-end">
+      <div class="offcanvas-header">
+        <a class="navbar-brand" href={`/${lang}/`}>
+          <img
+            src="../logo.png"
+            alt="Academe"
+            width="120"
+            class="d-inline-block align-text-top"
+          />
+        </a>
+      </div>
+      <div class="offcanvas-body">
+        <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+          {
+            me.map((item, index) => (
+              <NavItem key={index} menu={item} lang={lang} />
+            ))
+          }
+          <li class="nav-item dropdown">
+            <a
+              class="nav-link dropdown-toggle"
+              aria-current="page"
+              data-bs-toggle="dropdown"
+              href="#"
+            >
+              {language}
+            </a>
+
+            <ul
+              class="dropdown-menu bg-light"
+              style="--bs-bg-opacity: 0.9; --bs-dropdown-border-width: 0; --bs-dropdown-border-radius: 0; margin-top: 1.2rem"
+            >
+              <li class="lang-btn" data-lang="zh">
+                <a class="dropdown-item" href=`/zh/${url}${searchId}`
+                  >简体中文</a
+                >
+              </li>
+              <li class="lang-btn" data-lang="en">
+                <a class="dropdown-item" href=`/en/${url}${searchId}`>English</a
+                >
+              </li>
+            </ul>
+          </li>
+        </ul>
+      </div>
+    </div>
+  </div>
+</nav>
+
+<script>
+  const pageNav = document.querySelector('#pageNav')
+
+  function pageNavScroll() {
+    const offset = window.pageYOffset
+    // console.log('----offset-----', offset)
+    if (offset > 450) {
+      pageNav.style.opacity = 0
+      pageNav.style.display = 'none'
+    } else if (offset > 50) {
+      const diff = (450 - offset) / 400
+      pageNav.style.opacity = diff
+    } else {
+      pageNav.style.opacity = 1
+      pageNav.style.display = 'block'
+    }
+  }
+
+  pageNavScroll()
+  window.addEventListener('scroll', pageNavScroll)
+
+  const langBtns = document.querySelectorAll('.lang-btn')
+  langBtns.forEach((btn) => {
+    btn.addEventListener('click', (e) => {
+      // e.preventDefault();
+      const lang = btn.dataset.lang
+      localStorage.setItem('lang', lang)
+    })
+  })
+</script>

src/components/Request.astro

@@ -0,0 +1,26 @@
+<!-- <script>
+  var request = window.axios.create({
+    baseURL: import.meta.env.PUBLIC_SERVER,
+    timeout: 10000,
+  })
+  window.request = request
+
+  request.interceptors.request.use((config) => {
+    // 暂无需要处理的内容
+    return config
+  })
+
+  request.interceptors.response.use((response) => {
+    const { data, status } = response
+
+    if (data?.code === 1000 || data?.code === 200) {
+      return data.data
+    }
+
+    if (data?.message || data?.msg) {
+      throw new Error(data?.message || data?.msg)
+    }
+
+    throw new Error(`网络异常 - ${status}`)
+  })
+</script> -->

src/components/ScrollingNavbar.astro

@@ -0,0 +1,58 @@
+---
+const { sNav } = Astro.props
+---
+
+<nav
+  id="scrolling-navbar"
+  class="navbar navbar-expand-lg bg-body-tertiary fixed-top"
+  style="margin-top: 5rem;z-index:10"
+>
+  <div class="container">
+    <button
+      class="navbar-toggler"
+      type="button"
+      data-bs-toggle="collapse"
+      data-bs-target="#navbarScroll"
+      aria-controls="navbarScroll"
+      aria-expanded="false"
+      aria-label="Toggle navigation"
+    >
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarScroll">
+      <ul
+        class="navbar-nav me-auto my-2 my-lg-0 navbar-nav-scroll d-flex justify-content-between"
+        style="--bs-scroll-height: 100px;--bs-bg-opacity: 0.9;flex:1"
+      >
+        {
+          sNav?.map((item, index) => (
+            <li class="nav-item mb-2">
+              <a
+                class={index == 0 ? 'nav-link active' : 'nav-link'}
+                href={`#${item}`}
+              >
+                {item}
+              </a>
+            </li>
+          ))
+        }
+      </ul>
+    </div>
+  </div>
+</nav>
+
+<script>
+  const NavMargin = document.querySelector('#scrolling-navbar')
+
+  function pagescrollingNavbarMargin() {
+    const offset = window.pageYOffset
+    if (offset > 450) {
+      NavMargin.style.marginTop = 0
+    } else {
+      NavMargin.style.marginTop = '5em'
+    }
+  }
+
+  pagescrollingNavbarMargin()
+  window.addEventListener('scroll', pagescrollingNavbarMargin)
+</script>

src/components/children/Carousel.astro

@@ -0,0 +1,83 @@
+---
+const {} = Astro.props
+const domId = `carousel-${Math.random().toString(36).substring(2, 7)}`
+const list = [
+  {
+    value: [
+      {
+        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-shenyang-metro.jpg',
+      },
+    ],
+  },
+  {
+    value: [
+      {
+        url: 'https://e.huawei.com/-/mediae/images/home/casestorys/casestorys-wuling-manufacturing-plant.jpg',
+      },
+    ],
+  },
+]
+---
+
+<!-- 轮播 -->
+<div class="container">
+  <div id={domId} class="carousel slide" data-bs-ride="carousel">
+    <div class="carousel-inner">
+      {
+        list?.map((item, index) => (
+          <div
+            class={index == 0 ? 'carousel-item active' : 'carousel-item'}
+            id={index}
+          >
+            <div class="row">
+              {item.value.map((it, index) => (
+                <img
+                  src={it?.url}
+                  class="img-fluid object-fit-cover"
+                  style="width:30%;aspect-ratio:4 / 3"
+                  alt=""
+                />
+              ))}
+            </div>
+          </div>
+        ))
+      }
+    </div>
+    <button
+      class="carousel-control-prev"
+      type="button"
+      data-bs-target={`#${domId}`}
+      data-bs-slide="prev"
+    >
+      <span
+        class="carousel-control-prev-icon"
+        style="background-color: #696969;"></span>
+      <span class="visually-hidden">Previous</span>
+    </button>
+    <button
+      class="carousel-control-next"
+      type="button"
+      data-bs-target={`#${domId}`}
+      data-bs-slide="next"
+    >
+      <span
+        class="carousel-control-next-icon"
+        style="background-color: #696969;"></span>
+      <span class="visually-hidden">Next</span>
+    </button>
+  </div>
+</div>
+
+<style></style>
+
+<script>
+  const path = window.location.pathname
+  var lang = path.substring(1, 3)
+
+  const items = document.querySelectorAll(`.top-bottom-project-card-carousel`)
+  items.forEach((item) => {
+    item.addEventListener('click', () => {
+      window.location.href = `${window.location.origin}/${lang}/detail?id=${item.dataset.post}`
+    })
+  })
+</script>

src/components/children/Img.astro

@@ -0,0 +1,11 @@
+---
+const { url, ratio, circle = '', transformEnlarge = '' } = Astro.props
+---
+
+<!-- 图片 -->
+<img
+  src={url}
+  class=`img-fluid object-fit-cover ${circle} ${transformEnlarge}`
+  style=`aspect-ratio:${ratio}`
+  alt=""
+/>

src/components/children/Text.astro

@@ -0,0 +1,22 @@
+---
+const { textSize, textColor, textWeight, btnDisplay, textUnderline } =
+  Astro.props
+---
+
+<!-- 文本 -->
+<div>
+  <p class="fs-4 mb-0">上汽通用五菱</p>
+  <p class="fs-4">打造全球首个“岛式”精益智造工厂</p>
+  <div class="text-underline"></div>
+  <p class="text-secondary">重新定义汽车总装方式</p>
+  <button type="button" class="btn btn-outline-danger">了解更多</button>
+</div>
+
+<style>
+  .text-underline {
+    width: 100px;
+    border-bottom: 2px solid red;
+    margin-left: 50px;
+    margin-bottom: 1em;
+  }
+</style>

src/env.d.ts

@@ -0,0 +1 @@
+/// <reference types="astro/client" />

src/layouts/Layout.astro

@@ -0,0 +1,73 @@
+---
+import Request from '@/components/Request.astro'
+const { title } = Astro.props
+---
+
+<!doctype html>
+<html lang="zh">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="description" content="Astro description" />
+    <meta name="viewport" content="width=device-width" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      crossorigin="anonymous"
+    />
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"
+      crossorigin="anonymous"></script>
+    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
+    <meta name="generator" content={Astro.generator} />
+    <title>{title} - Academe</title>
+    <style is:global>
+      html,
+      body {
+        height: 100%;
+        margin: 0 !important;
+        padding: 0 !important;
+        background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
+          no-repeat;
+      }
+
+      @media screen and (min-width: 1900px) {
+        .container {
+          max-width: 1600px;
+        }
+      }
+
+      .bg-d {
+        background: transparent linear-gradient(0deg, #1f2935, #1f2935) 0 100%
+          no-repeat;
+      }
+
+      .bg-l {
+        background: #fff;
+      }
+
+      .cc-module {
+      }
+
+      .x-motion {
+        overflow: hidden;
+      }
+
+      .x-motion img {
+        width: 100%; /* 按照容器宽度自适应 */
+        transition: transform 0.3s ease-in-out;
+      }
+
+      .x-motion img:hover {
+        transform: scale(1.1);
+      }
+
+      :root {
+      }
+    </style>
+  </head>
+  <body>
+    <!-- <Request client:load /> -->
+    <slot />
+  </body>
+</html>

src/middleware.js

@@ -0,0 +1,12 @@
+// import { sequence } from "astro:middleware";
+// import { getCategary } from "./services/apis";
+
+
+// async function getGloalData(context, next) {
+//   const menus = await getCategary();
+//   context.locals._menus = menus;
+  
+//   return next();
+// }
+
+// export const onRequest = sequence(getGloalData);

src/pages/[lang]/[categaryId].astro

@@ -0,0 +1,32 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+import Navbar from '@/components/Navbar.astro'
+// import Dynamic from '@/components/Dynamic.astro'
+import { getContentList } from '@/services/apis'
+
+function getName(item = {}) {
+  return (
+    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.categaryNameEn ||
+    item.categaryNameZh
+  )
+}
+
+const { categaryId, lang = 'zh' } = Astro.params
+const categary = Astro.locals._menus?.find(
+  (item) => item.categaryId == categaryId
+)
+const title = getName(categary)
+
+// const contentList = await getContentList(categaryId);
+---
+
+<Layout title={title}>
+  <!-- 导航栏 -->
+  <Navbar lang={lang} />
+
+  <!-- <Dynamic contentList={contentList} lang={lang} /> -->
+
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/detail/index.astro

@@ -0,0 +1,48 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+import Navbar from '@/components/Navbar.astro'
+import ScrollingNavbar from '@/components/ScrollingNavbar.astro'
+import { getPostById } from '@/services/apis'
+const { lang = 'zh' } = Astro.params
+console.log('---------fff------>', lang)
+var url = new URL(Astro.request.url)
+var id = url.searchParams.get('id')
+// const post = await getPostById(id)
+function getContent(item = {}) {
+  return (
+    item[`content${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.contentEn ||
+    item.contentZh
+  )
+}
+
+// 使用中文标题即ID
+// 保存所有生成的 id
+const ids = []
+
+function appendHId(html) {
+  const reg = /(<)(h\d)(>(.*?)<\/h\d>)/g
+
+  return html.replaceAll(reg, (_, p1, p2, p3, p4) => {
+    ids.push(p4)
+    return `${p1}${p2} id="${p4}"${p3}`
+  })
+}
+
+// let contentHtml = getContent(post)
+// contentHtml = appendHId(contentHtml)
+---
+
+<Layout>
+  <Navbar lang={lang} />
+  <ScrollingNavbar sNav={ids} />
+  <div class="container-fulid" style="margin-top: 9rem;background-color:#fff">
+    <div class="container">
+      <div style="word-break:break-word">
+        <!-- <Fragment set:html={contentHtml} /> -->
+      </div>
+    </div>
+  </div>
+  <Footer lang={lang} />
+</Layout>

src/pages/[lang]/index.astro

@@ -0,0 +1,43 @@
+---
+import Layout from '@/layouts/Layout.astro'
+import Footer from '@/components/Footer.astro'
+import Navbar from '@/components/Navbar.astro'
+import FirstScreen from '@/components/FirstScreen.astro'
+import LeftOneMiddleRightFour from '@/components/LeftOneMiddleRightFour.astro'
+import Text from '@/components/children/Text.astro'
+import Img from '@/components/children/Img.astro'
+import Carousel from '@/components/children/Carousel.astro'
+import BigImg from '@/components/BigImg.astro'
+// import Dynamic from '@/components/Dynamic.astro'
+import { getContentList } from '@/services/apis'
+
+function getName(item = {}) {
+  return (
+    item[`categaryName${lang.charAt(0).toUpperCase() + lang.slice(1)}`] ||
+    item.categaryNameEn ||
+    item.categaryNameZh
+  )
+}
+
+const categaryId = 'index'
+const { lang = 'zh' } = Astro.params
+const categary = Astro.locals._menus?.find(
+  (item) => item.categaryId == categaryId
+)
+const title = getName(categary)
+
+// const contentList = await getContentList(categaryId);
+---
+
+<Layout title={title}>
+  <!-- 导航栏 -->
+  <Navbar lang={lang} />
+  <FirstScreen />
+  <BigImg />
+  <!-- <Text />
+  <Img />
+  <Carousel /> -->
+  <!-- <Dynamic contentList={contentList} lang={lang} /> -->
+
+  <!-- <Footer lang={lang} /> -->
+</Layout>

src/pages/index.astro

@@ -0,0 +1,23 @@
+---
+import Layout from '@/layouts/Layout.astro'
+---
+
+<Layout title="首页">
+  <div style="width: 100px; height: 100px; margin: auto; padding-top: 100px;">
+    <div class="spinner-border text-light" role="status">
+      <span class="visually-hidden">Loading...</span>
+    </div>
+  </div>
+</Layout>
+
+<script>
+  let lang = window.localStorage.getItem('lang')
+  if (!lang) {
+    lang = window.navigator.language.toLocaleLowerCase().includes('zh')
+      ? 'zh'
+      : 'en'
+    window.localStorage.setItem('lang', lang);
+  }
+
+  window.location.replace(`${window.location.origin}/${lang}/`)
+</script>

src/services/apis.js

@@ -0,0 +1,32 @@
+import { request } from "@/utils/request";
+
+/*
+ * 获取分类列表
+ */
+export function getCategary () {
+  return request('/taCategary', { params: { isMenu: 1, pageSize: 999 } }).then(res => (res.records || []));
+}
+
+/**
+ * 获取分类下的内容列表
+ * @param {String} categaryId 分类id
+ */
+export function getContentList (categaryId) {
+  return request('/taCategaryContent', { params: { categaryId, pageSize: 999 } }).then(res => (res.records || []));
+}
+
+/**
+ * 获取轮播图下的内容列表
+ * @param {String} carouselId 轮播图id
+ */
+export function getCarouselItemList (carouselId) {
+  return request('/taCarouselItem', { params: { carouselId, pageSize: 999 } }).then(res => (res.records || []));
+}
+
+/*
+ * 获取文章详情
+ * @param {String} postId 文章id
+ */
+export function getPostById (postId) {
+  return request(`/taPost/${postId}`);
+}

src/services/taConcatUs.js

@@ -0,0 +1,9 @@
+// import { request } from "@/utils/request";
+
+/**
+ * 联系我们新增数据
+ * @param data
+ */
+export function postConcatUs (data) {
+  return request('/taConcatUs', { data, method: 'post' });
+}

src/utils/array.js

@@ -0,0 +1,35 @@
+/**
+ * 数组 转 Tree
+ * @param {*} arr
+ * @param {*} parent
+ * @param {*} key
+ * @returns
+ */
+export function arr2Tree(arr = [], parent = "parentId", key = "categaryId") {
+  // 转换为字典
+  const dict = arr.reduce((acc, item) => {
+    return {
+      ...acc,
+      [item[key]]: {
+        ...item,
+        children: [],
+      },
+    };
+  }, {});
+
+  // 挂载父子节点
+  const tree = [];
+  for (let item of arr) {
+    const it = dict[item[key]];
+    const parentNodeId = it[parent];
+    const parentNode = dict[parentNodeId];
+
+    if (!parentNode) {
+      tree.push(it);
+    } else {
+      dict[parentNodeId].children.push(it);
+    }
+  }
+  
+  return [tree, dict];
+}

src/utils/img.js

@@ -0,0 +1,5 @@
+/*写一个图片地址加前缀的函数*/
+export function imgAddPrefix (imgUrl) {
+  var prefix = import.meta.env.IMG_SERVER;
+  return prefix + imgUrl;
+}

src/utils/request.js

@@ -0,0 +1,28 @@
+import axios from "axios";
+
+// 服务端请求
+
+const server = axios.create({
+  baseURL: import.meta.env.BASE_SERVER,
+  timeout: 10000,
+});
+
+server.interceptors.request.use(config => {
+  // 暂无需要处理的内容
+  return config;
+});
+
+server.interceptors.response.use(response => {
+  const { data, status } = response;
+  if (data?.code === 1000 || data?.code === 200) {
+    return data.data;
+  }
+
+  if (data?.message || data?.msg) {
+    throw new Error(data?.message || data?.msg);
+  }
+
+  throw new Error(`网络异常 - ${status}`)
+});
+
+export const request = server;