avalon列表循環調接口以及更多例子
<style>
body{font-family: "微軟雅黑";
}
.message1{
width: 100%;
padding-top:23px;
background-color: #FFFFFF;
}
.message1 .zuo{
width: 35%;
height: 103px;
margin-left: 0px;
position: absolute;
right: 0;
}
.message1 .zuo img{
width: 111px;
height: 84px;
padding-left: 7px;
}
.message1 .you{
width: 70%;
height: 103px;
padding-left:24px;
margin-right: 0px;
position: absolute;
left:0;
}
.message1 .you p{
line-height: 28px;
}
nav{
display:-webkit-box;
display:-webkit-flex;
display:flex;
-webkit-box-orient:horizontal;
-webkit-flex-flow:row;
flex-flow:row;
position: relative;
width: 100%;
height: 40px;
/*background-color: #FFFFFF;*/
margin-top: 7px;
}
nav .menu{
-webkit-box-flex:1;
-webkti-flex:1;
flex:1;
width: 100%;
height: 40px;
line-height: 40px;
font-size: 13px;
text-align: center;
color: #000000;
}
</style>
</head>
<div style="background-color: #f5f5f5" ms-controller="new_collage9">
<div id="head" class="pr tc bgcfefefe">
<div class="headbox h49 lh49">
<img class="pa left10 top15 h18 cp zi2 wback" src="images/back.png" onclick="back();"/>
<span class="f18 c070707">訂單明細</span>
</div>
<div class="bbhhd"></div>
</div>
<div style="background-color: #f5f5f5;-webkit-overflow-scrolling:touch; overflow-y: auto;
margin: 0 auto;
height: 100%;
padding-bottom: 100px;"" >
<table ms-repeat="my" class="wp100 " style="background-color: #FFFFFF;border-bottom:1px solid #f5f5f5" border="0" cellspacing="10" cellpadding="0" tapmode="tapover" ms-click="toxiaxia(xianxia.id)">
<tr>
<td style="width: 107px;">
<img src="images/collage/tu1.png" ms-src="{{el.img}}" style="width:100px;height: 100px" />
</td>
<td class="vt pr" tapmode="tapover">
<div class="f16 c222 mb5"></div>
<div style="width:100%;">
<div class="f14 c#000000 mb5">
<p style="color: #000000;margin-left:-7px">【{{el.type}}】{{el.name}}</p>
<div style="position: relative">
<div style="position: absolute;left:-1%;top:14px;font-size: 13px">下單時間:{{el.cTime}}</div>
<div style="position: absolute;left:-1%;top: 46px;font-size: 13px">用戶昵稱：{{el.uname}}</div>
<div style="position: absolute;right: 0;top: 46px;font-size: 13px;color: red">￥{{el.order_money}}</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<div class="h30 ml5 mt10 pl5 pr5 mr5 mb30" style="width: 98%;line-height: 27px;font-size: 15px;" ms-click="getgoodstop()">
<span style="display: inherit;text-align:center;color: #333333">查看更多訂單</span>
</div>
<!-- <table class="wp100 " style="background-color: #FFFFFF" border="0" cellspacing="10" cellpadding="0" tapmode="tapover" ms-click="toxiaxia(xianxia.id)">
<tr>
<td>
<img src="images/collage/tu1.png" style="width:100px;height: 100px" />
</td>
<td class="vt pr" tapmode="tapover">
<div class="f16 c222 mb5"></div>
<div style="width:100%;">
<div class="f14 c#000000 mb5">
<p style="color: #000000;">【7月8號】創新零售沈陽站線下落地方案視頻／楊華為您解讀</p>
<div style="position: relative">
<div style="position: absolute;left:-1%;top:8px;font-size: 13px">下單時間:2017.08.03 11：00</div>
<div style="position: absolute;left:-1%;top: 29px;font-size: 13px">用戶昵稱：紮堆兒</div>
<div style="position: absolute;right: 0;top: 29px;font-size: 13px;color: red">￥19.9 x1</div>
</div>
</div>
</div>
</td>
</tr>
</table>
<table class="wp100 " style="background-color: #FFFFFF" border="0" cellspacing="10" cellpadding="0" tapmode="tapover" ms-click="toxiaxia(xianxia.id)">
<tr>
<td>
<img src="images/collage/tu1.png" style="width:100px;height: 100px" />
</td>
<td class="vt pr" tapmode="tapover">
<div class="f16 c222 mb5"></div>
<div style="width:100%;">
<div class="f14 c#000000 mb5">
<p style="color: #000000;">【7月8號】創新零售沈陽站線下落地方案視頻／楊華為您解讀</p>
<div style="position: relative">
<div style="position: absolute;left:-1%;top:8px;font-size: 13px">下單時間:2017.08.03 11：00</div>
<div style="position: absolute;left:-1%;top: 29px;font-size: 13px">用戶昵稱：紮堆兒</div>
<div style="position: absolute;right: 0;top: 29px;font-size: 13px;color: red">￥19.9 x1</div>
</div>
</div>
</div>
</td>
</tr>
</table> -->
</div>
</div>
<script type="text/javascript">
(function(name) {
//avalon 開始
if(Main.ava[name] == undefined) {
Main.ava[name] = avalon.define({
$id: name,
id:0,
//配置開始
name: name,
zhuanlan:[],
gou:[],
//訂丹明細
my:[],
//我購買的課
mai: function() {
towin(‘new_collage5‘, false, {});
},
getgoodstop:function()
{
var info = Main.ava[‘new_collage9‘];
info.top_p = (info.top_p)+1;
row1 = ((info.top_p)*2)+4;
// addajaxlist(‘shop_goodslists‘, {p:info.top_p,row:row1}, function(data) {
addajaxlist(‘order_mx‘, {p:1,row:row1}, function(data) {
if(data.status) {
var obj = data.data;
if(obj) {
info.my = obj;
} else {
$msg(data.msg);
}
} else {
$msg(data.msg);
}
});
ajaxgo();
},
});
}
//avalon 結束
//class 開始
var info = Main.ava[name];
var Cls = {
createNew: function() {
//實例化ajax類
var ajax_obj = ajaxCls.createNew();
var addajaxlist = ajax_obj.addajaxlist;
var ajaxgo = ajax_obj.ajaxgo;
//實例化ajax類 --結束
var Class = {}; //類
//模擬類開始-----------------------------------------------------------------start
var info = Main.ava[name];
//公有屬性---------------------------------------------
var win_name = name;
Class.setbase = function() {
};
Class.go = function(objgo) {
//列表
addajaxlist(‘order_mx‘, {
}, function(data) {
if(data.status) {
var obj = data.data;
// 列表
if(obj) {
info.my = obj;
} else {
info.my = [];
}
} else {
info.my = [];
$msg(data.msg);
}
});
ajaxgo(objgo);
p(name + ‘go‘);
};
//私有屬性---------------------------------------------
//模擬類結束-----------------------------------------------------------------end
return Class;
}
}
Main.obj[name] = Cls.createNew();
Main.obj[name].setbase();
Main.obj[name].go();
//class 結束
//附加預先運行函數
})(‘new_collage9‘);
</script>
avalon列表循環調接口以及更多例子