顺带件初步
This commit is contained in:
parent
aa9c17c3e5
commit
6fb5049934
32
css/shundaijian.css
Normal file
32
css/shundaijian.css
Normal file
@ -0,0 +1,32 @@
|
|||||||
|
.row {
|
||||||
|
background: white;
|
||||||
|
width: 100%;
|
||||||
|
height: 120px;
|
||||||
|
border-bottom: 1px solid #ebebeb;
|
||||||
|
position: relative;
|
||||||
|
margin-bottom: 5px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.block{
|
||||||
|
margin-top: 36px;
|
||||||
|
padding: 0 2%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.z{
|
||||||
|
width: 100%;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.name {
|
||||||
|
font-size: 1.2rem;
|
||||||
|
color: black;
|
||||||
|
line-height: 36px;
|
||||||
|
height: 36px;
|
||||||
|
overflow: hidden;
|
||||||
|
padding-left: 5px;
|
||||||
|
font-weight: bolder;
|
||||||
|
}
|
||||||
|
|
||||||
|
[v-cloak] {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
3
js/my.js
3
js/my.js
@ -280,6 +280,9 @@ var localAuthType = localStorage.getItem("authType");
|
|||||||
$('.mydata-content').on('tap', '.shoppingcart', function() {
|
$('.mydata-content').on('tap', '.shoppingcart', function() {
|
||||||
JZL.openWindow('shoppingcart_warp.html', 'shoppingcart_warp.html')
|
JZL.openWindow('shoppingcart_warp.html', 'shoppingcart_warp.html')
|
||||||
})
|
})
|
||||||
|
$('.mydata-content').on('tap', '.shundaijian', function() {
|
||||||
|
JZL.openWindow('shundaijian.html', 'shundaijian.html')
|
||||||
|
})
|
||||||
$('.mydata-content').on('tap', '.shangdu', function() {
|
$('.mydata-content').on('tap', '.shangdu', function() {
|
||||||
if (authType == 2) {
|
if (authType == 2) {
|
||||||
JZL.openWindow('shangdu.html', 'shangdu.html')
|
JZL.openWindow('shangdu.html', 'shangdu.html')
|
||||||
|
|||||||
45
js/shundaijian.js
Normal file
45
js/shundaijian.js
Normal file
@ -0,0 +1,45 @@
|
|||||||
|
mui.plusReady(function(){
|
||||||
|
|
||||||
|
})
|
||||||
|
|
||||||
|
const app = new Vue({
|
||||||
|
el: '#app',
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
orderList: [
|
||||||
|
],
|
||||||
|
}
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
loadData() {
|
||||||
|
// $.ajax({
|
||||||
|
// url: qlgUrl("app/note/index"),
|
||||||
|
// method: "GET",
|
||||||
|
// dataType: 'json',
|
||||||
|
// success: (res) => {
|
||||||
|
// if(res.status == 1){
|
||||||
|
// this.noteData = res.data;
|
||||||
|
// }else{
|
||||||
|
// mui.alert(res.msg);
|
||||||
|
// }
|
||||||
|
// },
|
||||||
|
// error: function(err){
|
||||||
|
// mui.alert("请求失败");
|
||||||
|
// self.back();
|
||||||
|
// }
|
||||||
|
// });
|
||||||
|
this.orderList = [
|
||||||
|
{
|
||||||
|
from_address: '测试dizhi 测试地址测试地址测试地址测试地址测试地址测试地址',
|
||||||
|
to_address: '测试地址测试地址测试地址测试地址测试地址测试地址',
|
||||||
|
deliver_fee: '8.00',
|
||||||
|
fee: '18.00',
|
||||||
|
before: '2020/20/20 11:20'
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.loadData();
|
||||||
|
},
|
||||||
|
})
|
||||||
@ -170,11 +170,11 @@
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="mydata-table-view-cell shenqingweiba">
|
<div class="mydata-table-view-cell shundaijian">
|
||||||
<a href="javascript:;">
|
<a href="javascript:;">
|
||||||
<div class="orderimg">
|
<div class="orderimg">
|
||||||
<img src="../img/weiba.png" /></div>
|
<img src="../img/weiba.png" /></div>
|
||||||
<p>申请微吧</p>
|
<p>顺带件</p>
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
73
templete/shundaijian.html
Normal file
73
templete/shundaijian.html
Normal file
@ -0,0 +1,73 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
|
||||||
|
<head style="visibility:hidden;">
|
||||||
|
<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"></a>
|
||||||
|
<!--<img src="../img/title_news.png" class="oc_logo" />-->
|
||||||
|
<p class="title">顺带件</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div style="height: 36px;"></div>
|
||||||
|
<style>
|
||||||
|
.indicator {
|
||||||
|
display: inline-block;
|
||||||
|
width: 33%;
|
||||||
|
padding: 10px 0;
|
||||||
|
margin: 0 10px;
|
||||||
|
text-align: center;
|
||||||
|
color: black;
|
||||||
|
background-color: #ddd;
|
||||||
|
}
|
||||||
|
.act.indicator {
|
||||||
|
color: white;
|
||||||
|
background-color: #444;
|
||||||
|
}
|
||||||
|
.subPage {
|
||||||
|
padding-top: 10px;
|
||||||
|
overflow-y: auto;
|
||||||
|
height: calc(100vh - 160px);
|
||||||
|
width: 100vw;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<div class="block" style="display: flex;width: 100vw;">
|
||||||
|
</div>
|
||||||
|
<div id="app" v-cloak>
|
||||||
|
<div class="row clearfix" v-for="(each, index) in orderList" :data-id="each.id">
|
||||||
|
<div class="name">店铺：{{each.from_address}}</div>
|
||||||
|
<div class="name">送至：{{each.to_address}}</div>
|
||||||
|
</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 src="../js/common.js" type="text/javascript" charset="utf-8"></script>
|
||||||
|
<script src="../lib/vue/vue.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('shundaijian.css'), JZL.getCssUrl("global.css"), JZL.getCssUrl("header.css")];
|
||||||
|
JZL.css_init(style);
|
||||||
|
var script = [JZL.getJsUrl('shundaijian.js')];
|
||||||
|
JZL.js_init(script);
|
||||||
|
setTimeout(function() {
|
||||||
|
parent.style.visibility = "visible";
|
||||||
|
}, 100);
|
||||||
|
};
|
||||||
|
})
|
||||||
|
</script>
|
||||||
|
</html>
|
||||||
Loading…
x
Reference in New Issue
Block a user