File: /var/www/dk/wp-content/themes/food/category-影視專區.php
<?php
get_header('food');
//獲取預設info
//$index_post = 81;
//$home_info = new stdClass;
//$home_info->cate1 = get_post_meta($index_post, "cate1", true);
//$home_info->part2_m_url = get_post_meta($index_post, "part2_m_url", true);
//$home_info->part2_pc_url = get_post_meta($index_post, "part2_pc_url", true);
//$home_info->part2_cate = get_post_meta($index_post, "part2_cate", true);
//$home_info->about_company_url = get_post_meta($index_post, "about_company_url", true);
//$home_info->about_content = get_post_meta($index_post, "about_content", true);
//$home_info->about_phone = get_post_meta($index_post, "about_phone", true);
//$home_info->about_call = get_post_meta($index_post, "about_call", true);
//$home_info->about_fax = get_post_meta($index_post, "about_fax", true);
//$home_info->about_addr = get_post_meta($index_post, "about_addr", true);
//$home_info->about_addr_en = get_post_meta($index_post, "about_addr_en", true);
//$home_info->payme_url = get_post_meta($index_post, "payme_url", true);
//獲取預設info
Global $MMC_index_post_id;
$index_post = $MMC_index_post_id; //114;
$home_info = getHomeInfo($index_post);
$vueVersion = time();
?>
<app id="app">
<yq-header></yq-header>
<div id="main_bg">
<main class=" w-100 py-[0.2rem] md:w-[768px] md:mx-auto xl:w-[1280px]">
<!-- 輪播 -->
<div v-if="a_banner.length > 0" class=" relative w-100 px-[0.3rem]">
<div @click="toBannerLink()" class=" w-full h-[2.3rem] md:h-[6.6rem]">
<img v-for="(item, key) in a_banner" :key="'bannerimg'+item.id" v-show="banner_current == key" :class="banner_show?' opacity-100':' opacity-0'" class=" transition-opacity duration-700 cursor-pointer rounded-[0.2rem] w-full h-full bg-main" :src="item.banner_url">
</div>
<!-- 指示點 -->
<div class=" absolute bottom-[0.1rem] left-1/2 -translate-x-1/2 flex justify-center">
<div v-for="(item, key) in a_banner" :key="'banner'+item.id" :class="banner_current==key?'bg-white':'bg-sub-white'" class=" ml-[0.2rem] first:ml-0 w-[0.33rem] h-[0.04rem]"></div>
</div>
<img @click="preBanner()" class=" cursor-pointer w-[0.66rem] h-[0.66rem] md:w-[1rem] md:h-[1rem] absolute left-[-0.04rem] md:left-[-0.16rem] top-1/2 -translate-y-1/2" src="<?php showFoodAppPath('img/scroll-left.png') ?>">
<img @click="nextBanner()" class=" cursor-pointer w-[0.66rem] h-[0.66rem] md:w-[1rem] md:h-[1rem] absolute right-[-0.04rem] md:right-[-0.16rem] top-1/2 -translate-y-1/2" src="<?php showFoodAppPath('img/scroll-right.png') ?>">
</div>
<!-- 文章列表-->
<section class="text-gray-600 body-font">
<div class="container px-1 py-2 mx-auto">
<div class="flex flex-wrap mt-2">
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="p-1 lg:w-1/4 md:w-1/3 w-full space-x-4">
<a href="<?php the_permalink(); ?>">
<div class="bg-gray-100 p-1 ">
<img class="w-full object-cover object-center mb-1 h-[1.62rem] object-cover object-top" src="<?php echo aiwp_get_post_thumbnail_src(get_the_ID(), $size = 'thumbnail'); ?>" alt="<?php the_title(); ?>">
<h3 class="tracking-widest text-333 text-[0.26rem] font-medium my-[0.12rem]"><?php the_excerpt(); ?></h3>
<div class="flex items-center justify-between ">
<span class="inline-flex items-center mb-0 ">
<div style="width: 31px;height: 31px;"><img class="rounded-full object-cover object-center mr-[0.1rem]" style="margin-right: 13px;" src="<?php echo aiwp_get_post_thumbnail_src(get_the_ID(), $size = 'thumbnail'); ?>"></div>
<span style="margin-left: 13px;"><?php the_author(); ?></span>
</span>
<span class="text-gray-400 inline-flex text-right lg:ml-auto md:ml-0 ml-auto leading-none text-[0.18rem] ">
<?php echo get_the_date('Y-n-d'); ?>
<!-- H:i:s-->
</span>
</div>
</div>
</a>
</div>
<?php endwhile; ?>
<?php else : ?>
没有任何内容
<?php endif; ?>
</div>
</div>
</section>
<!-- 文章列表 end-->
<div>
<?php
lingfeng_pagenavi();
// echo ' 下分页2 ' . PHP_EOL;
// the_posts_pagination(array(
// 'mid_size' => 2, //当前页码数的 两边 显示几个页码。
// 'prev_text' => '上一页', //上一页
// 'next_text' => '下一页', //下一页
// ));
?>
</div>
</main>
</div>
<yq-footer></yq-footer>
</app>
<script>
const local_url = '<?php echo $local_url ?>'
const home_info = JSON.parse('<?php echo json_encode($home_info) ?>')
new Vue({
el: "#app",
components: {
//'yq-header': httpVueLoader('<?php //showFoodAppPath('components/yq-header.vue?v=5') ?>//'),
//'yq-footer': httpVueLoader('<?php //showFoodAppPath('components/yq-footer.vue?v=2') ?>//'),
'yq-header': httpVueLoader('<?php showFoodAppPath('components/yq-header-MMC.vue?v=' . $vueVersion) ?>'),
'yq-footer': httpVueLoader('<?php showFoodAppPath('components/yq-footer-MMC.vue?v=' . $vueVersion) ?>'),
//'yq-food-menu-infos': httpVueLoader('<?php //showFoodAppPath('components/yq-food-menu-infos.vue')
?>//'),
},
created() {
this.get_banner()
this.linkBanner()
},
data: {
banner_show: true,
a_banner: [],
banner_current: 0,
bannerObj: null
},
methods: {
linkBanner() {
this.bannerObj = setInterval(() => {
this.nextBanner()
}, 8000);
},
toBannerLink() {
if (this.a_banner[this.banner_current].banner_link) {
window.open(this.a_banner[this.banner_current].banner_link, '_blank')
}
},
preBanner() {
clearInterval(this.bannerObj)
this.bannerObj = null
this.banner_show = false
setTimeout(() => {
let temp = this.banner_current - 1
this.banner_current = temp < 0 ? this.a_banner.length - 1 : temp
this.banner_show = true
this.linkBanner()
}, 700);
},
nextBanner() {
clearInterval(this.bannerObj)
this.bannerObj = null
this.banner_show = false
setTimeout(() => {
let temp = this.banner_current + 1
this.banner_current = temp > this.a_banner.length - 1 ? 0 : temp
this.banner_show = true
this.linkBanner()
}, 700);
},
async get_banner() {
let res = await axios({
method: 'post',
url: '/api/',
data: Qs.stringify({
module: 'banner',
action: 'get_banner',
banner_type: 5
})
});
if (res.status == 200) {
let data = res.data;
if (data.rc == 0) {
this.a_banner = data.res
}
}
},
}
})
</script>
<?php get_footer('food'); ?>