feat: 提交

postcss.config.cjs

@@ -4,7 +4,7 @@ module.exports = {
     require('tailwindcss'),
     require('autoprefixer'),
     require('postcss-pxtorem')({
-      rootValue: 16,  // 设置根字体大小，通常为 16px（你可以根据设计稿的基准修改）
+      rootValue: 18,  // 设置根字体大小，通常为 16px（你可以根据设计稿的基准修改）
       unitPrecision: 5,  // 设置转换后的 rem 单位的精度
       propList: ['*'],  // 可以设置哪些属性需要转换，*表示所有属性
       selectorBlackList: [],  // 不需要转换的类名数组，可以为空

src/views/Home.vue

@@ -336,14 +336,14 @@
     </div>
 
     <div class="max-w-screen-xl mx-auto py-[100px] text-white">
-      <div class="text-center text-[32px] font-bold mb-[40px]">面向生物药场景而设计，适合各细分领域</div>
+      <div class="text-center text-[32px] font-bold mb-[40px] reveal-box">面向生物药场景而设计，适合各细分领域</div>
       <div class="flex-1 text-[16px] leading-[36px] mb-[40px] text-content-spec">
         药企样品管理场景在业务流程、操作方式、数据管理、实施落地方面均有其特殊性，这也是通用型或者医院型样本管理软件无法完全胜任的原因。三优云试剂管家
         专门面向生物药企的样本管理场景而设计，如果您的实验室属于生物药及相关范畴，那么本产品将是您样本管理的不二之选。
       </div>
       <div class="flex gap-[20px] justify-between mb-[100px]">
         <div class="flex flex-col items-center">
-          <img src="../assets/.png" class="w-[154px] h-[154px] mb-[20px]" />
+          <img src="../assets/i00.png" class="w-[154px] h-[154px] mb-[20px]" />
           <div class="text-[14px] leading-[28px]">抗体药物</div>
         </div>
         <div class="flex flex-col items-center">
@@ -373,8 +373,8 @@
           <div class="text-[14px] leading-[28px]">其他生物实验室</div>
         </div>
       </div>
-      <div class="text-left text-[32px] font-bold">可供多研发项目/多部门</div>
+      <div class="text-left text-[32px] font-bold reveal-box">可供多研发项目/多部门</div>
-      <div class="text-left text-[32px] font-bold mb-[40px]">共同管理样本</div>
+      <div class="text-left text-[32px] font-bold mb-[40px] reveal-box">共同管理样本</div>
       <div class="flex mb-[40px]">
         <div class="text-[16px] w-[500px] text-content-spec">
           系统通过样本数据的灵活授权、数据分级等方式，可确保各个项目/各个部门单独管理自己的容器与样本，而不会相互干扰
@@ -396,7 +396,7 @@
         </div>
       </div>
       <img src="../assets/Group 33.png" class="w-full mb-[90px]" alt="" />
-      <div class="text-center text-[32px] font-bold mb-[40px]">
+      <div class="text-center text-[32px] font-bold mb-[40px] reveal-box">
         系统具备完善的软硬件扩展能力
         <div role="tablist" class="tabs tabs-boxed float-right">
           <a role="tab" :class="{ tab: true, 'tab-active': tabActive === 'tab1' }" @click="tabActive = 'tab1'">可对接硬件</a>
@@ -480,7 +480,7 @@
     </div>
     <div class="w-full">
       <div class="max-w-screen-xl mx-auto py-[74px] text-white">
-        <div class="text-center text-[32px] font-bold mb-[40px]">功能简述</div>
+        <div class="text-center text-[32px] font-bold mb-[40px] reveal-box">功能简述</div>
         <div class="flex justify-between flex-wrap">
           <div class="flex-custom-item relative flex justify-center flex-col mb-[24px]">
             <div class="text-center text-[24px] font-bold mt-[32px]">出入库</div>
@@ -549,7 +549,7 @@
     </div>
     <div class="w-full py-[60px] text-black">
       <div class="max-w-screen-xl mx-auto">
-        <div class="text-center text-[32px] font-bold mb-[40px] text-white">服务与价格</div>
+        <div class="text-center text-[32px] font-bold mb-[40px] text-white reveal-box">服务与价格</div>
         <div class="flex gap-[28px]">
           <div class="base-wrap flex-1">
             <div class="base-price base-one relative">
@@ -629,7 +629,7 @@
     </div>
     <div class="w-full mt-[72px]">
       <div class="max-w-screen-xl mx-auto">
-        <div class="text-center text-[32px] font-bold mb-[40px] text-white">版本选择</div>
+        <div class="text-center text-[32px] font-bold mb-[40px] text-white reveal-box">版本选择</div>
         <img class="w-full mb-[133px]" src="../assets/Group 82.png" alt="" />
       </div>
     </div>