xiaoyu
124 lines
5.4 KiB
PHP
124 lines
5.4 KiB
PHP
<script type="text/javascript" src="https://qs.liche.cn/web/javascript/vant.min.js"></script>
|
|
<link rel="stylesheet" href="https://qs.liche.cn/web/javascript/vant.min.css">
|
|
<link rel="stylesheet" href="/css/h5/market/sytopic/h5.css?20230225">
|
|
<body class="bg-f6">
|
|
<div id="app" style="min-height: 100vh;" class="bg-f6 relative">
|
|
<header class="absolute left-0 top-0 right-0 z-index-1">
|
|
<div class="fn-flex fn-flex-between fn-flex-middle ulib-rb30 bg-fff pl30 pr30 pt20 pb20">
|
|
<div class="font-26"><span class="ml5"></span></div>
|
|
<a class="fn-flex" href="/h5/market/sylive2/biz/applists">
|
|
<span class="ulib-r750 inline-block pt5 pb5 pl10 pr10 font-24 bg-000 color-fff"><i class="iconfont icon-refresh"></i>切换应用</span>
|
|
<!--van-tag color="#1a1a1a" round class="ml20">
|
|
<van-icon name="replay" class="mr5"></van-icon>
|
|
切换应用
|
|
</van-tag-->
|
|
</a>
|
|
</div>
|
|
|
|
</header>
|
|
<div class="container">
|
|
<div class="inner30 pt80">
|
|
<!--
|
|
<a class="block mt30 pb30 bg-fff overflowhidden box-shadow-lightGray ulib-r20" :href="item.url"
|
|
v-for="(item,index) in list">
|
|
<img class="imgsize-690X310" :src="item.img" alt="#">
|
|
<div class="mt20 pl30 pr30 font-30 color-333">{{item.title}}</div>
|
|
<div class="mt10 pl30 pr30 font-24 color-999">{{item.time}}</div>
|
|
</a>
|
|
-->
|
|
<a v-for="(item,index) in list" :key="index" class="overflowhidden ulib-r10 bg-fff mb30 box-shadow-lightGray" :href="item.url">
|
|
<!--van-image :src="item.img"></van-image-->
|
|
<img class="imgsize-690X230 ulib-r10" :src="item.img" alt="#">
|
|
<div class="inner30 fn-flex fn-flex-between">
|
|
<div class="wp70">
|
|
<h4 class="font-28 text-nowrap">{{item.title}}</h4>
|
|
<p class="font-22 color-999 mt20">{{item.time}}</p>
|
|
</div>
|
|
<div class="font-24 text-right">
|
|
<span class="block text-nowrap mt10 pr10 pb10" v-if="item.userCount">
|
|
<van-icon name="eye-o"></van-icon> 浏览 {{item.userCount}}
|
|
</span>
|
|
<span class="ulib-r750 bg-f8e26a inline-block pt5 pb5 pl10 pr10" v-if="item.lzCount">
|
|
<van-icon name="gold-coin-o"></van-icon> 留资 {{item.lzCount}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
<mugen-scroll :handler="fetchData" :should-handle="!loading" scroll-container="app">
|
|
<div class="pt100 pb100 text-center color-ccc" v-if="isNoData"><span
|
|
class="text-middle font-22">暂无数据</span></div>
|
|
<div class="pt20 pb20 text-center color-ccc" v-else-if="loading"><i
|
|
class="iconfont icon-jiazai text-middle"></i><span
|
|
class="text-middle font-22">请稍等...</span></div>
|
|
<div class="pt20 pb20 text-center font-22 color-ccc" v-else-if="isDataEnd&&list.length>10">
|
|
我们是有底线的
|
|
</div>
|
|
</mugen-scroll>
|
|
</div>
|
|
</div>
|
|
<aside class="fixed right-0 bottom-0 mr30 mb100 z-index-10">
|
|
<ul>
|
|
<a href="/h5/market/sylive2/user/enroll" v-if="type===1">
|
|
<li class="mt20">
|
|
<i class="inline-block d-icon-5"></i>
|
|
</li>
|
|
</a>
|
|
<a href="/h5/market/sylive2/user?type=<?=$type?>" v-if="isBiz">
|
|
<li class="mt20">
|
|
<i class="inline-block d-icon-6"></i>
|
|
</li>
|
|
</a>
|
|
</ul>
|
|
</aside>
|
|
</div>
|
|
|
|
<script>
|
|
let hostUrl = ''
|
|
var app = new Vue({
|
|
el: '#app',
|
|
data: {
|
|
loading: false,
|
|
isDataEnd: false,
|
|
isNoData: false,
|
|
page: 1,
|
|
size: 20,
|
|
type: <?=$this->input->get('type') ? intval($this->input->get('type')) : 0?>,
|
|
list: [],
|
|
isBiz: <?=$isBiz ? 1 : 0?>,
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods: {
|
|
|
|
//拉取数据
|
|
fetchData: function () {
|
|
this.getOrderList()
|
|
},
|
|
|
|
//获取大区列表
|
|
getOrderList() {
|
|
let that = this;
|
|
if (!that.isNoData && !that.isDataEnd && !that.loading) {
|
|
that.loading = true;
|
|
//请求接口
|
|
$.get('/h5/market/sylive2/biz/act_list', {
|
|
'page': that.page,
|
|
'type': that.type
|
|
}, function (result) {
|
|
that.loading = false;
|
|
that.page = that.page + 1;
|
|
that.list = that.list.concat(result.data.list);
|
|
if (result.data.total == 0) {
|
|
that.isNoData = true;
|
|
} else if (that.list.length == result.data.total) {
|
|
that.isDataEnd = true;
|
|
}
|
|
}, 'json')
|
|
}
|
|
},
|
|
},
|
|
})
|
|
</script>
|
|
<?= $this->load->view('h5/market/sylive2/hidden_wx_share') ?>
|
|
</body>
|