Browse Source

feat:客户类型落地页

Signed-off-by: tangshizhe <2417024719@qq.com>
tangshizhe 1 năm trước cách đây
mục cha
commit
e50b06c074

+ 138 - 0
src/web/staticres/frontRouter/pc/customanage/css/index.css

@@ -0,0 +1,138 @@
+.customanage-page{
+  margin-top: 72px;
+}
+.head-main{
+  width: 100%;
+  height: 420px;
+  background: url('../img/banner-bg.png') no-repeat;
+  background-size: 100% 100%;
+  position: relative;
+  overflow: hidden;
+}
+
+.head-banner-t{
+  margin: 68px 0 64px;
+  width: 483px;
+  height: 158px;
+}
+.head-banner-t img{
+  width: 100%;
+  height: 100%;
+}
+.head-banner-group{
+  display: flex;
+  align-items: center;
+  height: 46px;
+}
+.head-btn{
+  width: 180px;
+  height: 46px;
+  border-radius: 6px;
+  background: linear-gradient(to right, #3687FF, #2ABED1);
+  font-size: 18px;
+  font-weight: 700;
+  color: #fff;
+}
+.head-banner-group .head-btn.head-btn-r{
+  margin-left: 24px;
+  padding: 1px;
+  color: #0A63DA;
+  --bg: linear-gradient(90deg, #EFF8FF 0%, #CAEEFF 100%);
+	--border: linear-gradient(270deg, #358BFB, #2ABDD2);
+	border: 1px solid var(--border);
+	/* var(--bg)背景色  var(--border)边框色 */
+	background-image: var(--bg), var(--border);
+	background-origin: border-box;
+	background-clip: content-box, border-box;
+}
+
+.customanage-page-main{
+  width: 100%;
+  height: 760px;
+  background: url('../img/main-2-1.png') no-repeat;
+  background-size: 100% 100%;
+}
+.customanage-page-content{
+  position: relative;
+  height: 100%;
+}
+.customanage-c-l-top{
+  padding-top: 185px;
+}
+
+.customanage-c-l .customanage-c-l-top>p{
+  font-size: 32px;
+  line-height: 42px;
+  color: #1D1D1D;
+}
+.customanage-c-l .customanage-c-l-top>p:last-child{
+  font-size: 38px;
+  line-height: 50px;
+}
+.customanage-c-l-bottom{
+  margin-top: 82px;
+}
+
+.customanage-c-r{
+  position: absolute;
+  right: -167px;
+  top: 54px;
+  width: 1028px;
+  height: 617px;
+}
+.customanage-c-r img{
+  width: 100%;
+  height: 100%;
+}
+
+
+.customanage-page-explain{
+  margin-top: -188px;
+  width: 100%;
+  height: 860px;
+  background: url('../img/main-3.png') no-repeat;
+  background-size: 100% 100%;
+}
+
+.customanage-explain-content{
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  padding-top: 170px;
+}
+.customanage-explain-content>img:nth-child(1), .customanage-explain-content>img:nth-child(2){
+  width: 586px;
+  height: 280px;
+}
+.customanage-explain-content>img:nth-child(3), .customanage-explain-content>img:nth-child(4){
+  width: 586px;
+  height: 260px;
+}
+.customanage-explain-content>img:nth-child(odd){
+  margin-right: -12px;
+}
+.customanage-explain-content>img:nth-child(even){
+  margin-left: -12px;
+}
+.explain-banner-group{
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  margin-top: 56px;
+  width: 100%;
+}
+.explain-banner-group .explain-btn{
+  width: 180px;
+  height: 46px;
+  border-radius: 6px;
+  background: linear-gradient(to right, #EFF8FF, #CAEEFF);
+  font-size: 18px;
+  font-weight: 700;
+  color: #0A63DA;
+}
+.explain-banner-group .explain-btn.explain-btn-r{
+  margin-left: 24px;
+  background: transparent;
+  border: 1px solid #fff;
+  color: #fff;
+}

BIN
src/web/staticres/frontRouter/pc/customanage/img/banner-bg.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/con-1.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/con-2.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/con-3.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/con-4.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/main-2-1.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/main-2-2.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/main-3.png


BIN
src/web/staticres/frontRouter/pc/customanage/img/text-img.png


+ 1 - 1
src/web/templates/frontRouter/pc/cooperation/free/index.html

@@ -4,7 +4,7 @@
 <head>
   <title>商务合作-剑鱼标讯</title>
   <meta content="IE=edge,Chrome=1" http-equiv="X-UA-Compatible" />
-  <meta name="Keywords" content="品牌,招标商机,人工智能,招标大数据,企业情报,剑鱼标讯"/>
+  <meta name="Keywords" content="商务合作,招标商机,人工智能,招标大数据,企业情报,剑鱼标讯"/>
   <meta name="Description" content="剑鱼品牌依托剑鱼标讯海量招标信息,为你提供招标商机服务、人工智能预测新项目服务、中标企业预测服务、招标大数据服务和企业情报大数据服务,帮助你全面获取销售机会、辅助进行投标决策、全面分析洞察市场、拓展客户和代理渠道。" />
   <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
   <meta name="renderer" content="webkit" >

+ 73 - 0
src/web/templates/frontRouter/pc/customanage/free/index.html

@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>客户管理-剑鱼标讯</title>
+  <meta content="IE=edge,Chrome=1" http-equiv="X-UA-Compatible" />
+  <meta name="Keywords" content="客户管理,招标商机,人工智能,招标大数据,企业情报,剑鱼标讯"/>
+  <meta name="Description" content="剑鱼品牌依托剑鱼标讯海量招标信息,为你提供招标商机服务、人工智能预测新项目服务、中标企业预测服务、招标大数据服务和企业情报大数据服务,帮助你全面获取销售机会、辅助进行投标决策、全面分析洞察市场、拓展客户和代理渠道。" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <meta name="renderer" content="webkit" >
+  <meta name="format-detection" content="telephone=no"/>
+  <meta name="enable-header" theme="light" content="客户管理"/>
+  {{include "/common/pnc.html"}}
+  <link href='{{Msg "seo" "cdn"}}/css/reset.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" />
+  <link href='{{Msg "seo" "cdn"}}/pccss/reset_pc.css' rel="stylesheet" type="text/css" />
+  <link href='{{Msg "seo" "cdn"}}/css/pc.css?v={{Msg "seo" "version"}}' rel="stylesheet" />
+  <link href='{{Msg "seo" "cdn"}}/pccss/public-nav-1200.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" />
+  <link href='{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/css/index.css?v={{Msg "seo" "version"}}' rel="stylesheet" type="text/css" />
+  <style>
+  </style>
+</head>
+<body>
+{{include "/common/pchead.html"}}
+<div class="customanage-page">
+  <header class="head-main">
+    <div class="head-banner w">
+      <div class="head-banner-t">
+        <img src='{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/text-img.png?v={{Msg "seo" "version"}}' alt="剑鱼标讯" />
+      </div>
+      <div class="head-banner-group">
+        <button class="head-btn-l head-btn">预约演示</button>
+        <button class="head-btn-r head-btn">免费咨询</button>
+      </div>
+    </div>
+  </header>
+  <main class="customanage-page-main">
+    <div class="customanage-page-content w">
+      <div class="customanage-c-l">
+        <div class="customanage-c-l-top">
+          <p>你可能遇到的</p>
+          <p>客户管理方面挑战</p>
+        </div>
+        <div class="customanage-c-l-bottom">
+          <button class="head-btn">免费咨询</button>
+        </div>
+      </div>
+      <div class="customanage-c-r">
+        <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/main-2-2.png" alt="">
+      </div>
+    </div>
+  </main>
+  <main class="customanage-page-explain">
+    <div class="customanage-explain-content w">
+      <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/con-1.png" alt="">
+      <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/con-2.png" alt="">
+      <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/con-3.png" alt="">
+      <img src="{{Msg "seo" "cdn"}}/frontRouter/pc/customanage/img/con-4.png" alt="">
+      <div class="explain-banner-group">
+        <button class="explain-btn-l explain-btn">预约演示</button>
+        <button class="explain-btn-r explain-btn">免费咨询</button>
+      </div>
+    </div>
+  </main>
+</div>
+<script src="https://cdn-common.jianyu360.com/cdn/lib/vue/2.6.11/vue.min.js"></script>
+<script>
+</script>
+<!--S-百度统计-->
+{{include "/common/pcbottom.html"}}
+{{include "/common/baiducc.html"}}
+<!--E-百度统计-->
+</body>
+</html>