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; -moz-box-sizing: border-box;
box-sizing: border-box;} box-sizing: border-box;
ul,ol{ }
ul, ol {
list-style: none; list-style: none;
} }
a{
color:#333; a {
color: #333;
display: block; display: block;
text-decoration: none; text-decoration: none;
} }
a:link{
text-decoration:none; a:link {
text-decoration: none;
} }
img{display:block;border:0;max-width: 100%;}
html,body{ img {
width:100%; display: block;
height:100%; border: 0;
max-width: 100%;
}
html, body {
width: 100%;
height: 100%;
min-width: 320px; min-width: 320px;
max-width: 640px; max-width: 640px;
margin:0 auto; margin: 0 auto;
font-size: 16px; font-size: 16px;
} }
.banner{
margin:0 auto; .banner {
margin: 0 auto;
} }
.btn1,.orderBtn,.testBtn{
.btn1, .orderBtn, .testBtn {
width: 70%; width: 70%;
margin: 0 auto; margin: 0 auto;
} }
.btn1{
margin:20px auto; .btn1 {
margin: 20px auto;
} }
.wrapper{
.wrapper {
padding-right: 15px; padding-right: 15px;
padding-left: 15px; padding-left: 15px;
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
} }
.wrapper section{
.wrapper section {
float: left; float: left;
width: 100%; width: 100%;
padding: 0 5%; padding: 0 5%;
} }
.wrapper section label { .wrapper section label {
width: 30%; width: 30%;
float: left; float: left;
} }
.form-control,.wrapper section .item{ .form-control, .wrapper section .item {
float: left; float: left;
width: 70%; width: 70%;
height: 34px; height: 34px;
line-height: 34px; line-height: 34px;
} }
.wrapper section .item .icon{
.wrapper section .item .icon {
margin-right: 5%; margin-right: 5%;
} }
.item .sex_item{
.item .sex_item {
float: left; float: left;
width: 30%; width: 30%;
margin-right: 10%; margin-right: 10%;
} }
.wrapper section .tips{
.wrapper section .tips {
float: right; float: right;
width: 70%; width: 70%;
height: 30px; height: 30px;
line-height: 30px; line-height: 30px;
color:#f81e06; color: #f81e06;
font-size: 12px; font-size: 12px;
} }
.agree{
.agree {
font-size: 12px; font-size: 12px;
width: 100%; width: 100%;
height:25px; height: 25px;
line-height:25px; line-height: 25px;
position: relative; position: relative;
} }
.agree span{
.agree span {
display: inline-block; display: inline-block;
position: absolute; position: absolute;
} }
.agree span b{
font-weight:normal; .agree span b {
color:#8a8a8a; font-weight: normal;
color: #8a8a8a;
} }
.content{
.content {
position: relative; position: relative;
width: 100%; width: 100%;
margin:0 auto; margin: 0 auto;
} }
.content #orderBtn,.content #btn3{
.content #orderBtn, .content #btn3 {
position: absolute; position: absolute;
width: 70%; width: 70%;
left: 15%; left: 15%;
} }
.content #orderBtn { .content #orderBtn {
top: 66.5%; top: 66.5%;
} }
.content #btn3 { .content #btn3 {
top: 83%; top: 83%;
} }
footer{
footer {
width: 100%; width: 100%;
position: relative; position: relative;
bottom:0; bottom: 0;
background: #fff; background: #fff;
min-width: 320px; min-width: 320px;
max-width: 640px; max-width: 640px;
margin: 0 auto; margin: 0 auto;
} }
footer ul{
footer ul {
width: 100%; width: 100%;
border-top:1px #d1d1d1 solid; border-top: 1px #d1d1d1 solid;
} }
footer ul li{
footer ul li {
width: 50%; width: 50%;
float: left; float: left;
height:45px; height: 45px;
line-height:45px; line-height: 45px;
text-align: center; 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; background: #fc6351;
color: #fff; color: #fff;
} }
/* .toast{ /* .toast{
display: none; display: none;
width: 100%; width: 100%;
...@@ -157,31 +194,34 @@ footer ul li.selected{ ...@@ -157,31 +194,34 @@ footer ul li.selected{
height:80px; height:80px;
line-height:80px; line-height:80px;
}*/ }*/
.layui-m-layercont{ .layui-m-layercont {
position: relative!important; position: relative !important;
padding:0!important; padding: 0 !important;
text-align: center!important; text-align: center !important;
width: 100%!important; width: 100% !important;
height: 105px!important; height: 105px !important;
line-height: 105px!important; line-height: 105px !important;
} }
.totast_content{
.totast_content {
width: 100%; width: 100%;
text-align: center; text-align: center;
margin: 0 auto; margin: 0 auto;
height:130px; height: 130px;
position: relative; position: relative;
} }
.totast_content .iconfont{
.totast_content .iconfont {
width: 60px; width: 60px;
height: 60px; height: 60px;
font-size: 60px; font-size: 60px;
position: relative; position: relative;
top: 5px; top: 5px;
left: 40%; left: 40%;
line-height:60px; line-height: 60px;
} }
.callBtn{
.callBtn {
width: 60px; width: 60px;
text-align: center; text-align: center;
position: relative; position: relative;
...@@ -189,13 +229,36 @@ footer ul li.selected{ ...@@ -189,13 +229,36 @@ footer ul li.selected{
top: 4%; top: 4%;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
} }
.layui-m-layercont .service_item{
.layui-m-layercont .service_item {
margin-top: 10%; margin-top: 10%;
} }
.layui-m-layercont p.service{
height:30px; .layui-m-layercont p.service {
line-height:30px; 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{ ...@@ -135,6 +135,11 @@ footer{
height:30px; height:30px;
line-height:30px; line-height:30px;
} }
#compaignCS .csBox-init {
width: 0;
height: 0;
}
@media screen and (max-width: 1400px){ @media screen and (max-width: 1400px){
html,body{ html,body{
font-size:12px; font-size:12px;
......
ci-campaign/index.html
...@@ -7,89 +7,93 @@ ...@@ -7,89 +7,93 @@
<link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iconfont.css"> <link rel="stylesheet" href="css/iconfont.css">
<!-- <link rel="stylesheet" href="css/style.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> <title>重疾险,大病保险-最惠比</title>
<meta name="keywords" content="重疾险,重疾险排名，重疾险哪家好" /> <meta name="keywords" content="重疾险,重疾险排名，重疾险哪家好"/>
<meta name="description" content="2018畅销款重大疾病保险，保障范围100种重疾.30种轻症，保额50万。" /> <meta name="description" content="2018畅销款重大疾病保险，保障范围100种重疾.30种轻症，保额50万。"/>
</head> </head>
<body> <body>
<div class="banner"> <div class="banner">
<img class="pbanner" src="images/banner.jpg" alt="banner" /> <img class="pbanner" src="images/banner.jpg" alt="banner"/>
<section class="wrapper"> <section class="wrapper">
<img class="btn1" src="images/btn1.png" /> <img class="btn1" src="images/btn1.png"/>
<section> <section>
<label>性别:</label> <label>性别:</label>
<div class="item"> <div class="item">
<div class="sex_item"><span class="icon iconfont male on">&#xe684;</span>男</div> <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 class="sex_item"><span class="icon iconfont female">&#xe664;</span>女</div>
</div> </div>
<div class="sexTips tips"></div> <div class="sexTips tips"></div>
</section> </section>
<section> <section>
<label>保障金额：</label> <label>保障金额：</label>
<select class="form-control" id="choseMoney"> <select class="form-control" id="choseMoney">
<option value="1">10万</option> <option value="1">10万</option>
<option value="2">20万</option> <option value="2">20万</option>
<option value="3">30万</option> <option value="3">30万</option>
<option value="4">40万</option> <option value="4">40万</option>
<option value="5">50万</option> <option value="5">50万</option>
</select> </select>
<div class="moneyTips tips"></div> <div class="moneyTips tips"></div>
</section> </section>
<section> <section>
<label>姓名：</label> <label>姓名：</label>
<input class="form-control username" type="text" placeholder="请输入您的姓名"> <input class="form-control username" type="text" placeholder="请输入您的姓名">
<div class="nameTips tips"></div> <div class="nameTips tips"></div>
</section> </section>
<section> <section>
<label>手机号码：</label> <label>手机号码：</label>
<input class="form-control userphone" type="text" placeholder="请输入您的手机号码"> <input class="form-control userphone" type="text" placeholder="请输入您的手机号码">
<div class="phoneTips tips"></div> <div class="phoneTips tips"></div>
</section> </section>
<section> <section>
<img class="testBtn" src="images/btn3.png" alt="保费试算"> <img class="testBtn" src="images/btn3.png" alt="保费试算">
</section> </section>
<section class="last_item"> <section class="last_item">
<div class="agree"> <div class="agree">
<span><i class="iconfont on">&#xe504;</i> <b>本人同意最惠比联系本人进行精准报价和产品介绍 </b></span> <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> </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>
</div> --> </div>
<script src="js/jquery.min.js"></script> </div> -->
<script src="js/bootstrap.min.js"></script> <script src="js/jquery.min.js"></script>
<script src="js/layer.js"></script> <script src="js/bootstrap.min.js"></script>
<script src="js/base.js"></script> <script src="js/layer.js"></script>
<script> <script src="js/base.js"></script>
var _hmt = _hmt || []; <script>
(function() { var _hmt = _hmt || [];
var hm = document.createElement("script"); (function () {
hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27"; var hm = document.createElement("script");
var s = document.getElementsByTagName("script")[0]; hm.src = "https://hm.baidu.com/hm.js?36b1eb7eec3b5dac9f97d887092b5b27";
s.parentNode.insertBefore(hm, s); var s = document.getElementsByTagName("script")[0];
})(); s.parentNode.insertBefore(hm, s);
</script> })();
</script>
</body> </body>
</html> </html>
\ No newline at end of file
ci-campaign/js/base.js
$(function(){ $(function () {
var api = 'https://'+ window.location.host; var api = 'https://' + window.location.host;
var gitUrlParam = window.location.search; var gitUrlParam = window.location.search;
console.log(api)
var param = { var param = {
sex:"1", sex: "1",
money:'1', money: '1',
name:'', name: '',
phone:'', phone: '',
hmsr:getQueryString('hmsr'), hmsr: getQueryString('hmsr'),
hmpl:getQueryString('hmpl'), hmpl: getQueryString('hmpl'),
hmkw:getQueryString('hmkw'), hmkw: getQueryString('hmkw'),
hmci:getQueryString('hmci'), hmci: getQueryString('hmci'),
deviceType:'' deviceType: ''
} }
init() init()
function init(){ function init() {
//点击跳转到首屏 //点击跳转到首屏
orderBtn(); orderBtn();
checkMoney(); checkMoney();
...@@ -30,29 +29,33 @@ $(function(){ ...@@ -30,29 +29,33 @@ $(function(){
//选女 //选女
choseFemale(); choseFemale();
} }
var deviceType = checkDeviceType(); var deviceType = checkDeviceType();
function getToken(){
function getToken() {
$.ajax({ $.ajax({
type:"POST", type: "POST",
url:api + '/api/authorize/obtainToken', url: api + '/api/authorize/obtainToken',
contentType: "application/json", contentType: "application/json",
data:JSON.stringify({ticket: 'job'}), data: JSON.stringify({ticket: 'job'}),
async:false, async: false,
success:function(res){ success: function (res) {
token = res.data.token token = res.data.token
} }
}) })
return token; return token;
} }
var token = getToken(); var token = getToken();
function choseMale(){
$(".male").click(function(){ function choseMale() {
if($(".item .male").hasClass('on')){ $(".male").click(function () {
if ($(".item .male").hasClass('on')) {
$(".item .male").removeClass('on') $(".item .male").removeClass('on')
$(".item .male").html("&#xe664;") $(".item .male").html("&#xe664;")
// console.log('男未选中') // console.log('男未选中')
param.sex = '' param.sex = ''
}else{ } else {
$(".item .male").addClass('on') $(".item .male").addClass('on')
$(".item .male").html("&#xe684;") $(".item .male").html("&#xe684;")
$(".item .female").removeClass('on') $(".item .female").removeClass('on')
...@@ -62,14 +65,15 @@ $(function(){ ...@@ -62,14 +65,15 @@ $(function(){
} }
}) })
} }
function choseFemale(){
$(".female").click(function(){ function choseFemale() {
if($(".item .female").hasClass('on')){ $(".female").click(function () {
if ($(".item .female").hasClass('on')) {
$(".item .female").removeClass('on') $(".item .female").removeClass('on')
$(".item .female").html("&#xe664;") $(".item .female").html("&#xe664;")
// console.log('女未选中') // console.log('女未选中')
param.sex = '' param.sex = ''
}else{ } else {
$(".item .female").addClass('on') $(".item .female").addClass('on')
$(".item .female").html("&#xe684;") $(".item .female").html("&#xe684;")
$(".item .male").removeClass('on') $(".item .male").removeClass('on')
...@@ -79,95 +83,98 @@ $(function(){ ...@@ -79,95 +83,98 @@ $(function(){
} }
}) })
} }
function orderBtn(){ function orderBtn() {
$("#orderBtn,#btn3,.jump").click(function(){ $("#orderBtn,#btn3,.jump").click(function () {
$('html,body').animate({scrollTop:0},'slow'); $('html,body').animate({scrollTop: 0}, 'slow');
}) })
} }
function checkMoney(){
$("#choseMoney").change(function(){ function checkMoney() {
$("#choseMoney").attr("value",this.value); $("#choseMoney").change(function () {
$("#choseMoney").attr("value", this.value);
param.money = $("#choseMoney").attr("value"); param.money = $("#choseMoney").attr("value");
}) })
} }
function submitBtn(){
$(".testBtn").click(function(){ function submitBtn() {
//判断性别选没选 $(".testBtn").click(function () {
if(!param.sex){ //判断性别选没选
$(".sexTips").html('性别不能为空'); if (!param.sex) {
setTimeout(function(){ $(".sexTips").html('性别不能为空');
$(".sexTips").html(''); setTimeout(function () {
},3000) $(".sexTips").html('');
return false; }, 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}$/; 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())){ if ($(".username").val()) {
$(".nameTips").html('请输入正确的姓名'); if (!namereg.test($(".username").val())) {
$(".username").val(''); $(".nameTips").html('请输入正确的姓名');
setTimeout(function(){ $(".username").val('');
setTimeout(function () {
$(".nameTips").html('');
}, 3000)
return false;
} else {
param.name = $(".username").val();
}
} else {
$(".nameTips").html('姓名不能为空')
setTimeout(function () {
$(".nameTips").html(''); $(".nameTips").html('');
},3000) }, 3000);
return false; return false;
}else{
param.name = $(".username").val();
} }
}else{ //判断电话号码
$(".nameTips").html('姓名不能为空') if ($(".userphone").val()) {
setTimeout(function(){ if (!phonereg.test($(".userphone").val())) {
$(".nameTips").html(''); $(".phoneTips").html('请输入正确的手机号码');
},3000); $(".userphone").val('');
return false; setTimeout(function () {
} $(".phoneTips").html('');
//判断电话号码 }, 3000)
if($(".userphone").val()){ return;
if(!phonereg.test($(".userphone").val())){ } else {
$(".phoneTips").html('请输入正确的手机号码'); param.phone = $(".userphone").val();
$(".userphone").val(''); }
setTimeout(function(){ } else {
$(".phoneTips").html('手机号码不能为空')
setTimeout(function () {
$(".phoneTips").html(''); $(".phoneTips").html('');
},3000) }, 3000)
return; return false;
}else{ ;
param.phone = $(".userphone").val();
} }
}else{
$(".phoneTips").html('手机号码不能为空')
setTimeout(function(){
$(".phoneTips").html('');
},3000)
return false;;
}
//判断是否同意 //判断是否同意
if(!$(".agree .iconfont").hasClass('on')){ if (!$(".agree .iconfont").hasClass('on')) {
$(".agreeTips").html("请同意最惠比用户条款") $(".agreeTips").html("请同意最惠比用户条款")
setTimeout(function(){ setTimeout(function () {
$(".agreeTips").html(''); $(".agreeTips").html('');
},3000) }, 3000)
return false; return false;
} }
$.ajax({ $.ajax({
type:"POST", type: "POST",
url:api +'/api/promotion/marketingSave', url: api + '/api/promotion/marketingSave',
contentType: "application/json", contentType: "application/json",
data:JSON.stringify(param), data: JSON.stringify(param),
headers:{"X-Authorization":token}, headers: {"X-Authorization": token},
success:function(res){ success: function (res) {
if(res['success']){ if (res['success']) {
// //提示 // //提示
layer.open({ layer.open({
content: '<div class="service_item"><p class="service">您的信息已提交成功,</p><p class="service">保险顾问将在1个工作日内为您提供服务</p></div>' content: '<div class="service_item"><p class="service">您的信息已提交成功,</p><p class="service">保险顾问将在1个工作日内为您提供服务</p></div>'
,btn: '我知道了' , btn: '我知道了'
}); });
}else{ } else {
layer.open({ layer.open({
content: `<div class="service_item"><p class="service">${res['message']}</p></div>` content: `<div class="service_item"><p class="service">${res['message']}</p></div>`
,btn: '我知道了' , btn: '我知道了'
}); });
} }
} }
}) })
...@@ -175,77 +182,120 @@ $(function(){ ...@@ -175,77 +182,120 @@ $(function(){
} }
//底部tab切换 //底部tab切换
$(".tab li").click(function(){ $(".tab li").click(function () {
$(this).addClass("selected").siblings().removeClass("selected"); $(this).addClass("selected").siblings().removeClass("selected");
}) })
function checkAgree(){ function checkAgree() {
$(".agree").click(function(){ $(".agree").click(function () {
if($(".agree .iconfont").hasClass('on')){ if ($(".agree .iconfont").hasClass('on')) {
$(".agree .iconfont").removeClass('on') $(".agree .iconfont").removeClass('on')
$(".agree .iconfont").html("&#xe612;") $(".agree .iconfont").html("&#xe612;")
}else{ } else {
$(".agree .iconfont").addClass('on') $(".agree .iconfont").addClass('on')
$(".agree .iconfont").html("&#xe504;") $(".agree .iconfont").html("&#xe504;")
} }
}) })
} }
function getQueryString(name){ function getQueryString(name) {
const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); const reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)');
const r = decodeURIComponent(gitUrlParam).substr(1).match(reg); const r = decodeURIComponent(gitUrlParam).substr(1).match(reg);
if (r != null) { if (r != null) {
return r[2]; return r[2];
} }
return null; return null;
} }
//点击电话咨询 //点击电话咨询
function phoneConsult(){ function phoneConsult() {
$("#askBtn").click(function(){ $("#askBtn").click(function () {
layer.open({ layer.open({
title: [ title: [
'400-921-9290', '400-921-9290',
'background-color: #299bf3; color:#fff;margin:0;font-size:24px;' '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() { function checkDeviceType() {
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) { if (navigator.userAgent.toLowerCase().indexOf('micromessenger') !== -1) {
deviceType = '3'; deviceType = '3';
loadStyle('./css/mstyle.css') } else {
} else { deviceType = '2';
deviceType = '2'; }
loadStyle('./css/mstyle.css') $('#compaignCS').show();
} loadStyle('./css/mstyle.css');
loadCS('qd2852152378db2071ba910d37f416cc80a75cbad904', 'https://wp.qiye.qq.com/qidian/2852152378/db2071ba910d37f416cc80a75cbad904');
} else { } else {
deviceType = '1'; deviceType = '1';
changeImg('1') changeImg('1');
loadStyle('./css/style.css') $('#compaignCS').hide();
loadStyle('./css/style.css');
loadCS('qd28521523787345b6267b3523eb19ee27f8d383d595', 'https://wp.qiye.qq.com/qidian/2852152378/7345b6267b3523eb19ee27f8d383d595')
} }
return deviceType; 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'); var link = document.createElement('link');
link.type = 'text/css'; link.type = 'text/css';
link.rel = 'stylesheet'; link.rel = 'stylesheet';
link.href = url; link.href = url;
var head = document.getElementsByTagName('head')[0]; var head = document.getElementsByTagName('head')[0];
head.appendChild(link); head.appendChild(link);
} }
function changeImg(type){
if(type == '1'){ // 加载客服组件
$(".pbanner").attr('src','./images/pbanner.jpg') function loadCS(id, src) {
$(".btn1").attr('src','./images/pcbtn1.png') if (document.getElementById(id)) {
$(".testBtn").attr('src','./images/pcbtn3.png') document.getElementById(id).parentNode.removeChild(document.getElementById(id));
$(".bg").attr('src','./images/pcbg_1.png') }
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(); $(".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