瀏覽代碼

style: 落地页按钮颜色区分

cuiyalong 1 月之前
父節點
當前提交
2e6e92c99b

+ 13 - 1
src/web/staticres/bid-fileinter/css/product-introduce.css

@@ -17,10 +17,22 @@
 .u-button.u-bg-blue {
   background: linear-gradient(90deg, #4ABDFF 0%, #185FF8 100%);
 }
+.u-button.u-bg-lightblue {
+  background: linear-gradient(90deg, #5AFDFB 0%, #154BFF 100%);
+}
+.u-button.u-bg-purpose-blue {
+  background: linear-gradient(90deg, #8186F3 0%, #0055FF 100%);
+}
+.u-button.u-bg-cyan-blue {
+  background: linear-gradient(90deg, #6CEFCA 0%, #4342FF 100%);
+}
 .u-button.u-bg-orange {
   background: linear-gradient(90deg, #FF791C 0%, #FF1700 100%);
 }
-.u-button.u-bg-lightblue {
+.u-button.u-bg-light-orange {
+  background: linear-gradient(90deg, #FF791C 0%, #FFBB00 100%);
+}
+.u-button.u-bg-white-lightblue {
   color: #070FF5;
   background: linear-gradient(90deg, #F6F7FF 0%, #D0DFFF 100%);
 }

+ 15 - 4
src/web/staticres/bid-fileinter/js/product-introduce-config.js

@@ -78,12 +78,14 @@ var __page_config = {
         source: 'intelligence_experience',
         subtitle: '为企业提炼数据里的黄金商机。无论是招投标动态、市场趋<br />势还是竞争对手动向,让数据真正成为战略资产。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         bannerImageSrc: '/bid-fileinter/image/qbgl/banner-bg1.png'
       },
       {
         title: '市场拓展 有据可依',
         subtitle: '从海量数据中精准筛选高价值客户线索,自动分发至指定团<br />队,让营销决策有据可依,市场拓展快人一步。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         source: 'intelligence_experience',
         bannerImageSrc: '/bid-fileinter/image/qbgl/banner-bg2.png'
       },
@@ -152,6 +154,7 @@ var __page_config = {
         title: '商机自动分配 团队协作跟进',
         subtitle: '商机线索可自动按区域、业务条线等直达一线销售,支持<br />人工管理干预,让分配更有效;动态情报自动关联已跟进<br />商机,让商机跟进更便捷。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         source: 'business_experience',
         bannerImageSrc: '/bid-fileinter/image/sjgl/banner-bg2.png'
       },
@@ -159,7 +162,7 @@ var __page_config = {
         title: '商机复盘<br />数据沉淀支撑未来决策',
         subtitle: '日常跟进中采集竞对数据,沉淀<br />成团队经验与案例;沉淀数据驱动未来商机决策。',
         buttonText: '立即体验',
-        buttonClass: 'u-bg-lightblue',
+        buttonClass: 'u-bg-white-lightblue',
         theme: 'dark',
         source: 'business_experience',
         bannerImageSrc: '/bid-fileinter/image/sjgl/banner-bg3.png'
@@ -214,7 +217,7 @@ var __page_config = {
         source: 'qqProject_experience',
         subtitle: '早期商机数据,辅助企业提前3-6个月获取优质商机线索,<br />提前开启方案规划。',
         buttonText: '立即体验',
-        buttonClass: 'u-bg-orange',
+        buttonClass: 'u-bg-light-orange',
         bannerImageSrc: '/bid-fileinter/image/qqxm/banner-bg1@2x.png'
       },
       {
@@ -321,12 +324,14 @@ var __page_config = {
         source: 'industry_experience',
         subtitle: '分析行业历史规模、增长率、细分领域占比,预测未<br />来趋势。看清市场格局与竞争态势,指导资源投入方<br />向。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-purpose-blue',
         bannerImageSrc: '/bid-fileinter/image/hydc/banner-bg1@2x.png'
       },
       {
         title: '竞争动态 深度分析',
         subtitle: '动态监测竞品价格变动、新品发布、营销活动、技术<br />布局、人才战略,找出自身与头部标杆企业的关键差<br />距。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-cyan-blue',
         source: 'industry_experience',
         bannerImageSrc: '/bid-fileinter/image/hydc/banner-bg2@2x.png'
       },
@@ -334,6 +339,7 @@ var __page_config = {
         title: '客户细分 高效转化',
         subtitle: '通过多维度客户画像,进行高价值客户细分。实现精<br />准营销、个性化产品/服务推荐,提升转化率和客户<br />忠诚度。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-purpose-blue',
         source: 'industry_experience',
         bannerImageSrc: '/bid-fileinter/image/hydc/banner-bg3@2x.png'
       },
@@ -387,6 +393,7 @@ var __page_config = {
         source: 'customer_experience',
         subtitle: '将筛选过滤后的精准商机,作为跟踪任务直接分发,<br />缩短成交路径。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         bannerImageSrc: '/bid-fileinter/image/khtz/banner-bg1@2x.png'
       },
       {
@@ -394,13 +401,14 @@ var __page_config = {
         subtitle: '通过智能匹配系统<span class="color-blue">快速锁定高意向客户,</span><br />节省每次搜索时间。',
         buttonText: '立即体验',
         source: 'customer_experience',
+        buttonClass: 'u-bg-lightblue',
         bannerImageSrc: '/bid-fileinter/image/khtz/banner-bg2@2x.png'
       },
       {
         title: '优势渠道 优先对接',
         subtitle: '精准识别<span class="color-purpose">匹配度达90%</span>以上的优质合作伙伴,<br />缩短洽谈周期。',
         buttonText: '立即体验',
-        buttonClass: 'u-bg-purpose',
+        buttonClass: 'u-bg-purpose-blue',
         source: 'customer_experience',
         bannerImageSrc: '/bid-fileinter/image/khtz/banner-bg3@2x.png'
       },
@@ -409,6 +417,7 @@ var __page_config = {
         subtitle: '将筛选过滤后的精准商机,作为跟踪任务直接分发,<br />缩短成交路径。',
         buttonText: '立即体验',
         source: 'customer_experience',
+        buttonClass: 'u-bg-lightblue',
         bannerImageSrc: '/bid-fileinter/image/khtz/banner-bg1@2x.png'
       },
     ],
@@ -469,12 +478,14 @@ var __page_config = {
         source: 'operator_experience',
         subtitle: '剑鱼数据平台,<span class="color-blue">运营商DICT市场的战略加速器</span>。<br />提供早期商机线索,为一线客户经理项目运作和攻关赢得时间。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         bannerImageSrc: '/bid-fileinter/image/yyszb/banner-bg1@2x.png'
       },
       {
         title: '潜在商机 精准布局',
         subtitle: '实时监控省市区县政企采购需求,从5G专网到智慧园区等,<br />精准识别高潜力市场,缩短商机响应周期。',
         buttonText: '立即体验',
+        buttonClass: 'u-bg-lightblue',
         source: 'operator_experience',
         bannerImageSrc: '/bid-fileinter/image/yyszb/banner-bg2@2x.png'
       },
@@ -512,7 +523,7 @@ var __page_config = {
           activeTabIcon: '/bid-fileinter/image/common/04-active.png',
           contentTitle: '数据引擎 生态共赢',
           contentSubtitle: '基于商机大数据洞察产业趋势,助力运营商快速分析潜在合作伙伴或竞争对手,为生态合作提供决策依据。',
-          contentImageSrc: '/bid-fileinter/image/yyszb/content-step-3@2x.png',
+          contentImageSrc: '/bid-fileinter/image/yyszb/content-step-4@2x.png',
         },
       ]
     },

+ 4 - 0
src/web/staticres/common-module/pc-dialog/css/simple-leave-info.css

@@ -32,4 +32,8 @@
   background-color: #fff;
   border-color: #e0e0e0;
 }
+.simple-leave-info-dialog .dialog-text {
+  text-align: center;
+  line-height: 24px;
+}
 

+ 1 - 1
src/web/staticres/common-module/pc-dialog/js/simple-leave-info-template.js

@@ -24,7 +24,7 @@ var simpleLeaveInfoTemplate = `
     :visible.sync="successDialogVisible"
     width="380px"
     center>
-    <span style="text-align:centerl">我们为您预留了1v1营收倍增顾问名额,现在确认即可锁定</span>
+    <div class="dialog-text">我们为您预留了1v1营收倍增顾问名额,现在确认即可锁定</div>
     <span slot="footer" class="dialog-footer">
       <button class="dialog-button confirm-button" @click="acceptConfirm">接受这份心意</button>
       <button class="dialog-button cancel-button" @click="successDialogVisible = false">下次再约</button>