修改首页字体,以及添加详情页

master
赵桐华 5 years ago
parent a4cf8d890e
commit 1eb9c57ffb
  1. 26
      .idea/workspace.xml
  2. 17
      aboutUs.html
  3. 13
      css/index.css
  4. 93
      detaills1.html
  5. 2
      detaills3.html
  6. 93
      detaills4.html
  7. 93
      details2.html
  8. 94
      experience.html
  9. 9
      index.html
  10. 14
      information.html
  11. 9
      js/axios.min.js

@ -2,10 +2,15 @@
<project version="4">
<component name="ChangeListManager">
<list default="true" id="5022b617-d045-4c00-9e44-77877d4e36e1" name="Default Changelist" comment="">
<change afterPath="$PROJECT_DIR$/detaills3.html" afterDir="false" />
<change afterPath="$PROJECT_DIR$/detaills4.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
<change beforePath="$PROJECT_DIR$/aboutUs.html" beforeDir="false" afterPath="$PROJECT_DIR$/aboutUs.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/css/index.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/index.css" afterDir="false" />
<change beforePath="$PROJECT_DIR$/images/index2.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/images/index3.jpg" beforeDir="false" />
<change beforePath="$PROJECT_DIR$/details.html" beforeDir="false" afterPath="$PROJECT_DIR$/details2.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/experience.html" beforeDir="false" afterPath="$PROJECT_DIR$/experience.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/index.html" beforeDir="false" afterPath="$PROJECT_DIR$/index.html" afterDir="false" />
<change beforePath="$PROJECT_DIR$/information.html" beforeDir="false" afterPath="$PROJECT_DIR$/information.html" afterDir="false" />
</list>
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="SHOW_DIALOG" value="false" />
@ -39,7 +44,7 @@
<property name="node.js.path.for.package.tslint" value="project" />
<property name="node.js.selected.package.eslint" value="(autodetect)" />
<property name="node.js.selected.package.tslint" value="(autodetect)" />
<property name="settings.editor.selected.configurable" value="configurable.group.editor" />
<property name="settings.editor.selected.configurable" value="preferences.keymap" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
@ -82,7 +87,11 @@
<workItem from="1574039614897" duration="3076000" />
<workItem from="1574818735019" duration="15573000" />
<workItem from="1574905325139" duration="9641000" />
<workItem from="1574990136846" duration="10488000" />
<workItem from="1574990136846" duration="11547000" />
<workItem from="1575445889950" duration="1905000" />
<workItem from="1575507552468" duration="2612000" />
<workItem from="1575622716737" duration="1791000" />
<workItem from="1575853693663" duration="18219000" />
</task>
<task id="LOCAL-00001" summary="官网1.0">
<created>1574907211978</created>
@ -126,7 +135,14 @@
<option name="project" value="LOCAL" />
<updated>1575006296807</updated>
</task>
<option name="localTasksCounter" value="7" />
<task id="LOCAL-00007" summary="修改首页图片">
<created>1575007903024</created>
<option name="number" value="00007" />
<option name="presentableId" value="LOCAL-00007" />
<option name="project" value="LOCAL" />
<updated>1575007903024</updated>
</task>
<option name="localTasksCounter" value="8" />
<servers />
</component>
<component name="TypeScriptGeneratedFilesManager">

