diff --git a/index.html b/index.html index 8388c4b..9af714d 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,16 @@ - - - - - Vite + Vue - - -
- - - + + + + + + 三优云试剂管家 + + + +
+ + + + \ No newline at end of file diff --git a/package-lock.json b/package-lock.json index 6040a4e..aeeec8b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,7 +8,7 @@ "name": "sample-website", "version": "0.0.0", "dependencies": { - "aos": "^2.3.4", + "scrollreveal": "^4.0.9", "vue": "^3.5.13", "vue-router": "^4.5.0" }, @@ -1065,17 +1065,6 @@ "node": ">= 8" } }, - "node_modules/aos": { - "version": "2.3.4", - "resolved": "https://registry.npmmirror.com/aos/-/aos-2.3.4.tgz", - "integrity": "sha512-zh/ahtR2yME4I51z8IttIt4lC1Nw0ktsFtmeDzID1m9naJnWXhCoARaCgNOGXb5CLy3zm+wqmRAEgMYB5E2HUw==", - "license": "MIT", - "dependencies": { - "classlist-polyfill": "^1.0.3", - "lodash.debounce": "^4.0.6", - "lodash.throttle": "^4.0.1" - } - }, "node_modules/arg": { "version": "5.0.2", "resolved": "https://registry.npmmirror.com/arg/-/arg-5.0.2.tgz", @@ -1266,12 +1255,6 @@ "node": ">= 6" } }, - "node_modules/classlist-polyfill": { - "version": "1.2.0", - "resolved": "https://registry.npmmirror.com/classlist-polyfill/-/classlist-polyfill-1.2.0.tgz", - "integrity": "sha512-GzIjNdcEtH4ieA2S8NmrSxv7DfEV5fmixQeyTmqmRmRJPGpRBaSnA2a0VrCjyT8iW8JjEdMbKzDotAJf+ajgaQ==", - "license": "Unlicense" - }, "node_modules/color-convert": { "version": "2.0.1", "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz", @@ -1673,6 +1656,21 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-dom-node": { + "version": "1.0.4", + "resolved": "https://registry.npmmirror.com/is-dom-node/-/is-dom-node-1.0.4.tgz", + "integrity": "sha512-NEnTHKCeyGJTL0cKdzATF8SWzyTMYf5CbNKWBvsXvyMxZG32g+a09qkeCbrfQNLTD85CbPeHb4YjIJCjyzF0yA==", + "license": "MIT" + }, + "node_modules/is-dom-node-list": { + "version": "1.2.1", + "resolved": "https://registry.npmmirror.com/is-dom-node-list/-/is-dom-node-list-1.2.1.tgz", + "integrity": "sha512-P1H071iT5TGG8pAHslhrLDo/tQLYc8tGuWABVqhGU4l2mm7aDNb9cx2myQ2AujEQO6B2cAujcW4a0/+6UfXInw==", + "license": "MIT", + "dependencies": { + "is-dom-node": "^1.0.4" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz", @@ -1769,18 +1767,6 @@ "dev": true, "license": "MIT" }, - "node_modules/lodash.debounce": { - "version": "4.0.8", - "resolved": "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz", - "integrity": "sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==", - "license": "MIT" - }, - "node_modules/lodash.throttle": { - "version": "4.1.1", - "resolved": "https://registry.npmmirror.com/lodash.throttle/-/lodash.throttle-4.1.1.tgz", - "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==", - "license": "MIT" - }, "node_modules/lru-cache": { "version": "10.4.3", "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-10.4.3.tgz", @@ -1847,6 +1833,12 @@ "node": ">=16 || 14 >=14.17" } }, + "node_modules/miniraf": { + "version": "1.0.0", + "resolved": "https://registry.npmmirror.com/miniraf/-/miniraf-1.0.0.tgz", + "integrity": "sha512-XpvhtJYzVrpXe+JoAthrT9E40NIrSDDMcdHEYL2M+lR/OCas0nadetcBBq/MWYqlgV5aDWVQ3mfAqd+fG6Y/EQ==", + "license": "MIT" + }, "node_modules/mz": { "version": "2.7.0", "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz", @@ -2207,6 +2199,12 @@ "node": ">=8.10.0" } }, + "node_modules/rematrix": { + "version": "0.3.0", + "resolved": "https://registry.npmmirror.com/rematrix/-/rematrix-0.3.0.tgz", + "integrity": "sha512-xB/9ZvJIKaDgXX0qkvV9/pLD8zK23A6TVV6F8Vhsl+SrxbBeVYutz5uszxgC6Rt3RP9LZiH8OXaYjr+x6WXWmQ==", + "license": "MIT" + }, "node_modules/resolve": { "version": "1.22.10", "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.10.tgz", @@ -2302,6 +2300,18 @@ "queue-microtask": "^1.2.2" } }, + "node_modules/scrollreveal": { + "version": "4.0.9", + "resolved": "https://registry.npmmirror.com/scrollreveal/-/scrollreveal-4.0.9.tgz", + "integrity": "sha512-fefGvzVS8YbXbDK1+T0kvy2yqxaiBJZeGUhPeqajf+7sGqtX4xikbKGAlzQuPCpswAMswx94ZwhDjXKnRIqW1w==", + "hasInstallScript": true, + "license": "GPL-3.0", + "dependencies": { + "miniraf": "1.0.0", + "rematrix": "0.3.0", + "tealight": "0.3.6" + } + }, "node_modules/shebang-command": { "version": "2.0.0", "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz", @@ -2525,6 +2535,16 @@ "node": ">=14.0.0" } }, + "node_modules/tealight": { + "version": "0.3.6", + "resolved": "https://registry.npmmirror.com/tealight/-/tealight-0.3.6.tgz", + "integrity": "sha512-Dys3N8jFBThD9pNVpPCyUiu6DfWcTBdqWQJIvnAuVaFkGEdrPBJ43070vVbn6sTlLvn2IQK2zFW4FrVIrTo8eQ==", + "license": "MIT", + "dependencies": { + "is-dom-node": "^1.0.4", + "is-dom-node-list": "^1.2.1" + } + }, "node_modules/thenify": { "version": "3.3.1", "resolved": "https://registry.npmmirror.com/thenify/-/thenify-3.3.1.tgz", diff --git a/package.json b/package.json index 568d573..b563d83 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "preview": "vite preview" }, "dependencies": { - "aos": "^2.3.4", + "scrollreveal": "^4.0.9", "vue": "^3.5.13", "vue-router": "^4.5.0" }, diff --git a/public/favicon.png b/public/favicon.png new file mode 100644 index 0000000..8245175 Binary files /dev/null and b/public/favicon.png differ diff --git a/public/vite.svg b/public/vite.svg deleted file mode 100644 index e7b8dfb..0000000 --- a/public/vite.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/src/assets/Group 33.png b/src/assets/Group 33.png index 0a9e447..6e4bf8f 100644 Binary files a/src/assets/Group 33.png and b/src/assets/Group 33.png differ diff --git a/src/assets/Group 82.png b/src/assets/Group 82.png new file mode 100644 index 0000000..952783e Binary files /dev/null and b/src/assets/Group 82.png differ diff --git a/src/assets/Mask group (2).png b/src/assets/Mask group (2).png index e4f7fff..66678d6 100644 Binary files a/src/assets/Mask group (2).png and b/src/assets/Mask group (2).png differ diff --git a/src/assets/Vector 21.png b/src/assets/Vector 21.png new file mode 100644 index 0000000..11850bf Binary files /dev/null and b/src/assets/Vector 21.png differ diff --git a/src/assets/bgc001.png b/src/assets/bgc001.png index 7839043..0d49d88 100644 Binary files a/src/assets/bgc001.png and b/src/assets/bgc001.png differ diff --git a/src/assets/carousel1.png b/src/assets/carousel1.png deleted file mode 100644 index cbdfb1a..0000000 Binary files a/src/assets/carousel1.png and /dev/null differ diff --git a/src/assets/carousel2.png b/src/assets/carousel2.png deleted file mode 100644 index dce063d..0000000 Binary files a/src/assets/carousel2.png and /dev/null differ diff --git a/src/assets/fonts/9RNKTxomYL9P.woff2 b/src/assets/fonts/9RNKTxomYL9P.woff2 deleted file mode 100644 index 8c31415..0000000 Binary files a/src/assets/fonts/9RNKTxomYL9P.woff2 and /dev/null differ diff --git a/src/assets/general/email.png b/src/assets/general/email.png new file mode 100644 index 0000000..bb1a734 Binary files /dev/null and b/src/assets/general/email.png differ diff --git a/src/assets/general/location.png b/src/assets/general/location.png new file mode 100644 index 0000000..f50c7b8 Binary files /dev/null and b/src/assets/general/location.png differ diff --git a/src/assets/general/phone.png b/src/assets/general/phone.png new file mode 100644 index 0000000..e9fd5fb Binary files /dev/null and b/src/assets/general/phone.png differ diff --git a/src/assets/general/public.png b/src/assets/general/public.png new file mode 100644 index 0000000..387943e Binary files /dev/null and b/src/assets/general/public.png differ diff --git a/src/assets/image 78.png b/src/assets/image 78.png new file mode 100644 index 0000000..c78d6c8 Binary files /dev/null and b/src/assets/image 78.png differ diff --git a/src/assets/logo_public_security.png b/src/assets/logo_public_security.png new file mode 100644 index 0000000..b9eaa42 Binary files /dev/null and b/src/assets/logo_public_security.png differ diff --git a/src/components/Footer.vue b/src/components/Footer.vue index f3c9e4a..d1b89a8 100644 --- a/src/components/Footer.vue +++ b/src/components/Footer.vue @@ -1,36 +1,82 @@ - + diff --git a/src/main.js b/src/main.js index 89b780f..9ee89b4 100644 --- a/src/main.js +++ b/src/main.js @@ -2,7 +2,6 @@ import { createApp } from "vue"; import "./style.css"; import App from "./App.vue"; import router from "./router"; -import 'aos/dist/aos.css' function setRootFontSize() { const baseWidth = 1920; // 假设设计稿宽度为 1920px（可以根据实际设计稿调整） diff --git a/src/views/Home.vue b/src/views/Home.vue index 48b888d..4966432 100644 --- a/src/views/Home.vue +++ b/src/views/Home.vue @@ -6,13 +6,13 @@
-
+
三优云试剂管家
-
+

三优生物样品管理平台

专业面向生物药企的样品管理平台

@@ -23,8 +23,8 @@
-
-
+
+

替代Excel 为您的实验室

搭建样本中央数据库

@@ -44,7 +44,7 @@
Tailwind CSS Carousel component
-
+

精于库位管理，不止于库位管理

系统提供出色的库位管理方案，帮助库管人员直观精确地对样本进行定位。另外，空间剩余情况统计、碎片化统计、空间不足提醒、盘库工具等业务，可有效提升库区管理效率。如果您还在为库内情况不明而烦恼，三优云试剂管家不失为您的效率之选。 @@ -104,8 +104,8 @@
-
-

灵活自定义可完美适配

+
+

灵活自定义可完美适配

您独特的样品管理场景

@@ -221,65 +221,65 @@
合作客户
-
-
+
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
-
+
@@ -355,44 +355,102 @@
-
+
-
服务与价格
+
服务与价格
-
+
旗舰版
-
+
早鸟价
49,999 元/年
+
+ 原价 +
+ 200,000 + 元/年 +
+
+
适合样品量较多、有明确的业务规范的用户，我们提供定制开发服务，让 系统更适合用户的个性化管理场景
+
+ +
-
+
豪华版
+
+ 早鸟价 +
+ 19,999 + 元/年 +
+
+
+ 原价 +
+ 100,000 + 元/年 +
+
+
+ 专为中小型企业设计，提供核心的样品管理功能，旨在简化操作流程，提 升管理效率，同时保持成本效益， 适合预算有限的企业。 +
+
+ +
-
+
标准版
+
+ 早鸟价 +
+ 9,999 + 元/年 +
+
+
+ 原价 +
+ 50,000 + 元/年 +
+
+
+ 标准版是样品管理系统的基础版本，它提供了样品管理的基本功能，旨在满足各高校实验室、科研院所等企业对样品管理的基本需求。 +
+
+ +
+
+
+
版本选择
+ +
+
@@ -582,19 +647,33 @@ onMounted(() => { } .price-title { - font-family: PingFang SC; font-size: 20px; font-weight: 600; } +.price-title-origin { + font-size: 20px; + font-weight: 500; +} + .price-content { - font-family: "D-DIN"; font-size: 40px; font-weight: 700; + color: rgba(255, 132, 0, 1); +} +.price-content-origin { + font-weight: 700; + font-size: 32px; + color: rgba(102, 102, 102, 1); + text-decoration: line-through; } .price-unit { font-size: 22px; } +.price-unit-origin { + font-size: 22px; + color: rgba(102, 102, 102, 1); +} .home-banner { padding: 26px; /* padding-top:77px ; */ @@ -622,4 +701,11 @@ onMounted(() => { .text-icon-spec { color: rgba(255, 255, 255, 0.7); } +.text-price-desc { + font-weight: 400; + font-size: 20px; + line-height: 40px; + color: rgba(102, 102, 102, 1); + padding: 33px 20px; +}