购物车引导页

This commit is contained in:
2019-09-16 21:07:25 +08:00
parent 762fe382a4
commit 2ac5f09ec2
7 changed files with 149 additions and 6 deletions

View File

@ -0,0 +1,106 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
<title></title>
<link rel="stylesheet" type="text/css" href="../css/mui.css" />
</head>
<body style="visibility:hidden;">
<div class="header">
<div class="header_con">
<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="display: none;"></a>
<p class="title">购物车</p>
</div>
</div>
<div class="z"></div>
<div class="block">
<div class="row shadown_wai" id="cart_1"><img class="img" src="../img/setting_lock1.png" /><span class="r1">逛商都购物车</span><img
class="youjiantou" src="../img/youjiantou.png" /></div>
<div class="row shadown_wai" id="cart_2"><img class="img" src="../img/setting_lock1.png" /><span class="r1">助微吧购物车</span><img
class="youjiantou" src="../img/youjiantou.png" /></div>
<div class="row shadown_wai" id="cart_3"><img class="img" src="../img/setting_lock1.png" /><span class="r1">助购吧购物车</span><img
class="youjiantou" src="../img/youjiantou.png" /></div>
</div>
</body>
<script src="../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
mui.plusReady(function() {
var element;
var parent = document.body;
element = document.createElement('script');
element.src = localStorage.getItem("jsUrl") + 'common.js?ver=' + localStorage.getItem('version');
parent.appendChild(element);
element.onload = function(){
var style = [JZL.getCssUrl('setting.css'),JZL.getCssUrl('sha.css'), JZL.getCssUrl('header.css'), JZL.getCssUrl('recommend.css'), JZL.getCssUrl("global.css")];
JZL.css_init(style);
setTimeout(function() {
parent.style.visibility="visible";
}, 100);
};
})
</script>
<script>
mui.plusReady(()=>{
$("#cart_1").click(()=>{
mui.openWindow({
url: "shoppingcart.html",
id: "shoppingcart.html_1",
extras: {
from_id: 1,
},
waiting: {
autoShow: true, //自动显示等待框默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
// ......
}
}
})
})
$("#cart_2").click(()=>{
mui.openWindow({
url: "shoppingcart.html",
id: "shoppingcart.html_2",
extras: {
from_id: 2,
},
waiting: {
autoShow: true, //自动显示等待框默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
// ......
}
}
})
})
$("#cart_3").click(()=>{
mui.openWindow({
url: "shoppingcart.html",
id: "shoppingcart.html_3",
extras: {
from_id: 3,
},
waiting: {
autoShow: true, //自动显示等待框默认为true
title: '正在加载...', //等待对话框上显示的提示内容
options: {
// width: waiting - dialog - widht, //等待框背景区域宽度,默认根据内容自动计算合适宽度
// height: waiting - dialog - height, //等待框背景区域高度,默认根据内容自动计算合适高度
// ......
}
}
})
})
})
</script>
</html>