@ -32,16 +32,11 @@
</div>
<div class="media" style="margin-bottom:50px;">
<div class="media-body">
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理,流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初,公司将车险行业相关系统作
为核心研发方向, 不断地吸收客户管理经验和需求,形成了车险销售工具
支撑平台</p>
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;黑斑马成立于2012年,核心团队成员有从事通信研发,近十年的开发人
员,也有从事企业管理,流程再造的需求分析师我们致力于新一代IP通信产
品和CRM客户资源管理系统研发。自2014年初,公司将车险行业相关系统作
为核心研发方向, 不断地吸收客户管理经验和需求,形成了车险销售工具
支撑平台</p>
<p class="about-font">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;汇盈百顺科技有限公司,由从事通信研发近十年的资深技术人员组成,专业从事新一代IP通信产品和企业融合通信系统研发、生产和销售,致力于为政府和企业提供先进、智能的融合通信一体化解决方案。
  我们兼收并蓄通讯技术及企业管理实践经验,立足于自主知识产权产品,是为了满足企事业用户对通讯业务日益多样化、高集成化的需求。
  <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;目前已成功研发具有自主知识产权的“汇盈帮手”呼叫中心,其中深入车险行业,量身定制为保险代理公司提供优质有效的呼叫中心系统,切身提高业务效率和管理水平,其中,核心为更加贴合车险行业的定制化研发的细分市场。
  <br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我们与各行业内经验丰富的优秀企业深入合作,将开发出更加精细化、规范化、实用化、安全化、网络化、协同化,并且真正适合各行业的企业通讯及管理软件。我们的能力侧重在,一方面是对业务的咨询和业务解决方案的提议;另一方面是对于通信技术和通讯解决方案的了解与把握。
  </p>
</div>
<div class="media-right media-top">
<img src="images/thumbnail.jpg" class="media-object media-img">
@ -138,4 +133,4 @@
</div>
</div>
</body>
</html>
</html>

