Skip to content

A
allCampaign
Commit 2e858878 by Sweet Zhang
Options

营销页面修改

parent 89c59c4e
Showing with 201 additions and 18 deletions
yd-activity/.idea/.name deleted 100644 → 0
yd-activity
\ No newline at end of file
yd-activity/.idea/misc.xml
......@@ -22,4 +22,19 @@
</profile-state>
</entry>
</component>
<component name="masterDetails">
<states>
<state key="ScopeChooserConfigurable.UI">
<settings>
<splitter-proportions>
<option name="proportions">
<list>
<option value="0.2" />
</list>
</option>
</splitter-proportions>
</settings>
</state>
</states>
</component>
</project>
\ No newline at end of file
yd-activity/.idea/modules.xml
......@@ -2,7 +2,7 @@
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/occupationQry.iml" filepath="$PROJECT_DIR$/.idea/occupationQry.iml" />
<module fileurl="file://$PROJECT_DIR$/.idea/yd-activity.iml" filepath="$PROJECT_DIR$/.idea/yd-activity.iml" />
</modules>
</component>
</project>
\ No newline at end of file
yd-activity/.idea/yd-activity.iml
......@@ -2,9 +2,9 @@
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/../marketing-ad/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/../marketing-ad/temp" />
<excludeFolder url="file://$MODULE_DIR$/../marketing-ad/tmp" />
<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" />
......
yd-activity/css/style.css
......@@ -79,9 +79,11 @@
display: flex;
justify-content: center;
}
.line{
.line {
position: relative;
}
.line:after {
position: absolute;
content: '';
......@@ -294,20 +296,22 @@ footer > div {
height: 100%;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.3);
background-color: #fff;
display: none;
overflow-y: scroll;
}
#dialog .dialog-content {
width: 500px;
height: 500px;
width: 100%;
max-width: 800px;
background-color: #fff;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
border-radius: 20px;
margin: 13% auto;
margin: 5% auto;
padding: 0 15px;
}
#dialog .dialog-content h5 {
......@@ -316,6 +320,106 @@ footer > div {
color: #4a4a4a;
}
.crumbs ul {
list-style: none;
padding: 0;
display: flex;
justify-content: center;
}
.crumbs ul li {
position: relative;
background: rgba(98, 96, 177, 0.8);
color: #fff;
height: 30px;
line-height: 30px;
margin-right: 16px;
font-size: 12px;
padding-left: 8px;
flex: 1;
}
.crumbs ul li:last-child {
margin-right: 0;
}
.crumbs ul li:after {
content: "";
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
border-left: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
right: -15px;
top: 0;
z-index: 5;
}
.crumbs ul li::before {
content: "";
border-left: 15px solid transparent;
border-bottom: 15px solid rgba(98, 96, 177, 0.8);
border-top: 15px solid rgba(98, 96, 177, 0.8);
position: absolute;
left: -15px;
top: 0;
}
.crumbs ul li:first-child {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
}
.crumbs ul li:first-child:before {
display: none;
}
.crumbs ul li:last-child {
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.crumbs ul li:last-child:after {
display: none;
}
.panel-body {
padding: 0 3px;
}
.panel-default {
border-color: #ddd;
width: 100%;
}
.qrcode {
display: flex;
justify-content: center;
margin-bottom: 10px;
}
.searchBox {
padding: 10px 15px;
border: 1px dashed #6260b1;
text-align: center;
letter-spacing: 10px;
font-size: 18px;
font-weight: bold;
color: #000;
margin-top: 15px;
}
#copyBtn {
height: 34px;
line-height: 34px;
background-color: #6160b1;
color: #fff;
text-align: center;
margin: 15px 0;
border-radius: 5px;
letter-spacing: 5px;
cursor: pointer;
}
/* 小屏幕（平板，大于等于 768px） */
@media (max-width: 750px) {
.header-transition > .header-transition-slogan > .title, .wx-subscription-container > h5 {
......@@ -324,8 +428,6 @@ footer > div {
}
#dialog .dialog-content {
width: 300px;
height: 300px;
}
#dialog .dialog-content h5 {
......@@ -334,6 +436,7 @@ footer > div {
#dialog img {
width: 150px;
height: 150px;
}
.header-transition .header-transition-wx:before, .wx-subscription-container > h6:before,
......@@ -345,3 +448,19 @@ footer > div {
font-size: 20px;
}
}
.weui-toast {
position: fixed;
z-index: 5000;
width: 7.6em;
min-height: 7.6em;
top: 180px;
left: 50%;
margin-left: -3.8em;
background: rgba(17, 17, 17, 0.8);
text-align: center;
border-radius: 5px;
color: #FFFFFF;
display: flex;
justify-content: center;
align-items: center;
}
\ No newline at end of file
yd-activity/index.html
......@@ -7,7 +7,7 @@
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
<title>獴哥保险诊所</title>
<title>银盾保险在线</title>
<link rel="stylesheet" href="./css/bootstrap.min.css">
<link rel="stylesheet" href="./css/style.css">
<link rel="shortcut icon" href="https://www.ydinsurance.cn/wp-content/uploads/2018/04/favicon.gif"/>
......@@ -160,11 +160,49 @@
</footer>
<div id="dialog">
<div class="dialog-content" id="dialog-content">
<h5>微信扫一扫，进入公众号阅读全文</h5>
<h5>进入微信公众号阅读全文</h5>
<h6>公众号：银盾保险在线</h6>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">方式1：扫码</h3>
</div>
<div class="panel-body">
<div class="qrcode">
<img src="images/qrcode.jpg" alt="">
</div>
<p>微信公众号：银盾保险在线</p>
<div class="crumbs">
<ul>
<li>截屏</li>
<li>微信扫码</li>
<li>相册(右上)</li>
<li>完成</li>
</ul>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">方式2：搜索</h3>
</div>
<div class="panel-body">
<div class="searchBox" id="copyBT">银盾保险在线</div>
<div id="copyBtn">一键复制</div>
<div class="crumbs">
<ul>
<li>一键复制</li>
<li>打开微信</li>
<li>搜一搜</li>
<li>粘贴搜索</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!--复制成功弹窗-->
<div id="toast" style="display: none;">
<div class="weui-toast">
<p class="weui-toast__content">复制成功</p>
</div>
</div>
</div>
......
yd-activity/js/base.js
......@@ -12,6 +12,15 @@ $(document).ready(function () {
elem = elem.parentNode;
}
$('#dialog').css('display', 'none'); //点击的不是div或其子元素
})
});
$('#copyBtn').click(function (e) {
const range = document.createRange();
range.selectNode(document.getElementById('copyBT'));
const selection = window.getSelection();
if (selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
$('#copyBtn').html('复制成功，打开微信，粘贴搜索');
$('#toast').show().delay(3000).fadeOut();
});
});
\ 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