jack
4 days ago
@ -0,0 +1,38 @@ |
|||
# 依赖 |
|||
node_modules/ |
|||
.pnp |
|||
.pnp.js |
|||
|
|||
# 构建产物 |
|||
dist/ |
|||
build/ |
|||
|
|||
# 日志 |
|||
*.log |
|||
npm-debug.log* |
|||
yarn-debug.log* |
|||
yarn-error.log* |
|||
pnpm-debug.log* |
|||
|
|||
# 编辑器 |
|||
.vscode/ |
|||
.idea/ |
|||
*.swp |
|||
*.swo |
|||
|
|||
# 系统 |
|||
.DS_Store |
|||
Thumbs.db |
|||
|
|||
# 环境变量 |
|||
.env |
|||
.env.local |
|||
.env.*.local |
|||
|
|||
# 缓存 |
|||
.cache/ |
|||
.parcel-cache/ |
|||
.eslintcache |
|||
|
|||
# 上传快照(项目根目录外的 tar.gz 不需要跟踪) |
|||
*.tar.gz |
|||
@ -0,0 +1,24 @@ |
|||
# vue-css-many |
|||
|
|||
## Project setup |
|||
``` |
|||
npm install |
|||
``` |
|||
|
|||
### Compiles and hot-reloads for development |
|||
``` |
|||
npm run serve |
|||
``` |
|||
|
|||
### Compiles and minifies for production |
|||
``` |
|||
npm run build |
|||
``` |
|||
|
|||
### Lints and fixes files |
|||
``` |
|||
npm run lint |
|||
``` |
|||
|
|||
### Customize configuration |
|||
See [Configuration Reference](https://cli.vuejs.org/config/). |
|||
@ -0,0 +1,5 @@ |
|||
module.exports = { |
|||
presets: [ |
|||
'@vue/cli-plugin-babel/preset' |
|||
] |
|||
} |
|||
@ -0,0 +1,47 @@ |
|||
{ |
|||
"name": "vue-css-many", |
|||
"version": "0.1.0", |
|||
"private": true, |
|||
"scripts": { |
|||
"serve": "vue-cli-service serve", |
|||
"build": "vue-cli-service build", |
|||
"lint": "vue-cli-service lint" |
|||
}, |
|||
"dependencies": { |
|||
"core-js": "^3.6.5", |
|||
"vant": "^2.0", |
|||
"vue": "^2.6.11", |
|||
"vue-router": "^3.2.0" |
|||
}, |
|||
"devDependencies": { |
|||
"@vue/cli-plugin-babel": "~4.5.0", |
|||
"@vue/cli-plugin-eslint": "~4.5.0", |
|||
"@vue/cli-plugin-router": "~4.5.0", |
|||
"@vue/cli-service": "~4.5.0", |
|||
"babel-eslint": "^10.1.0", |
|||
"eslint": "^6.7.2", |
|||
"eslint-plugin-vue": "^6.2.2", |
|||
"less": "^3.0.4", |
|||
"less-loader": "^5.0.0", |
|||
"vue-template-compiler": "^2.6.11" |
|||
}, |
|||
"eslintConfig": { |
|||
"root": true, |
|||
"env": { |
|||
"node": true |
|||
}, |
|||
"extends": [ |
|||
"plugin:vue/essential", |
|||
"eslint:recommended" |
|||
], |
|||
"parserOptions": { |
|||
"parser": "babel-eslint" |
|||
}, |
|||
"rules": {} |
|||
}, |
|||
"browserslist": [ |
|||
"> 1%", |
|||
"last 2 versions", |
|||
"not dead" |
|||
] |
|||
} |
|||
|
After Width: | Height: | Size: 6.9 KiB |
|
After Width: | Height: | Size: 1017 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 460 B |
@ -0,0 +1,10 @@ |
|||
(function flexible(window, document) { |
|||
function resetFontSize() { |
|||
const size = (document.documentElement.clientWidth / 1920) * 37.5; |
|||
document.documentElement.style.fontSize = size + 'px'; |
|||
} |
|||
|
|||
// reset root font size on page show or resize
|
|||
window.addEventListener('pageshow', resetFontSize); |
|||
window.addEventListener('resize', resetFontSize); |
|||
})(window, document); |
|||
@ -0,0 +1,31 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="zh-CN"> |
|||
<head> |
|||
<meta charset="utf-8"> |
|||
<meta http-equiv="X-UA-Compatible" content="IE=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1.0"> |
|||
<meta name="referrer" content="no-referrer"> |
|||
<meta name="description" content="WithMind 以 AI Agent 为核心，构建企业专属 AI 能力体系，落地本地私有化部署、专属企业知识库、四大行业技能插件，实现全员 AI 赋能。"> |
|||
<meta name="keywords" content="WithMind,AI Agent,企业AI,私有化部署,知识库,模型网关,创作平台"> |
|||
<meta property="og:title" content="WithMind — 企业专属 AI 能力体系"> |
|||
<meta property="og:description" content="以 AI Agent 为核心的全员 AI 赋能系统：本地私有部署、企业知识库沉淀、四大行业技能插件。"> |
|||
<meta property="og:type" content="website"> |
|||
<link rel="icon" type="image/x-icon" sizes="16x16 32x32 48x48" href="<%= BASE_URL %>favicon.ico"> |
|||
<link rel="icon" type="image/png" sizes="32x32" href="<%= BASE_URL %>favicon-32x32.png"> |
|||
<link rel="apple-touch-icon" sizes="180x180" href="<%= BASE_URL %>apple-touch-icon.png"> |
|||
<title>WithMind — 企业专属 AI 能力体系</title> |
|||
<script src="<%= BASE_URL %>flexible.js"></script> |
|||
<style type="text/css"> |
|||
body { |
|||
margin: 0; |
|||
} |
|||
</style> |
|||
</head> |
|||
<body> |
|||
<noscript> |
|||
<strong>WithMind 官网需要启用 JavaScript 才能正常运行，请开启后继续访问。</strong> |
|||
</noscript> |
|||
<div id="app"></div> |
|||
<!-- built files will be auto injected --> |
|||
</body> |
|||
</html> |
|||
|
After Width: | Height: | Size: 5.3 KiB |
@ -0,0 +1,45 @@ |
|||
<template> |
|||
<div id="app"> |
|||
<router-view/> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
export default { |
|||
name: 'App', |
|||
mounted() { |
|||
// 页面加载/刷新时强制滚到顶部(配合 router scrollBehavior 双保险) |
|||
if ('scrollRestoration' in history) { |
|||
history.scrollRestoration = 'manual' |
|||
} |
|||
window.scrollTo(0, 0) |
|||
// 二次兜底:DOMContentLoaded 后再滚一次 |
|||
window.addEventListener('load', () => window.scrollTo(0, 0)) |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<style lang="css" src="./assets/common.css"> |
|||
</style> |
|||
<style> |
|||
/* 兜底:任何子元素(含 position:absolute 越界元素)都不会撑出横向滚动条 */ |
|||
html, |
|||
body, |
|||
#app { |
|||
overflow-x: hidden; |
|||
} |
|||
/* 滚动条只显示在 <html> 一处: |
|||
- body 强制 overflow:hidden,不让 body 自己产生垂直滚动条 |
|||
- html 保持默认(visible/auto),只产生一条滚动条 |
|||
这样避免同时出现 html + body 两条滚动条的"双滚轮"问题 */ |
|||
body { |
|||
overflow: hidden; |
|||
} |
|||
/* 滚动丝滑:滚轮/触摸板触发原生平滑滚动(浏览器内置 60fps 插值,无 JS 开销) */ |
|||
/* will-change scroll-position:把整个页面推到独立合成层,scroll 重算时只更新这个层, |
|||
不再触发 .page (152.4rem 大容器) 内部 position:absolute 元素的 reflow */ |
|||
html { |
|||
scroll-behavior: smooth; |
|||
will-change: scroll-position; |
|||
} |
|||
</style> |
|||
@ -0,0 +1,61 @@ |
|||
body * { |
|||
box-sizing: border-box; |
|||
flex-shrink: 0; |
|||
} |
|||
body { |
|||
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; |
|||
} |
|||
button { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 1px solid transparent; |
|||
outline: none; |
|||
background-color: transparent; |
|||
} |
|||
button:active { |
|||
opacity: 0.6; |
|||
} |
|||
.flex-col { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.flex-row { |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.justify-start { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
.justify-center { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.justify-end { |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
.justify-evenly { |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
} |
|||
.justify-around { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
.justify-between { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.align-start { |
|||
display: flex; |
|||
align-items: flex-start; |
|||
} |
|||
.align-center { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.align-end { |
|||
display: flex; |
|||
align-items: flex-end; |
|||
} |
|||
@ -0,0 +1,62 @@ |
|||
body * { |
|||
box-sizing: border-box; |
|||
flex-shrink: 0; |
|||
} |
|||
body { |
|||
font-family: PingFangSC-Regular, Roboto, Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC-Light, Microsoft YaHei; |
|||
} |
|||
button { |
|||
margin: 0; |
|||
padding: 0; |
|||
border: 1px solid transparent; |
|||
outline: none; |
|||
background-color: transparent; |
|||
} |
|||
button:active { |
|||
opacity: 0.6; |
|||
} |
|||
.flex-col { |
|||
display: flex; |
|||
flex-direction: column; |
|||
} |
|||
.flex-row { |
|||
display: flex; |
|||
flex-direction: row; |
|||
} |
|||
.justify-start { |
|||
display: flex; |
|||
justify-content: flex-start; |
|||
} |
|||
.justify-center { |
|||
display: flex; |
|||
justify-content: center; |
|||
} |
|||
.justify-end { |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
.justify-evenly { |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
} |
|||
.justify-around { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
.justify-between { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
.align-start { |
|||
display: flex; |
|||
align-items: flex-start; |
|||
} |
|||
.align-center { |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
.align-end { |
|||
display: flex; |
|||
align-items: flex-end; |
|||
} |
|||
|
|||
@ -0,0 +1,34 @@ |
|||
import 'vant/lib/index.css'; |
|||
import Vue from 'vue' |
|||
import App from './App.vue' |
|||
import router from './router' |
|||
import {Button,DropdownMenu,DropdownItem,Cell,Switch,Field} from 'vant' |
|||
import { RadioGroup, Radio } from 'vant'; |
|||
import { CheckboxGroup, Checkbox } from 'vant'; |
|||
import { Tab, Tabs } from 'vant'; |
|||
import { Tabbar, TabbarItem } from 'vant'; |
|||
import { NavBar, Icon, Tag } from 'vant'; |
|||
|
|||
Vue.component('van-field', Field) |
|||
Vue.component('van-button', Button) |
|||
Vue.component('van-dropdown-menu', DropdownMenu) |
|||
Vue.component('van-dropdown-item', DropdownItem) |
|||
Vue.component('van-cell', Cell) |
|||
Vue.component('van-switch', Switch) |
|||
Vue.component('van-checkbox-group', CheckboxGroup) |
|||
Vue.component('van-checkbox', Checkbox) |
|||
Vue.component('van-radio-group', RadioGroup) |
|||
Vue.component('van-radio', Radio) |
|||
Vue.component('van-tab', Tab) |
|||
Vue.component('van-tabs', Tabs) |
|||
Vue.component('van-tabbar', Tabbar) |
|||
Vue.component('van-tabbar-item', TabbarItem) |
|||
Vue.component('van-nav-bar', NavBar) |
|||
Vue.component('van-icon', Icon) |
|||
Vue.component('van-tag', Tag) |
|||
Vue.config.productionTip = false |
|||
|
|||
new Vue({ |
|||
router, |
|||
render: h => h(App) |
|||
}).$mount('#app') |
|||
@ -0,0 +1,34 @@ |
|||
import Vue from 'vue' |
|||
import VueRouter from 'vue-router' |
|||
import withmind from '../views/withmind/index.vue' |
|||
|
|||
Vue.use(VueRouter) |
|||
|
|||
const routes = [ |
|||
{ |
|||
path: '/', |
|||
redirect: "/withmind" |
|||
}, |
|||
{ |
|||
path: '/withmind', |
|||
name: 'withmind', |
|||
component: withmind |
|||
} |
|||
] |
|||
|
|||
const router = new VueRouter({ |
|||
mode: 'hash', |
|||
base: process.env.BASE_URL, |
|||
routes, |
|||
// 每次进入路由(包括刷新页面)都滚到顶部
|
|||
scrollBehavior(to, from, savedPosition) { |
|||
if (savedPosition) { |
|||
// 浏览器前进/后退 → 恢复原位置
|
|||
return savedPosition |
|||
} |
|||
// 否则(包括刷新)滚到顶部
|
|||
return { top: 0 } |
|||
} |
|||
}) |
|||
|
|||
export default router |
|||
@ -0,0 +1,596 @@ |
|||
<template> |
|||
<div class="page flex-col" id="top"> |
|||
<div class="group_1 flex-row justify-between"> |
|||
<div class="section_1 flex-col"> |
|||
<div class="section_2 flex-row"> |
|||
<div class="group_2 flex-col"> |
|||
<div class="box_1 flex-col"> |
|||
<div class="section_3 flex-col"><div class="section_4 flex-col"></div></div> |
|||
</div> |
|||
<div class="box_2 flex-col"></div> |
|||
</div> |
|||
<img |
|||
class="image_1" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG153b5e172d82596e755e041251f82ded.png" |
|||
/> |
|||
<span class="text_1 nav-link" @click="scrollTo('top')">首页</span> |
|||
<span class="text_2 nav-link" @click="scrollTo('about')">WithMind</span> |
|||
<span class="text_3 nav-link" @click="scrollTo('skills')">Skills</span> |
|||
<span class="text_4 nav-link" @click="scrollTo('platform')">创作平台</span> |
|||
<span class="text_5 nav-link" @click="scrollTo('gateway')">模型网关</span> |
|||
<div class="group_3 flex-col"></div> |
|||
</div> |
|||
<img |
|||
class="image_2" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGfa4ede1cb67c8bb29fb955b805bb02d4.png" |
|||
/> |
|||
<div class="section_5 flex-row justify-between" id="about"> |
|||
<div class="text-wrapper_1"> |
|||
<span class="text_6">关于</span> |
|||
<span class="text_7">WithMind</span> |
|||
</div> |
|||
<span class="text_8"> |
|||
WithMind 以AI Agent为核心，构建专属AI能力体系，落地在企业本地、专属企业数据、持续自我迭代的全员AI赋能系统。依托本地私有Agent智能节点 + 企业私有知识库沉淀 + 四大行业成熟技能插件，真正实现：企业知识留得住、员工能力带得走、销售业绩涨得快、团队培训零成本。 |
|||
</span> |
|||
</div> |
|||
<div class="section_6 flex-row justify-between"> |
|||
<div class="image-text_1 flex-col justify-between"> |
|||
<div class="group_4 flex-col"> |
|||
<div class="box_3 flex-col"> |
|||
<div class="image-wrapper_1 flex-col"> |
|||
<img |
|||
class="label_1" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG96b7b6ce5b2df0bb68735d0727e63f37.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="text-group_1 flex-col justify-between"> |
|||
<span class="text_9">降本：一个顶一个团队</span> |
|||
<span class="text_10">省去策划、培训、行政答疑的大量人力成本</span> |
|||
</div> |
|||
</div> |
|||
<div class="group_5 flex-col"></div> |
|||
<div class="image-text_2 flex-col justify-between"> |
|||
<div class="block_1 flex-col"> |
|||
<div class="block_2 flex-col"> |
|||
<div class="image-wrapper_2 flex-col"> |
|||
<img |
|||
class="label_2" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG99724e8af002e3b3d49dc1a6847e06e6.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="text-group_2 flex-col justify-between"> |
|||
<span class="text_11">增效：能力统一升级</span> |
|||
<span class="text_12">共享企业顶级知识/话术、新人快速成长，团队能力无短板</span> |
|||
</div> |
|||
</div> |
|||
<div class="group_6 flex-col"></div> |
|||
<div class="image-text_3 flex-col justify-between"> |
|||
<div class="image-wrapper_3 flex-col"> |
|||
<img |
|||
class="image_3" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGf68a21e42dbea81d166d2828d9546b5d.png" |
|||
/> |
|||
</div> |
|||
<div class="text-group_3 flex-col justify-between"> |
|||
<span class="text_13">留资：企业资产沉淀</span> |
|||
<span class="text_14">沉淀员工经验/案例/流程等知识资产，人走经验留，越用越增值</span> |
|||
</div> |
|||
</div> |
|||
<div class="group_7 flex-col"></div> |
|||
<div class="image-text_4 flex-col justify-between"> |
|||
<div class="image-wrapper_4 flex-col"> |
|||
<img |
|||
class="image_4" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG28c3de0bac708b25a35de8e879359cb0.png" |
|||
/> |
|||
</div> |
|||
<div class="text-group_4 flex-col justify-between"> |
|||
<span class="text_15">安全：本地私有化部署</span> |
|||
<span class="text_16">数据本地存储，杜绝公网泄露风险，适配各类正规企业</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="image-wrapper_5 flex-col"> |
|||
<img |
|||
class="image_5" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGace196b5119f6099423d6ad80890e799.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<img |
|||
class="image_6" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG9a319156e7bafe4887f1fbd806cdec9f.png" |
|||
/> |
|||
</div> |
|||
<div class="group_8 flex-row justify-between" id="platform"> |
|||
<div class="group_9 flex-col justify-between"> |
|||
<div class="section_7 flex-row justify-between"> |
|||
<div class="text-wrapper_2 flex-col justify-between"> |
|||
<span class="text_17">知识库：</span> |
|||
<span class="text_18">让知识随时可用</span> |
|||
</div> |
|||
<img |
|||
class="image_7" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG8b1342aeb45968e8cff35584f9c04fe7.png" |
|||
/> |
|||
<div class="section_8 flex-col"></div> |
|||
</div> |
|||
<span class="paragraph_1"> |
|||
不仅是资料存档，更是活化的第二大脑。 |
|||
<br /> |
|||
<br /> |
|||
知识支持自动抓取网页、文档、音视频与数据库内容，智能标签与向量检索让信息秒级定位；版本追溯、团队共编、权限分级，确保每一次更新都精准同步，沉淀为可复用的组织资产。 |
|||
</span> |
|||
</div> |
|||
<img |
|||
class="image_8" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG722837bf73a617f692f4cd5c20f8f115.png" |
|||
/> |
|||
</div> |
|||
<div class="group_10 flex-row justify-between" id="agent"> |
|||
<img |
|||
class="image_9" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG90312762e0568f841f0a41fdba0d65ac.png" |
|||
/> |
|||
<div class="box_4 flex-col justify-between"> |
|||
<div class="group_11 flex-row justify-between"> |
|||
<div class="text-wrapper_3 flex-col justify-between"> |
|||
<span class="text_19">Agent：</span> |
|||
<span class="text_20">让任务自动执行</span> |
|||
</div> |
|||
<div class="image-wrapper_6 flex-col"> |
|||
<img |
|||
class="image_10" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG3878e1d3cb469cdcbd99b9c05feba2ac.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<span class="paragraph_2"> |
|||
不只是问答机器人，更是你的自动执行伙伴。 |
|||
<br /> |
|||
<br /> |
|||
可设定目标、拆分任务、调用工具（如搜索、API、代码执行），主动生成周报、分析数据、起草脚本，甚至根据知识库变化动态调整策略；支持多轮对话与意图识别，让复杂工作流像聊天一样自然流转。 |
|||
</span> |
|||
</div> |
|||
</div> |
|||
<div class="group_12 flex-row justify-between" id="media"> |
|||
<div class="block_3 flex-col justify-between"> |
|||
<div class="group_13 flex-row justify-between"> |
|||
<div class="text-wrapper_4 flex-col justify-between"> |
|||
<span class="text_21">新媒体应用：</span> |
|||
<span class="text_22">让传播精准触达</span> |
|||
</div> |
|||
<div class="group_14 flex-col"><div class="box_5 flex-col"></div></div> |
|||
</div> |
|||
<span class="paragraph_3"> |
|||
不止于发布，更是数据驱动的运营中枢。 |
|||
<br /> |
|||
<br /> |
|||
将图文、视频、互动组件适配至公众号、抖音、小红书等平台，内置热点追踪、AI润色与多版本标题生成；发布后实时回传阅读、转化、互动数据，反哺知识库与Agent策略，形成“创作-分发-优化”的智能增长飞轮。 |
|||
</span> |
|||
</div> |
|||
<img |
|||
class="image_11" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGdf7d113d688770b9bfc4f627f89c200c.png" |
|||
/> |
|||
</div> |
|||
<div class="group_15 flex-row" id="gateway"> |
|||
<div class="group_16 flex-col"> |
|||
<div class="group_17 flex-col"> |
|||
<div class="image-wrapper_7 flex-col"> |
|||
<img |
|||
class="image_12" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGfa5a4d0305f975e1f89ebd5054eca3fc.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="group_18 flex-col"> |
|||
<div class="block_4 flex-row"> |
|||
<div class="text-group_5 flex-col justify-between"> |
|||
<span class="text_23">统一的大模型接口网关</span> |
|||
<span class="text_24">多模型统一接入，只需将基址替换为：</span> |
|||
</div> |
|||
</div> |
|||
<div class="block_5 flex-row"> |
|||
<div class="block_6 flex-row"> |
|||
<span class="text_25">http://localhost:3001</span> |
|||
<span class="text_26">/v1/responses</span> |
|||
<div class="box_6 flex-col"> |
|||
<div class="group_19 flex-col"><div class="section_9 flex-col"></div></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="block_7 flex-row justify-between"> |
|||
<div class="box_7 flex-row"> |
|||
<div class="image-text_5 flex-row justify-between"> |
|||
<div class="image-wrapper_8 flex-col"> |
|||
<img |
|||
class="thumbnail_1" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG19d3d976285cb5b68f43bc632b989544.png" |
|||
/> |
|||
</div> |
|||
<span class="text-group_6">获取秘钥</span> |
|||
</div> |
|||
</div> |
|||
<div class="box_8 flex-row"> |
|||
<div class="image-text_6 flex-row justify-between"> |
|||
<div class="image-wrapper_9 flex-col"> |
|||
<img |
|||
class="thumbnail_2" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG84a786470b984b9dd918797997ece549.png" |
|||
/> |
|||
</div> |
|||
<span class="text-group_7">文档</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="text-wrapper_5 flex-row"><span class="text_27">支持众多的大模型供应商</span></div> |
|||
<div class="image-wrapper_10 flex-row justify-between"> |
|||
<img |
|||
class="image_13" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGa36d7108339c344eeeb5868149056ba0.png" |
|||
/> |
|||
<img |
|||
class="image_14" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG0e55bb84ca516dc8d186c4ef260c84ef.png" |
|||
/> |
|||
<img |
|||
class="image_15" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG121e93ad99e596f8c2abad8493162198.png" |
|||
/> |
|||
<img |
|||
class="image_16" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG651d971a96e1d79fef9a2f64a82c6fd6.png" |
|||
/> |
|||
<img |
|||
class="image_17" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG30e6ee8bfc1c6fb98ca605a89050ebb0.png" |
|||
/> |
|||
<img |
|||
class="image_18" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG5a7047986d873811d83480d935a68040.png" |
|||
/> |
|||
<img |
|||
class="image_19" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG6339c9767782f4f2d34a14f575e02710.png" |
|||
/> |
|||
<img |
|||
class="image_20" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG552022fefe8d80467ff8bfd944893380.png" |
|||
/> |
|||
</div> |
|||
<div class="image-wrapper_11 flex-row justify-between"> |
|||
<img |
|||
class="image_21" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG52defb376a26965ebe5333983c2f74a6.png" |
|||
/> |
|||
<img |
|||
class="image_22" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGcedce18e53d33e55860230c6c03e8fe4.png" |
|||
/> |
|||
<img |
|||
class="image_23" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG8cd91f2bf78d9ce5632d5fa0dea4b809.png" |
|||
/> |
|||
<img |
|||
class="image_24" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGc8a8dad5223015796a2cb323e72e0cba.png" |
|||
/> |
|||
<img |
|||
class="image_25" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGf1ab2b0af31a1c7bf9b765093dbf7f14.png" |
|||
/> |
|||
<img |
|||
class="image_26" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGeb71a6274624ba6dd100a9854c08c4c3.png" |
|||
/> |
|||
<img |
|||
class="image_27" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG4386c42b8a6daf9ebd91147466a14dfd.png" |
|||
/> |
|||
</div> |
|||
<div class="block_8 flex-col"></div> |
|||
<div class="block_9 flex-col"></div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="group_20 flex-row"> |
|||
<div class="group_21 flex-col"> |
|||
<div class="group_22 flex-row"> |
|||
<div class="block_10 flex-col"> |
|||
<div class="box_9 flex-col"> |
|||
<div class="section_10 flex-col"><div class="block_11 flex-col"></div></div> |
|||
</div> |
|||
<div class="box_10 flex-col"></div> |
|||
</div> |
|||
<img |
|||
class="image_28" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGd8a5bb999a6c17646c8f4f477b5a8c06.png" |
|||
/> |
|||
<span class="text_28 nav-link" @click="scrollTo('about')">关于WithMind</span> |
|||
<span class="text_29 nav-link" @click="scrollTo('skills')">Skills</span> |
|||
<span class="text_30 nav-link" @click="scrollTo('platform')">创作平台</span> |
|||
<span class="text_31 nav-link" @click="scrollTo('gateway')">模型网关</span> |
|||
</div> |
|||
<div class="group_23 flex-row"> |
|||
<div class="group_24 flex-col justify-between"> |
|||
<span class="text_32"> |
|||
告别孤岛式协作，一键接入知识库、Agent与新媒体分发渠道，让数据、行动与传播无缝闭环，满足从灵感迸发到内容落地的全链路需求。 |
|||
</span> |
|||
<div class="image-text_7 flex-col justify-between nav-link" @click="scrollTo('gateway')"> |
|||
<img |
|||
class="image_29" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG3cc2d58da2ae33f445a1471d8f218d42.png" |
|||
/> |
|||
<span class="text-group_8">在线咨询</span> |
|||
</div> |
|||
</div> |
|||
<div class="text-group_9 flex-col justify-between"> |
|||
<span class="text_33 nav-link" @click="scrollTo('about')">WithMind</span> |
|||
<span class="text_34 nav-link" @click="scrollTo('skills')">核心价值</span> |
|||
</div> |
|||
<div class="text-wrapper_6 flex-col justify-between"> |
|||
<span class="text_35 nav-link" @click="scrollTo('skills')">企业专属大师</span> |
|||
<span class="text_36 nav-link" @click="scrollTo('skills')">新媒体专家</span> |
|||
<span class="text_37 nav-link" @click="scrollTo('skills')">销冠助手</span> |
|||
<span class="text_38 nav-link" @click="scrollTo('skills')">培训导师</span> |
|||
</div> |
|||
<div class="text-group_10 flex-col justify-between"> |
|||
<span class="text_39 nav-link" @click="scrollTo('platform')">知识库</span> |
|||
<span class="text_40 nav-link" @click="scrollTo('agent')">Agent</span> |
|||
<span class="text_41 nav-link" @click="scrollTo('media')">新媒体应用</span> |
|||
</div> |
|||
<div class="text-group_11 flex-col justify-between"> |
|||
<span class="text_42 nav-link" @click="scrollTo('gateway')">获取秘钥</span> |
|||
<span class="text_43 nav-link" @click="scrollTo('gateway')">文档</span> |
|||
</div> |
|||
</div> |
|||
<div class="text-wrapper_7 flex-row justify-between"> |
|||
<span class="text_44"> |
|||
© 2026 武汉智韵未来科技有限公司 All right sreserved |
|||
</span> |
|||
<span class="text_45">备案号：鄂ICP备11111111号</span> |
|||
</div> |
|||
<div class="group_25 flex-col"></div> |
|||
</div> |
|||
</div> |
|||
<div class="group_26 flex-col"></div> |
|||
<img |
|||
class="image_30" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGb29d3722a6dc7b251885dd340188decb.png" |
|||
/> |
|||
<div class="group_27 flex-row" id="skills"> |
|||
<div class="text-group_12 flex-col justify-between"> |
|||
<div class="text-wrapper_8"> |
|||
<span class="text_46">Skills</span> |
|||
<span class="text_47"> 核心能力</span> |
|||
</div> |
|||
<span class="text_48">四大核心技能插件，覆盖企业高频应用场景</span> |
|||
</div> |
|||
<div class="group_28 flex-col"> |
|||
<img |
|||
class="label_3" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG2c2757c805461c3ac93c01fb91890237.png" |
|||
/> |
|||
<span class="text_49">企业专属大师</span> |
|||
<span class="text_50">覆盖行政人事财务等制度流程，员工自助查询，减少答疑，实现管理自动化标准化。</span> |
|||
<div class="group_29 flex-col"> |
|||
<div class="block_12 flex-col"> |
|||
<img |
|||
class="label_4" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGc78408b3b848072b1d99c2ed6e4b4f97.png" |
|||
/> |
|||
<div class="box_11 flex-col"></div> |
|||
</div> |
|||
<div class="text-group_13 flex-col justify-between"> |
|||
<span class="text_51">新媒体专家</span> |
|||
<span class="text_52">支持策划、文案、脚本、规划等创作，结合业务定制可落地方案，零成本拥有内容团队。</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="group_30 flex-col justify-between"> |
|||
<div class="box_12 flex-col"> |
|||
<div class="box_13 flex-col"><div class="box_14 flex-col"></div></div> |
|||
<div class="text-group_14 flex-col justify-between"> |
|||
<span class="text_53">销冠助手</span> |
|||
<span class="text_54">内置全流程话术，100%学习产品案例生成专属话术，统一销售口径，提升转化率。</span> |
|||
</div> |
|||
</div> |
|||
<div class="box_15 flex-col"> |
|||
<div class="image-wrapper_12 flex-col"> |
|||
<img |
|||
class="image_31" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG19333f31a6cc481ce8e079ad2e092fa2.png" |
|||
/> |
|||
</div> |
|||
<div class="text-group_15 flex-col justify-between"> |
|||
<span class="text_55">培训导师</span> |
|||
<span class="text_56">24小时在线自动学习内部资料，支持培训考核，知识沉淀传承，新人快速上手。</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="group_31 flex-col"></div> |
|||
<div class="group_32 flex-col"> |
|||
<div class="group_33 flex-col"> |
|||
<div class="image-wrapper_13 flex-col"> |
|||
<img |
|||
class="image_32" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG70cb065a8289fcc42ca78e42855a5469.png" |
|||
/> |
|||
<img |
|||
class="image_33" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGb5a93f0d10a547f00f477afb7b34d708.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="text-group_16 flex-col justify-between"> |
|||
<span class="text_57">企业专属大师</span> |
|||
<span class="text_58">覆盖行政人事财务等制度流程，员工自助查询，减少答疑，实现管理自动化标准化。</span> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<img |
|||
class="image_34" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG15d040d5c9848a9fa45a5bc120ea12a4.png" |
|||
/> |
|||
<div class="group_34 flex-col"> |
|||
<div class="section_11 flex-row"> |
|||
<div class="text-wrapper_9 flex-col justify-between"> |
|||
<span class="paragraph_4"> |
|||
WithMind |
|||
<br /> |
|||
企业专属私有化AI知识大脑 |
|||
</span> |
|||
<span class="text_59"> |
|||
用一个Key，聚百模之力，让您的业务永远拥有最合适的AI大脑，而无需为模型选择与维护烦恼，专注打造核心竞争力。 |
|||
</span> |
|||
</div> |
|||
<div class="image-wrapper_14 flex-col"> |
|||
<img |
|||
class="image_35" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG62d303c0d57928a4243c648f2234bb86.png" |
|||
/> |
|||
<img |
|||
class="label_5" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG28f838c07d68e219a010d0a1c625efdf.png" |
|||
/> |
|||
</div> |
|||
<div class="image-wrapper_15 flex-col"> |
|||
<img |
|||
class="image_36" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGe8287a96deb6f433fa3345a690063e89.png" |
|||
/> |
|||
<img |
|||
class="image_37" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNGca2ff09a1133576beee8ff209aa56770.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
<div class="section_12 flex-row"> |
|||
<div class="box_16 flex-row"> |
|||
<div class="image-text_8 flex-row justify-between"> |
|||
<span class="text-group_17">了解更多</span> |
|||
<div class="image-wrapper_16 flex-col"> |
|||
<img |
|||
class="thumbnail_3" |
|||
referrerpolicy="no-referrer" |
|||
src="./assets/img/FigmaDDSSlicePNG606421222bffedb4ebea7a0ca9a561ef.png" |
|||
/> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
<div class="section_13 flex-col"></div> |
|||
</div> |
|||
</div> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
data() { |
|||
return { |
|||
constants: {} |
|||
}; |
|||
}, |
|||
methods: { |
|||
scrollTo(id) { |
|||
if (id === 'top') { |
|||
window.scrollTo({ top: 0, behavior: 'smooth' }); |
|||
return; |
|||
} |
|||
const el = document.getElementById(id); |
|||
if (el) { |
|||
// .page 容器 overflow:hidden，需按元素相对文档的绝对位置滚动 window |
|||
const top = el.getBoundingClientRect().top + window.pageYOffset - 80; |
|||
window.scrollTo({ top: top, behavior: 'smooth' }); |
|||
} |
|||
} |
|||
} |
|||
}; |
|||
</script> |
|||
<style scoped lang="css" src="./assets/index.css" /> |
|||
<style scoped> |
|||
/* 顶部导航固定，滚动时始终可见、可点击 */ |
|||
.section_2 { |
|||
position: fixed; |
|||
top: 0; |
|||
left: 0; |
|||
z-index: 100; |
|||
} |
|||
/* 导航被 fixed 移出文档流，给内容补回 80px 顶部间距，避免上移错位 */ |
|||
.section_1 { |
|||
margin-top: 80px; |
|||
} |
|||
.nav-link { |
|||
cursor: pointer; |
|||
transition: opacity 0.2s; |
|||
position: relative; |
|||
z-index: 101; |
|||
} |
|||
.nav-link:hover { |
|||
opacity: 0.7; |
|||
} |
|||
|
|||
/* ===== 修复 logo：顶部 & 底部图标残缺、底部文字空白 ===== */ |
|||
/* 顶部/底部 W 图标：改用完整的双色切图，隐藏原来拼接的残缺子元素 */ |
|||
.group_2, |
|||
.block_10 { |
|||
background: url('./assets/img/logo-icon.png') no-repeat center / contain !important; |
|||
} |
|||
.group_2 > *, |
|||
.block_10 > * { |
|||
display: none !important; |
|||
} |
|||
/* 底部 WITHMIND 文字原图为空白：借用顶部黑字文字图并反色为白色 */ |
|||
.image_28 { |
|||
content: url('./assets/img/FigmaDDSSlicePNG153b5e172d82596e755e041251f82ded.png'); |
|||
filter: brightness(0) invert(1); |
|||
} |
|||
</style> |
|||
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 575 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 234 B |
|
After Width: | Height: | Size: 263 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 936 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 566 B |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 205 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
|
After Width: | Height: | Size: 3.3 KiB |
|
After Width: | Height: | Size: 930 B |
|
After Width: | Height: | Size: 519 B |
|
After Width: | Height: | Size: 423 KiB |
|
After Width: | Height: | Size: 286 B |
|
After Width: | Height: | Size: 1012 B |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 63 KiB |
|
After Width: | Height: | Size: 372 B |
|
After Width: | Height: | Size: 361 B |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 3.8 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 550 B |
|
After Width: | Height: | Size: 428 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 513 B |
|
After Width: | Height: | Size: 2.0 MiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 65 KiB |
|
After Width: | Height: | Size: 914 B |
|
After Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 3.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 36 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 2.9 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 5.3 KiB |
|
After Width: | Height: | Size: 68 KiB |
|
After Width: | Height: | Size: 210 KiB |
|
After Width: | Height: | Size: 441 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 5.5 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 4.6 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 246 B |
|
After Width: | Height: | Size: 435 B |
|
After Width: | Height: | Size: 663 B |
|
After Width: | Height: | Size: 246 B |
|
After Width: | Height: | Size: 393 B |
|
After Width: | Height: | Size: 677 B |
|
After Width: | Height: | Size: 215 B |
|
After Width: | Height: | Size: 328 B |
|
After Width: | Height: | Size: 542 B |
|
After Width: | Height: | Size: 253 B |