@ -5,14 +5,16 @@
}
.ban .banner-top{
margin-top:200px;
font-size:40px;
font-size:70px;
color: #f2f2f2;
margin-left:192px;
}
.ban-top-title{
margin-top:50px;
font-size: 18px;
color: #f2f2f2;
width:700px;
margin-left:194px;
}
.ban .experience {
width: 193px;
@ -24,7 +26,8 @@
color: #FFF;
border-radius: 2px;
cursor: pointer;
margin-top:30px;
margin-top:50px;
margin-left:194px;
}
.experience:hover{
background: #EE7920;
@ -294,7 +297,7 @@ dl {
}
.ban .banner-top{
margin-top:150px;
font-size:36px;
font-size:55px;
}
.ban-top-title{
font-size: 18px;
@ -357,7 +360,7 @@ dl {
}
.ban .banner-top{
margin-top: 180px;
font-size:28px;
font-size:48px;
}
.ban-top-title{
margin-top: 28px;
@ -432,7 +435,7 @@ dl {
}
.ban .banner-top{
margin-top: 148px;
font-size:24px;
font-size:44px;
}
.ban-top-title{
font-size:15px;

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">汇盈帮手呼叫中心发展历程及下一步功能</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;做人就要沉下心来,踏踏实实地去努力。别人说你几句,听着。骂你几句,忍着。没有人会跟父母似得惯
着你。低下头勤勤恳恳去做事才是正道,心高气傲只会使你废在半路上。你很年轻,还没有资本指点江山。一
己是人,众人是天;谋事在人,成事在天,你必须不断充实自己。你只有足够强大,才不会被别人践踏。有的
人,小小年纪,就竣工一颗完整坚实之心。有的人,须发皆白,还在心的地基挖土打桩。有的人,半途而废不
了了之,把半成品的心扔在荒野。有的人,成百里半九十,丢下了不曾结尾的工程。有时候,没有下一次,没
有机会重来,没有暂停继续。有时候,错过了现在,就永远永远的没机会了。快乐的人,不为失去的愤愤不平,只为还
拥有的感激不已。过一种你想要的生活,做一个许多年后值得回忆的人。非常沉默,非常骄傲,从不依靠,从
不寻找。如果有来生,有没有人爱,我也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁。阳光下
灿烂,风雨中奔跑。做自己的梦,走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠,拿
体贴换伤害。冲动的话语,也许已经伤透了他的心。钉下一颗钉子容易,但是拔起它却不容易,甚至拔不掉
如果你已经说了过激的话,那么请道歉,用你的温柔去尽量弥补,只是是否有用就无法确定了,但是你至少做了</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size">我们年轻时,都有许许多多梦想——想被男神欣赏,想换个新款手机,想让父母为你得意。只是,人总有惰性,常常不自觉地就犯了懒、贪了玩、畏了难。而就在我们千方百计逃避辛苦、躲开难关的同时,命运残忍地,一扇扇关上了那些梦想的门。
活出自己想要的样子,从来就不是件轻松的事。玩游戏玩不出真本事,撒娇卖萌也换不来好事业。要出人头地,就不可能每天睡到自然醒;要证明自己,就不可以整日整夜玩游戏。
人要幸福,还真就得撸起袖子加油干。
你最终变成什么样的人,很大程度上取决于你在辛苦和困境里,是选择迎风奔跑,还是转身逃跑。
也许,在酣睡中被闹铃叫醒,在冬夜里头晕眼花地啃英语书,在奔波一天后人困马乏地做工作方案……才是幸福人生的必经之路。那些真正对自己的人生满意的人,一定一定,都这样全力付出过。
努力这个词太平庸,但努力将使你的人生不平庸。
所以,亲爱的,从现在起告诉自己:要奔跑,不要逃跑。这样,到某天你站上高点,回头看时,会欣慰地发现:那一年,踌躇满志、紧咬牙关,在不平坦也不平静的路上奋力奔跑的自己,最美。</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -90,4 +90,4 @@
</div>
</div>
</body>
</html>
</html>

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">资讯标题</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;做人就要沉下心来,踏踏实实地去努力。别人说你几句,听着。骂你几句,忍着。没有人会跟父母似得惯
着你。低下头勤勤恳恳去做事才是正道,心高气傲只会使你废在半路上。你很年轻,还没有资本指点江山。一
己是人,众人是天;谋事在人,成事在天,你必须不断充实自己。你只有足够强大,才不会被别人践踏。有的
人,小小年纪,就竣工一颗完整坚实之心。有的人,须发皆白,还在心的地基挖土打桩。有的人,半途而废不
了了之,把半成品的心扔在荒野。有的人,成百里半九十,丢下了不曾结尾的工程。有时候,没有下一次,没
有机会重来,没有暂停继续。有时候,错过了现在,就永远永远的没机会了。快乐的人,不为失去的愤愤不平,只为还
拥有的感激不已。过一种你想要的生活,做一个许多年后值得回忆的人。非常沉默,非常骄傲,从不依靠,从
不寻找。如果有来生,有没有人爱,我也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁。阳光下
灿烂,风雨中奔跑。做自己的梦,走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠,拿
体贴换伤害。冲动的话语,也许已经伤透了他的心。钉下一颗钉子容易,但是拔起它却不容易,甚至拔不掉
如果你已经说了过激的话,那么请道歉,用你的温柔去尽量弥补,只是是否有用就无法确定了,但是你至少做了</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size">我们年轻时,都有许许多多梦想——想被男神欣赏,想换个新款手机,想让父母为你得意。只是,人总有惰性,常常不自觉地就犯了懒、贪了玩、畏了难。而就在我们千方百计逃避辛苦、躲开难关的同时,命运残忍地,一扇扇关上了那些梦想的门。
活出自己想要的样子,从来就不是件轻松的事。玩游戏玩不出真本事,撒娇卖萌也换不来好事业。要出人头地,就不可能每天睡到自然醒;要证明自己,就不可以整日整夜玩游戏。
人要幸福,还真就得撸起袖子加油干。
你最终变成什么样的人,很大程度上取决于你在辛苦和困境里,是选择迎风奔跑,还是转身逃跑。
也许,在酣睡中被闹铃叫醒,在冬夜里头晕眼花地啃英语书,在奔波一天后人困马乏地做工作方案……才是幸福人生的必经之路。那些真正对自己的人生满意的人,一定一定,都这样全力付出过。
努力这个词太平庸,但努力将使你的人生不平庸。
所以,亲爱的,从现在起告诉自己:要奔跑,不要逃跑。这样,到某天你站上高点,回头看时,会欣慰地发现:那一年,踌躇满志、紧咬牙关,在不平坦也不平静的路上奋力奔跑的自己,最美。</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>资讯详情</title>
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/details.css"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="//cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
<div class="fl bannerLogo logo"></div>
<div class="fl logoName">汇盈帮手</div>
<div class="fr list" toUrl="aboutUs.html">关于我们</div>
<div class="fr list" toUrl="experience.html">在线体验</div>
<div class="fr list on" toUrl="information.html">公司资讯</div>
<div class="fr list" toUrl="index.html">产品介绍</div>
</div>
</div>
<div id="myCarousel" class="carousel slide ban" data-ride="carousel">
<!-- 轮播(Carousel)指标 -->
<ol class="carousel-indicators">
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
<li data-target="#myCarousel" data-slide-to="1"></li>
<li data-target="#myCarousel" data-slide-to="2"></li>
</ol>
<!-- 轮播(Carousel)项目 -->
<div class="carousel-inner">
<div class="item active">
<img src="images/banner1.jpg" alt="First slide">
</div>
<div class="item">
<img src="images/banner2.jpg" alt="Second slide">
</div>
<div class="item">
<img src="images/banner3.jpg" alt="Third slide">
</div>
</div>
</div>
<div class="stepsWords">
<div class="steps-title">资讯标题</div>
</div>
<div class="inner">
<p class="detail-size">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;做人就要沉下心来,踏踏实实地去努力。别人说你几句,听着。骂你几句,忍着。没有人会跟父母似得惯
着你。低下头勤勤恳恳去做事才是正道,心高气傲只会使你废在半路上。你很年轻,还没有资本指点江山。一
己是人,众人是天;谋事在人,成事在天,你必须不断充实自己。你只有足够强大,才不会被别人践踏。有的
人,小小年纪,就竣工一颗完整坚实之心。有的人,须发皆白,还在心的地基挖土打桩。有的人,半途而废不
了了之,把半成品的心扔在荒野。有的人,成百里半九十,丢下了不曾结尾的工程。有时候,没有下一次,没
有机会重来,没有暂停继续。有时候,错过了现在,就永远永远的没机会了。快乐的人,不为失去的愤愤不平,只为还
拥有的感激不已。过一种你想要的生活,做一个许多年后值得回忆的人。非常沉默,非常骄傲,从不依靠,从
不寻找。如果有来生,有没有人爱,我也要努力做一个可爱的人。不埋怨谁,不嘲笑谁,也不羡慕谁。阳光下
灿烂,风雨中奔跑。做自己的梦,走自己的路。不要因为冲动说一些过激的话。没有人愿意拿热情换冷漠,拿
体贴换伤害。冲动的话语,也许已经伤透了他的心。钉下一颗钉子容易,但是拔起它却不容易,甚至拔不掉
如果你已经说了过激的话,那么请道歉,用你的温柔去尽量弥补,只是是否有用就无法确定了,但是你至少做了</p>
<img src="images/details-img.jpg" alt="" style="width:100%;margin:20px 0;">
<p class="detail-size">我们年轻时,都有许许多多梦想——想被男神欣赏,想换个新款手机,想让父母为你得意。只是,人总有惰性,常常不自觉地就犯了懒、贪了玩、畏了难。而就在我们千方百计逃避辛苦、躲开难关的同时,命运残忍地,一扇扇关上了那些梦想的门。
活出自己想要的样子,从来就不是件轻松的事。玩游戏玩不出真本事,撒娇卖萌也换不来好事业。要出人头地,就不可能每天睡到自然醒;要证明自己,就不可以整日整夜玩游戏。
人要幸福,还真就得撸起袖子加油干。
你最终变成什么样的人,很大程度上取决于你在辛苦和困境里,是选择迎风奔跑,还是转身逃跑。
也许,在酣睡中被闹铃叫醒,在冬夜里头晕眼花地啃英语书,在奔波一天后人困马乏地做工作方案……才是幸福人生的必经之路。那些真正对自己的人生满意的人,一定一定,都这样全力付出过。
努力这个词太平庸,但努力将使你的人生不平庸。
所以,亲爱的,从现在起告诉自己:要奔跑,不要逃跑。这样,到某天你站上高点,回头看时,会欣慰地发现:那一年,踌躇满志、紧咬牙关,在不平坦也不平静的路上奋力奔跑的自己,最美。</p>
</div>
<!--main over-->
<div id="footerBlock" class="footer">
<div class="footerContent">
<div class="record">备案号:京ICP备19053938号</div>
<div class="record1 clearfix">
<div class="address fl">公司地址:北京市丰台区卢沟桥路西五里店59号</div>
<div class="phone fl">
<img src="images/jurassic_phone.png" alt="" class="footer-img">
<span style="vertical-align: middle">座机:010-51669518</span>
</div>
<div class="phone fl">
<img src="images/youxiang.png" alt="" class="footer-img1">
<span style="vertical-align: middle">邮箱:847787950@qq.com</span>
</div>
</div>
<div class="logo footer-logo"></div>
</div>
</div>
</div>
</body>
</html>

@ -9,6 +9,7 @@
<link href="images/favicon.ico" rel="icon" type="image/x-icon" />
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
<script src="js/axios.min.js"></script>
<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
@ -35,6 +36,7 @@
<div class="application clearfix">
<div class="application-left fl">
<img src="images/orange-logo.png" alt="" class="orange-logo">
<a href="http://demo.huiybs.cn/common/login" style="font-size:15px;color:red;display: inline-block;margin-top:80px;" target="_blank">跳转系统</a>
</div>
<div class="application-right fr">
<div class="application-right-title">在线体验</div>
@ -48,7 +50,7 @@
<div class="form-group">
<label for="phone" class="col-xs-3 col-sm-3 control-label" style="text-align: left">电话</label>
<div class="col-xs-9 col-sm-9">
<input type="text" class="form-control" id="phone" placeholder="请输入电话号" style="height:50px;">
<input type="text" class="form-control" maxlength="11" id="phone" placeholder="请输入电话号" style="height:50px;">
</div>
</div>
<div class="form-group" style="position: relative">
@ -60,7 +62,8 @@
</div>
<div class="form-group">
<div class="col-xs-10 col-sm-offset-2 col-sm-10">
<div class="btn btn-warning" style="font-size:20px;line-height: 32px;" data-toggle="modal" data-target="#myModal">登录</div>
<!-- <div class="btn btn-warning login" style="font-size:20px;line-height: 32px;" data-toggle="modal" data-target="#myModal">登录</div>-->
<div class="btn btn-warning login" style="font-size:20px;line-height: 32px;" data-toggle="" data-target="#myModal">登录</div>
<!-- 模态框(Modal) -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
@ -70,9 +73,13 @@
&times;
</button>
<h4 class="modal-title" id="myModalLabel">
确定登录
汇盈帮手车险业务系统账号密码
</h4>
</div>
<div class="modal-body">
<div>账号:<span class="account">暂无</span></div>
<div>密码:<span class="password">暂无</span></div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" style="width:48%;" data-dismiss="modal">关闭</button>
<button type="button" class="btn btn-primary" style="width:48%;" data-dismiss="modal">确定</button>
@ -110,4 +117,83 @@
</div>
</div>
</body>
</html>
<script>
$(function () {
var baseUrl = 'http://demo.huiybs.cn/api/';
$(".verification-code").click(function () {
var phone=$('#phone').val();//手机号码的值
var mobileReg = /^[1](([3][0-9])|([4][5-9])|([5][0-3,5-9])|([6][5,6])|([7][0-8])|([8][0-9])|([9][1,8,9]))[0-9]{8}$/; //手机号正则
var phoneflag = mobileReg.test(phone);
var _this=$(this);
if(!phoneflag){
alert('手机号码格式不正确!');
}else{
$.ajax({
url:baseUrl+'sms-verify-code',
type: 'post',
dataType: 'json',
data: {
mobile:phone
},
success:function(data) {
console.log(data);
_this.attr("disabled", "disabled");
_this.css({background:"#f1ca94"});//设置不可点颜色
var val = parseInt(_this.html());
var time = 60;
_this.html(time + " S");
time--;
var timer = setInterval(function() {
val = time + " S";
_this.html(val);
if (time > 0) {
time--;
} else {
//原始颜色
_this.html("验证码").removeAttr("disabled").css({background:"#f0ad4e"});
clearInterval(timer);
}
}, 1000);
}
})
}
});
$(".login").click(function () {
var name=$('#firstname').val();
var phone=$('#phone').val();
var code=$("#code").val();
if(name===''){
alert('请填写名字');
}else if(phone===''){
alert('请填写电话号');
}else if(code===''){
alert('请填写验证码');
}else{
$.ajax({
url: baseUrl + 'register',
type: 'post',
dataType: 'json',
data: {
name: name,
mobile: phone,
code:code
},
success: function (data) {
console.log(data);
if(data.code===0){
console.log(data.data.username);
console.log(data.data.password);
$(this).attr('data-toggle','model');
$('.account').html(data.data.username);
$('.password').html(data.data.password);
}else if(data.code===-1){
alert('请填入正确内容');
}
}
});
}
});
})
</script>
</html>

@ -11,7 +11,7 @@
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<body style="font-family:'黑体'">
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
@ -26,9 +26,8 @@
<div id="main" style="min-width: 1080px;">
<div id="pc" class="ban">
<div class="inner">
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">【汇盈帮手】软件是北京汇盈百顺科技有限公司旗下专<br/>门为车险电话销售,量身打造的一款SAAS系统</div>
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">其中主要由CRM(即客户信息管理)和ERP(财务模块)和数据管理模块、营销策略定制,四大核心功能组成。
<br/>在进行车险销售之前,可以结合公司情况定制时下活动主题和对应的营销方案,助力业务人员下单</div>
<div class="banner-top fadeInUp animated" amstyle="fadeInUp" delaytime="300">汇盈帮手让保险销售更简单</div>
<div class="fadeInUp animated ban-top-title" amstyle="fadeInUp" delaytime="300">一套车险电话销售全生命周期管理系统</div>
<div class="experience fadeInUp animated " amstyle="fadeInUp" delaytime="300"><a href="experience.html" style="color:#fff;display: block">在线体验</a></div>
</div>
</div>
@ -225,4 +224,4 @@
</div>
</div>
</body>
</html>
</html>

@ -10,7 +10,7 @@
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/index.js"></script>
</head>
<body>
<body style="font-family:'黑体'">
<div id="wrap">
<div id="banner" class="header clearfix">
<div class="inner">
@ -34,18 +34,18 @@
<div class="news-thumbnail">
<div class="row">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details1.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
<h3 class="news-title">新闻/资讯标题</h3>
<h3 class="news-title">汇盈帮手呼叫中心发展历程及下一步功能</h3>
<span class="fr news-time">2019-11-12</span>
</div>
</div>
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details2.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
@ -58,7 +58,7 @@
</div>
<div class="row" style="margin-top:30px;">
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details3.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
@ -69,7 +69,7 @@
</a>
</div>
<div class="col-xs-6 col-sm-6">
<a href="details.html" style="display: inline-block">
<a href="details4.html" style="display: inline-block">
<div class="thumbnail">
<img src="images/thumbnail.jpg" alt="通用的占位符缩略图" style="width:100%;">
<div class="caption clearfix">
@ -114,4 +114,4 @@
</div>
</div>
</body>
</html>
</html>

9
js/axios.min.js vendored

File diff suppressed because one or more lines are too long
Loading…
Cancel
Save