Commit ab9b8573 by Chao Sun

分享按钮调整

parent dd93d0ff
......@@ -267,3 +267,47 @@ input,button{
bottom: 0!important;
}
.markbox {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
color: #fff;
display: flex;
justify-content: flex-end;
z-index: 100000;
background: rgba(0, 0, 0, 0.8);
display: none;
}
.iconfont {
position: absolute;
right: 8%;
font-size: 40px;
top: 2px;
font-weight: bold;
}
.guideImgBox {
margin: 20px auto;
}
.guideImgBox img{
max-width: 25%;
position: relative;
left: 70%;
}
.tipsToast {
margin-top: 60%;
}
.tipsToast p {
font-size: 18px;
margin-top: 10px;
text-align: center;
letter-spacing: 1px;
}

3.12 KB | W: | H:

3.46 KB | W: | H:

consulting/images/share1.png
consulting/images/share1.png
consulting/images/share1.png
consulting/images/share1.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -60,6 +60,16 @@
</div>
<div class='closeModal' bindtap='closeModalBox'>X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示">
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
......
......@@ -338,11 +338,10 @@ $(function () {
}
}
// getWxConfig();
getWxConfig();
// 获取微信分享配置
function getWxConfig() {
var url = location.href.split('#')[0];
console.log(1)
$.ajax({
type: "POST",
url: api + '/api/wxConfig',
......@@ -376,6 +375,9 @@ $(function () {
})
}
$('.share').click(function(){
getWxConfig()
$('.markbox').show()
})
$('.markbox').click(function(){
$('.markbox').hide()
})
});
\ No newline at end of file
......@@ -267,3 +267,47 @@ input,button{
bottom: 0!important;
}
.markbox {
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
color: #fff;
display: flex;
justify-content: flex-end;
z-index: 100000;
background: rgba(0, 0, 0, 0.8);
display: none;
}
.iconfont {
position: absolute;
right: 8%;
font-size: 40px;
top: 2px;
font-weight: bold;
}
.guideImgBox {
margin: 20px auto;
}
.guideImgBox img{
max-width: 25%;
position: relative;
left: 70%;
}
.tipsToast {
margin-top: 60%;
}
.tipsToast p {
font-size: 18px;
margin-top: 10px;
text-align: center;
letter-spacing: 1px;
}

3.12 KB | W: | H:

3.46 KB | W: | H:

consulting1/images/share1.png
consulting1/images/share1.png
consulting1/images/share1.png
consulting1/images/share1.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -60,6 +60,16 @@
</div>
<div class='closeModal' bindtap='closeModalBox'>X</div>
</div>
<!--分享弹框-->
<div class="markbox">
<div class="guideImgBox">
<img src="./images/tips.png" alt="提示">
<div class="tipsToast">
<p>请点击右上角菜单</p>
<p>分享给朋友</p>
</div>
</div>
</div>
<div id="d" hidden></div>
<script src="https://res2.wx.qq.com/open/js/jweixin-1.4.0.js "></script>
<script src="./js/jquery.min.js"></script>
......
......@@ -336,7 +336,7 @@ $(function () {
return false;
}
}
// getWxConfig();
getWxConfig();
// 获取微信分享配置
function getWxConfig()
{
......@@ -374,6 +374,9 @@ $(function () {
})
}
$('.share').click(function(){
getWxConfig()
$('.markbox').show()
})
$('.markbox').click(function(){
$('.markbox').hide()
})
});
\ 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