Skip to content

A
allCampaign
Commit a2fcbf23 by Sweet Zhang
Options

增加客服

parent 6feb56b8
Showing with 723 additions and 279 deletions
ci-campaign/.idea/ci-campaign.iml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
ci-campaign/.idea/inspectionProfiles/Project_Default.xml 0 → 100644
<component name="InspectionProjectProfileManager">
<profile version="1.0">
<option name="myName" value="Project Default" />
</profile>
</component>
\ No newline at end of file
ci-campaign/.idea/misc.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JsFlowSettings">
<service-enabled>false</service-enabled>
<exe-path />
<annotation-enable>false</annotation-enable>
<other-services-enabled>false</other-services-enabled>
</component>
<component name="ProjectInspectionProfilesVisibleTreeState">
<entry key="Project Default">
<profile-state>
<expanded-state>
<State>
<id />
</State>
</expanded-state>
<selected-state>
<State>
<id>TypeScript</id>
</State>
</selected-state>
</profile-state>
</entry>
</component>
</project>
\ No newline at end of file
ci-campaign/.idea/modules.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/ci-campaign.iml" filepath="$PROJECT_DIR$/.idea/ci-campaign.iml" />
</modules>
</component>
</project>
\ No newline at end of file
ci-campaign/.idea/workspace.xml 0 → 100644
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="16e9b430-6ecd-4947-8776-d295bf2c71e5" name="Default" comment="" />
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="TRACKING_ENABLED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
<component name="FileEditorManager">
<leaf />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/style.css" />
<option value="$PROJECT_DIR$/index.html" />
<option value="$PROJECT_DIR$/css/mstyle.css" />
<option value="$PROJECT_DIR$/js/base.js" />
</list>
</option>
</component>
<component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="ProjectFrameBounds">
<option name="x" value="-8" />
<option name="y" value="-8" />
<option name="width" value="1936" />
<option name="height" value="1056" />
</component>
<component name="ProjectView">
<navigator currentView="ProjectPane" proportions="" version="1">
<flattenPackages />
<showMembers />
<showModules />
<showLibraryContents />
<hideEmptyPackages />
<abbreviatePackageNames />
<autoscrollToSource />
<autoscrollFromSource />
<sortByType />
<manualOrder />
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="ci-campaign" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="ci-campaign" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
</subPane>
</pane>
<pane id="Scratches" />
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="settings.editor.selected.configurable" value="Settings.JavaScript.Linters.JSLint" />
<property name="nodejs_interpreter_path" value="E:/software/node" />
<property name="node.js.path.for.package.eslint" value="project" />
<property name="node.js.selected.package.eslint" value="" />
<property name="node.js.path.for.package.standard" value="project" />
<property name="node.js.selected.package.standard" value="" />
<property name="node.js.path.for.package.jscs" value="project" />
<property name="node.js.selected.package.jscs" value="" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$" />
<property name="HbShouldOpenHtmlAsHb" value="" />
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="RunManager" selected="JavaScript Debug.index.html">
<configuration default="true" type="DartCommandLineRunConfigurationType" factoryName="Dart Command Line Application">
<method />
</configuration>
<configuration default="true" type="DartTestRunConfigurationType" factoryName="Dart Test">
<method />
</configuration>
<configuration default="true" type="JavaScriptTestRunnerJest" factoryName="Jest">
<node-interpreter value="project" />
<working-dir value="" />
<envs />
<scope-kind value="ALL" />
<method />
</configuration>
<configuration default="true" type="JavaScriptTestRunnerKarma" factoryName="Karma">
<config-file value="" />
<node-interpreter value="project" />
<envs />
<method />
</configuration>
<configuration default="true" type="JavaScriptTestRunnerProtractor" factoryName="Protractor">
<config-file value="" />
<node-interpreter value="project" />
<envs />
<method />
</configuration>
<configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
<method />
</configuration>
<configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" path-to-node="project" working-dir="">
<method />
</configuration>
<configuration default="true" type="cucumber.js" factoryName="Cucumber.js">
<option name="cucumberJsArguments" value="" />
<option name="executablePath" />
<option name="filePath" />
<method />
</configuration>
<configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
<method />
</configuration>
<configuration default="true" type="js.build_tools.npm" factoryName="npm">
<command value="run" />
<scripts />
<node-interpreter value="project" />
<envs />
<method />
</configuration>
<configuration default="true" type="mocha-javascript-test-runner" factoryName="Mocha">
<node-interpreter>project</node-interpreter>
<node-options />
<working-directory />
<pass-parent-env>true</pass-parent-env>
<envs />
<ui />
<extra-mocha-options />
<test-kind>DIRECTORY</test-kind>
<test-directory />
<recursive>false</recursive>
<method />
</configuration>
<configuration default="false" name="index.html" type="JavascriptDebugType" factoryName="JavaScript Debug" nameIsGenerated="true" uri="http://localhost:63342/ci-campaign/index.html">
<method />
</configuration>
<list size="1">
<item index="0" class="java.lang.String" itemvalue="JavaScript Debug.index.html" />
</list>
</component>
<component name="ShelveChangesManager" show_recycled="false">
<option name="remove_strategy" value="false" />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="16e9b430-6ecd-4947-8776-d295bf2c71e5" name="Default" comment="" />
<created>1552017360194</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1552017360194</updated>
<workItem from="1552017361646" duration="11714000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="11714000" />
</component>
<component name="ToolWindowManager">
<frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
<layout>
<window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.09325606" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="false" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="-1" side_tool="true" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
<window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="processedProjectFiles" value="true" />
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="XDebuggerManager">
<breakpoint-manager>
<option name="time" value="1" />
</breakpoint-manager>
<watches-manager />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/css/style.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="218">
<caret line="137" column="25" lean-forward="false" selection-start-line="137" selection-start-column="25" selection-end-line="137" selection-end-column="25" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="426">
<caret line="73" column="28" lean-forward="false" selection-start-line="73" selection-start-column="28" selection-end-line="73" selection-end-column="28" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/mstyle.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="504">
<caret line="250" column="129" lean-forward="true" selection-start-line="250" selection-start-column="129" selection-end-line="250" selection-end-column="129" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1756">
<caret line="285" column="35" lean-forward="true" selection-start-line="285" selection-start-column="35" selection-end-line="285" selection-end-column="35" />
<folding>
<element signature="e#417#666#0" expanded="false" />
<element signature="e#733#1082#0" expanded="false" />
<element signature="e#1138#1725#0" expanded="false" />
<element signature="e#1754#2349#0" expanded="false" />
<element signature="e#2375#2508#0" expanded="false" />
<element signature="e#2536#2714#0" expanded="false" />
<element signature="e#2741#5860#0" expanded="false" />
<element signature="e#5911#5991#0" expanded="false" />
<element signature="e#6019#6387#0" expanded="false" />
<element signature="e#6423#6649#0" expanded="false" />
<element signature="e#6692#7143#0" expanded="false" />
<element signature="e#8898#9280#0" expanded="false" />
<marker date="1552036483143" expanded="true" signature="7040:7048" ph="..." />
</folding>
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
ci-campaign/css/mstyle.css
*{padding: 0;margin: 0;color:#333;font-family: '微软雅黑';-webkit-box-sizing: border-box;
* {
padding: 0;
margin: 0;
color: #333;
font-family: '微软雅黑';
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
ul,ol{
box-sizing: border-box;
}
ul, ol {
list-style: none;
}
a{
color:#333;
a {
color: #333;
display: block;
text-decoration: none;
}
a:link{
text-decoration:none;
a:link {
text-decoration: none;
}
img{display:block;border:0;max-width: 100%;}
html,body{
width:100%;
height:100%;
img {
display: block;
border: 0;
max-width: 100%;
}
html, body {
width: 100%;
height: 100%;
min-width: 320px;
max-width: 640px;
margin:0 auto;
margin: 0 auto;
font-size: 16px;
}
.banner{
margin:0 auto;
.banner {
margin: 0 auto;
}
.btn1,.orderBtn,.testBtn{
.btn1, .orderBtn, .testBtn {
width: 70%;
margin: 0 auto;
}
.btn1{
margin:20px auto;
.btn1 {
margin: 20px auto;
}
.wrapper{
.wrapper {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.wrapper section{
.wrapper section {
float: left;
width: 100%;
padding: 0 5%;
}
.wrapper section label {
width: 30%;
float: left;
}
.form-control,.wrapper section .item{
.form-control, .wrapper section .item {
float: left;
width: 70%;
height: 34px;
line-height: 34px;
}
.wrapper section .item .icon{
.wrapper section .item .icon {
margin-right: 5%;
}
.item .sex_item{
.item .sex_item {
float: left;
width: 30%;
margin-right: 10%;
}
.wrapper section .tips{
.wrapper section .tips {
float: right;
width: 70%;
height: 30px;
line-height: 30px;
color:#f81e06;
color: #f81e06;
font-size: 12px;
}
.agree{
.agree {
font-size: 12px;
width: 100%;
height:25px;
line-height:25px;
height: 25px;
line-height: 25px;
position: relative;
}
.agree span{
.agree span {
display: inline-block;
position: absolute;
}
.agree span b{
font-weight:normal;
color:#8a8a8a;
.agree span b {
font-weight: normal;
color: #8a8a8a;
}
.content{
.content {
position: relative;
width: 100%;
margin:0 auto;
margin: 0 auto;
}
.content #orderBtn,.content #btn3{
.content #orderBtn, .content #btn3 {
position: absolute;
width: 70%;
left: 15%;
}
.content #orderBtn {
top: 66.5%;
}
.content #btn3 {
top: 83%;
}
footer{
footer {
width: 100%;
position: relative;
bottom:0;
bottom: 0;
background: #fff;
min-width: 320px;
max-width: 640px;
margin: 0 auto;
}
footer ul{
footer ul {
width: 100%;
border-top:1px #d1d1d1 solid;
border-top: 1px #d1d1d1 solid;
}
footer ul li{
footer ul li {
width: 50%;
float: left;
height:45px;
line-height:45px;
height: 45px;
line-height: 45px;
text-align: center;
border-right:1px #d1d1d1 solid;
border-right: 1px #d1d1d1 solid;
}
footer ul li:nth-child(2){
border-right:none;
footer ul li:nth-child(2) {
border-right: none;
}
footer ul li.selected{
footer ul li.selected {
background: #fc6351;
color: #fff;
}
/* .toast{
display: none;
width: 100%;
......@@ -157,31 +194,34 @@ footer ul li.selected{
height:80px;
line-height:80px;
}*/
.layui-m-layercont{
position: relative!important;
padding:0!important;
text-align: center!important;
width: 100%!important;
height: 105px!important;
line-height: 105px!important;
}
.totast_content{
.layui-m-layercont {
position: relative !important;
padding: 0 !important;
text-align: center !important;
width: 100% !important;
height: 105px !important;
line-height: 105px !important;
}
.totast_content {
width: 100%;
text-align: center;
margin: 0 auto;
height:130px;
height: 130px;
position: relative;
}
.totast_content .iconfont{
.totast_content .iconfont {
width: 60px;
height: 60px;
font-size: 60px;
position: relative;
top: 5px;
left: 40%;
line-height:60px;
line-height: 60px;
}
.callBtn{
.callBtn {
width: 60px;
text-align: center;
position: relative;
......@@ -189,13 +229,36 @@ footer ul li.selected{
top: 4%;
height: 40px;
line-height: 40px;
}
.layui-m-layercont .service_item{
}
.layui-m-layercont .service_item {
margin-top: 10%;
}
.layui-m-layercont p.service{
height:30px;
line-height:30px;
.layui-m-layercont p.service {
height: 30px;
line-height: 30px;
}
#compaignCS .csBox-init {
position: fixed;
top: 65%;
right: 1rem;
z-index: 1000;
width: 3.8rem;
height: 3.8rem;
transition: .2s;
background: url('https://p.qpic.cn/qidian_pic/2852152378/20190301581fc07351cb9ad81487d8362531b1f5/0') center/cover no-repeat;
}
#compaignCS .csBox-init-actived {
position: fixed;
top: 65%;
right: -1.9rem;
z-index: 1000;
width: 3.8rem;
height: 3.8rem;
transition: .2s;
background: url('https://p.qpic.cn/qidian_pic/2852152378/20190301581fc07351cb9ad81487d8362531b1f5/0') center/cover no-repeat;
}
\ No newline at end of file
ci-campaign/css/style.css
......@@ -135,6 +135,11 @@ footer{
height:30px;
line-height:30px;
}
#compaignCS .csBox-init {
width: 0;
height: 0;
}
@media screen and (max-width: 1400px){
html,body{
font-size:12px;
......
ci-campaign/index.html
......@@ -7,89 +7,93 @@
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iconfont.css">
<!-- <link rel="stylesheet" href="css/style.css"> -->
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif" />
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"/>
<link rel="stylesheet" href="css/mstyle.css">
<title>重疾险,大病保险-最惠比</title>
<meta name="keywords" content="重疾险,重疾险排名，重疾险哪家好" />
<meta name="description" content="2018畅销款重大疾病保险，保障范围100种重疾.30种轻症，保额50万。" />
<meta name="keywords" content="重疾险,重疾险排名，重疾险哪家好"/>
<meta name="description" content="2018畅销款重大疾病保险，保障范围100种重疾.30种轻症，保额50万。"/>
</head>
<body>
<div class="banner">
<img class="pbanner" src="images/banner.jpg" alt="banner" />
<section class="wrapper">
<img class="btn1" src="images/btn1.png" />
<section>
<label>性别:</label>
<div class="item">
<div class="sex_item"><span class="icon iconfont male on">&#xe684;</span>男</div>
<div class="sex_item"><span class="icon iconfont female">&#xe664;</span>女</div>
</div>
<div class="sexTips tips"></div>
</section>
<section>
<label>保障金额：</label>
<select class="form-control" id="choseMoney">
<option value="1">10万</option>
<option value="2">20万</option>
<option value="3">30万</option>
<option value="4">40万</option>
<option value="5">50万</option>
</select>
<div class="moneyTips tips"></div>
</section>
<section>
<label>姓名：</label>
<input class="form-control username" type="text" placeholder="请输入您的姓名">
<div class="nameTips tips"></div>
</section>
<section>
<label>手机号码：</label>
<input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
<div class="phoneTips tips"></div>
</section>
<section>
<img class="testBtn" src="images/btn3.png" alt="保费试算">
</section>
<section class="last_item">
<div class="agree">
<span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span>
</div>
<div class="agreeTips tips"></div>
</section>
</section>
<img class="bottom" src="images/bottom.png">
</div>
<section class="content">
<img class="bg" src="images/bg.jpg" />
<img id="orderBtn" src="images/btn2.png" alt="预约保险顾问">
<img id="btn3" src="images/btn2.png" alt="预约保险顾问">
</section>
<footer>
<ul class="tab">
<li id="askBtn">电话咨询</li>
<li class="jump">保费试算</li>
</ul>
</footer>
<!-- <div class="toast">
<div class="toast_wrapper">
<h2 class="title">400-921-9290</h2>
<div class="totast_content">
<span class="iconfont">&#xe6bb;</span>
<a class="callBtn" href="tel:+400-921-9290">拨打电话</a>
<div class="banner">
<img class="pbanner" src="images/banner.jpg" alt="banner"/>
<section class="wrapper">
<img class="btn1" src="images/btn1.png"/>
<section>
<label>性别:</label>
<div class="item">
<div class="sex_item"><span class="icon iconfont male on">&#xe684;</span>男</div>
<div class="sex_item"><span class="icon iconfont female">&#xe664;</span>女</div>
</div>
<div class="sexTips tips"></div>
</section>
<section>
<label>保障金额：</label>
<select class="form-control" id="choseMoney">
<option value="1">10万</option>
<option value="2">20万</option>
<option value="3">30万</option>
<option value="4">40万</option>
<option value="5">50万</option>
</select>
<div class="moneyTips tips"></div>
</section>
<section>
<label>姓名：</label>
<input class="form-control username" type="text" placeholder="请输入您的姓名">
<div class="nameTips tips"></div>
</section>
<section>
<label>手机号码：</label>
<input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
<div class="phoneTips tips"></div>
</section>
<section>
<img class="testBtn" src="images/btn3.png" alt="保费试算">
</section>
<section class="last_item">
<div class="agree">
<span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span>
</div>
<div class="agreeTips tips"></div>
</section>
</section>
<img class="bottom" src="images/bottom.png">
</div>
<section class="content">
<img class="bg" src="images/bg.jpg"/>
<img id="orderBtn" src="images/btn2.png" alt="预约保险顾问">
<img id="btn3" src="images/btn2.png" alt="预约保险顾问">
</section>
<footer>
<ul class="tab">
<li id="askBtn">电话咨询</li>
<li class="jump">保费试算</li>
</ul>
</footer>
<div id="compaignCS">
<div class="csBox-init"></div>
</div>
<!-- <div class="toast">
<div class="toast_wrapper">
<h2 class="title">400-921-9290</h2>
<div class="totast_content">
<span class="iconfont">&#xe6bb;</span>
<a class="callBtn" href="tel:+400-921-9290">拨打电话</a>
</div>
</div> -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</div>
</div> -->
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/layer.js"></script>
<script src="js/base.js"></script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</body>
</html>
\ No newline at end of file
ci-campaign/js/base.js
$(function(){
var api = 'https://'+ window.location.host;
$(function () {
var api = 'https://' + window.location.host;
var gitUrlParam = window.location.search;
console.log(api)
var param = {
sex:"1",
money:'1',
name:'',
phone:'',
hmsr:getQueryString('hmsr'),
hmpl:getQueryString('hmpl'),
hmkw:getQueryString('hmkw'),
hmci:getQueryString('hmci'),
deviceType:''
sex: "1",
money: '1',
name: '',
phone: '',
hmsr: getQueryString('hmsr'),
hmpl: getQueryString('hmpl'),
hmkw: getQueryString('hmkw'),
hmci: getQueryString('hmci'),
deviceType: ''
}
init()
function init(){
function init() {
//点击跳转到首屏
orderBtn();
checkMoney();
......@@ -30,29 +29,33 @@ $(function(){
//选女
choseFemale();
}
var deviceType = checkDeviceType();
function getToken(){
function getToken() {
$.ajax({
type:"POST",
url:api + '/api/authorize/obtainToken',
type: "POST",
url: api + '/api/authorize/obtainToken',
contentType: "application/json",
data:JSON.stringify({ticket: 'job'}),
async:false,
success:function(res){
data: JSON.stringify({ticket: 'job'}),
async: false,
success: function (res) {
token = res.data.token
}
})
return token;
}
var token = getToken();
function choseMale(){
$(".male").click(function(){
if($(".item .male").hasClass('on')){
function choseMale() {
$(".male").click(function () {
if ($(".item .male").hasClass('on')) {
$(".item .male").removeClass('on')
$(".item .male").html("&#xe664;")
// console.log('男未选中')
param.sex = ''
}else{
} else {
$(".item .male").addClass('on')
$(".item .male").html("&#xe684;")
$(".item .female").removeClass('on')
......@@ -62,14 +65,15 @@ $(function(){
}
})
}
function choseFemale(){
$(".female").click(function(){
if($(".item .female").hasClass('on')){
function choseFemale() {
$(".female").click(function () {
if ($(".item .female").hasClass('on')) {
$(".item .female").removeClass('on')
$(".item .female").html("&#xe664;")
// console.log('女未选中')
param.sex = ''
}else{
} else {
$(".item .female").addClass('on')
$(".item .female").html("&#xe684;")
$(".item .male").removeClass('on')
......@@ -79,95 +83,98 @@ $(function(){
}
})
}
function orderBtn(){
$("#orderBtn,#btn3,.jump").click(function(){
$('html,body').animate({scrollTop:0},'slow');
function orderBtn() {
$("#orderBtn,#btn3,.jump").click(function () {
$('html,body').animate({scrollTop: 0}, 'slow');
})
}
function checkMoney(){
$("#choseMoney").change(function(){
$("#choseMoney").attr("value",this.value);
function checkMoney() {
$("#choseMoney").change(function () {
$("#choseMoney").attr("value", this.value);
param.money = $("#choseMoney").attr("value");
})
}
function submitBtn(){
$(".testBtn").click(function(){
//判断性别选没选
if(!param.sex){
$(".sexTips").html('性别不能为空');
setTimeout(function(){
$(".sexTips").html('');
},3000)
return false;
}
var namereg = /(^[\u4e00-\u9fa5]{1}[\u4e00-\u9fa5\.·。]{0,48}[\u4e00-\u9fa5]{1}$)|(^[a-zA-Z]{1}[a-zA-Z\s]{0,48}[a-zA-Z]{1}$)/
var phonereg = /^(1)\d{10}$/;
//判断姓名
if($(".username").val()){
if(!namereg.test($(".username").val())){
$(".nameTips").html('请输入正确的姓名');
$(".username").val('');
setTimeout(function(){
function submitBtn() {
$(".testBtn").click(function () {
//判断性别选没选
if (!param.sex) {
$(".sexTips").html('性别不能为空');
setTimeout(function () {
$(".sexTips").html('');
}, 3000)
return false;
}
var namereg = /(^[\u4e00-\u9fa5]{1}[\u4e00-\u9fa5\.·。]{0,48}[\u4e00-\u9fa5]{1}$)|(^[a-zA-Z]{1}[a-zA-Z\s]{0,48}[a-zA-Z]{1}$)/
var phonereg = /^(1)\d{10}$/;
//判断姓名
if ($(".username").val()) {
if (!namereg.test($(".username").val())) {
$(".nameTips").html('请输入正确的姓名');
$(".username").val('');
setTimeout(function () {
$(".nameTips").html('');
}, 3000)
return false;
} else {
param.name = $(".username").val();
}
} else {
$(".nameTips").html('姓名不能为空')
setTimeout(function () {
$(".nameTips").html('');
},3000)
}, 3000);
return false;
}else{
param.name = $(".username").val();
}
}else{
$(".nameTips").html('姓名不能为空')
setTimeout(function(){
$(".nameTips").html('');
},3000);
return false;
}
//判断电话号码
if($(".userphone").val()){
if(!phonereg.test($(".userphone").val())){
$(".phoneTips").html('请输入正确的手机号码');
$(".userphone").val('');
setTimeout(function(){
//判断电话号码
if ($(".userphone").val()) {
if (!phonereg.test($(".userphone").val())) {
$(".phoneTips").html('请输入正确的手机号码');
$(".userphone").val('');
setTimeout(function () {
$(".phoneTips").html('');
}, 3000)
return;
} else {
param.phone = $(".userphone").val();
}
} else {
$(".phoneTips").html('手机号码不能为空')
setTimeout(function () {
$(".phoneTips").html('');
},3000)
return;
}else{
param.phone = $(".userphone").val();
}, 3000)
return false;
;
}
}else{
$(".phoneTips").html('手机号码不能为空')
setTimeout(function(){
$(".phoneTips").html('');
},3000)
return false;;
}
//判断是否同意
if(!$(".agree .iconfont").hasClass('on')){
if (!$(".agree .iconfont").hasClass('on')) {
$(".agreeTips").html("请同意最惠比用户条款")
setTimeout(function(){
setTimeout(function () {
$(".agreeTips").html('');
},3000)
}, 3000)
return false;
}
$.ajax({
type:"POST",
url:api +'/api/promotion/marketingSave',
type: "POST",
url: api + '/api/promotion/marketingSave',
contentType: "application/json",
data:JSON.stringify(param),
headers:{"X-Authorization":token},
success:function(res){
if(res['success']){
data: JSON.stringify(param),
headers: {"X-Authorization": token},
success: function (res) {
if (res['success']) {
// //提示
layer.open({
content: '<div class="service_item"><p class="service">您的信息已提交成功,</p><p class="service">保险顾问将在1个工作日内为您提供服务</p></div>'
,btn: '我知道了'
});
}else{
, btn: '我知道了'
});
} else {
layer.open({
content: `<div class="service_item"><p class="service">${res['message']}</p></div>`
,btn: '我知道了'
});
, btn: '我知道了'
});
}
}
})
......@@ -175,77 +182,120 @@ $(function(){
}
//底部tab切换
$(".tab li").click(function(){
$(".tab li").click(function () {
$(this).addClass("selected").siblings().removeClass("selected");
})
function checkAgree(){
$(".agree").click(function(){
if($(".agree .iconfont").hasClass('on')){
function checkAgree() {
$(".agree").click(function () {
if ($(".agree .iconfont").hasClass('on')) {
$(".agree .iconfont").removeClass('on')
$(".agree .iconfont").html("&#xe612;")
}else{
} else {
$(".agree .iconfont").addClass('on')
$(".agree .iconfont").html("&#xe504;")
}
})
}
function getQueryString(name){
function getQueryString(name) {
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
const r = decodeURIComponent(gitUrlParam).substr(1).match(reg);
if (r != null) {
return r[2];
return r[2];
}
return null;
}
//点击电话咨询
function phoneConsult(){
$("#askBtn").click(function(){
function phoneConsult() {
$("#askBtn").click(function () {
layer.open({
title: [
'400-921-9290',
'background-color: #299bf3; color:#fff;margin:0;font-size:24px;'
'400-921-9290',
'background-color: #299bf3; color:#fff;margin:0;font-size:24px;'
]
,content: '<div class="totast_content"><a class="iconfont" href="tel:400-921-9290">&#xe6bb;</a><a class="callBtn" href="tel:400-921-9290">拨打电话</a></div>'
});
,
content: '<div class="totast_content"><a class="iconfont" href="tel:400-921-9290">&#xe6bb;</a><a class="callBtn" href="tel:400-921-9290">拨打电话</a></div>'
});
})
}
function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
loadStyle('./css/mstyle.css')
} else {
deviceType = '2';
loadStyle('./css/mstyle.css')
}
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3';
} else {
deviceType = '2';
}
$('#compaignCS').show();
loadStyle('./css/mstyle.css');
loadCS('qd2852152378db2071ba910d37f416cc80a75cbad904', 'https://wp.qiye.qq.com/qidian/2852152378/db2071ba910d37f416cc80a75cbad904');
} else {
deviceType = '1';
changeImg('1')
loadStyle('./css/style.css')
deviceType = '1';
changeImg('1');
$('#compaignCS').hide();
loadStyle('./css/style.css');
loadCS('qd28521523787345b6267b3523eb19ee27f8d383d595', 'https://wp.qiye.qq.com/qidian/2852152378/7345b6267b3523eb19ee27f8d383d595')
}
return deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
}
var deviceType = checkDeviceType();
param.deviceType = deviceType;
//加载不同样式
function loadStyle(url){
//加载不同样式
function loadStyle(url) {
var link = document.createElement('link');
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = url;
var head = document.getElementsByTagName('head')[0];
head.appendChild(link);
link.type = 'text/css';
link.rel = 'stylesheet';
link.href = url;
var head = document.getElementsByTagName('head')[0];
head.appendChild(link);
}
function changeImg(type){
if(type == '1'){
$(".pbanner").attr('src','./images/pbanner.jpg')
$(".btn1").attr('src','./images/pcbtn1.png')
$(".testBtn").attr('src','./images/pcbtn3.png')
$(".bg").attr('src','./images/pcbg_1.png')
// 加载客服组件
function loadCS(id, src) {
if (document.getElementById(id)) {
document.getElementById(id).parentNode.removeChild(document.getElementById(id));
}
var script = document.createElement('script');
script.id = id;
script.src = src;
script.charset = 'utf-8';
script.async = 'true';
script.defer = 'true';
var head = document.getElementsByTagName('head')[0];
head.appendChild(script);
}
function changeImg(type) {
if (type == '1') {
$(".pbanner").attr('src', './images/pbanner.jpg')
$(".btn1").attr('src', './images/pcbtn1.png')
$(".testBtn").attr('src', './images/pcbtn3.png')
$(".bg").attr('src', './images/pcbg_1.png')
$(".bottom").hide();
$("#orderBtn,#btn3").attr('src','./images/pcbtn2.png')
$("#orderBtn,#btn3").attr('src', './images/pcbtn2.png')
}
}
})
\ No newline at end of file
// 监听scroll
var count_index = 0;
$(window).scroll(
function (e) {
if (count_index == 0) {
var timeIntervalFunction = setInterval(function () {
count_index--;
if (count_index <= 0) {
clearInterval(timeIntervalFunction);
count_index = 0;
$('#compaignCS div').removeClass('csBox-init-actived').addClass('csBox-init');
}
}, 50);
} else {
$('#compaignCS div').removeClass('csBox-init').addClass('csBox-init-actived');
}
count_index++;
}
);
});
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment