<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="https://www.thymeleaf.org" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="https://www.thymeleaf.org ">
<head>
    <title>采美365网-商品专题</title>
    <template th:replace="components/head-link"></template>
    <link th:href="@{/css/single-page/promotions.css(v=${version})}" rel="stylesheet" type="text/css">
</head>
<body>
<!-- 引用头部 -->
<template th:replace="components/header"></template>

<!-- 二级页面 -->
<div id="promotionsList">
    <ul class="wrap">
        <li class="promotions" v-for="item in listData"><a :href="item.link">
            <img :src="item.image">
            <p v-text="item.title"></p>
            <span v-if="item.status==1" class="time" v-text="''+item.detail">活动时间：活动即将开始</span>
            <span v-if="item.status==2" class="time" v-text="'活动时间：'+item.detail"></span>
            <span v-if="item.status==3" class="finish"></span>
        </a></li>
    </ul>
    <!--分页-->
    <div v-if="(!isPC) && noMore" class="noMore">---- 没有更多了 ----</div>
    <div v-if="isPC && pageTotal>1" class="pageWrap clear">
        <a v-if="params.num>1" class="prev" @click="toPagination(params.num*1-1)" href="javascript:void(0);"></a>
        <template v-for="n in showPageBtn">
            <a v-if="n" :class="{'on':(n==params.num)}" @click="toPagination(n)" href="javascript:void(0);" v-text="n"></a>
            <span v-else>···</span>
        </template>
        <a v-if="params.num<pageTotal" class="next" @click="toPagination(params.num*1+1)" href="javascript:void(0);"></a>
        <span>共<b v-text="pageTotal>1?pageTotal:1"></b>页</span>
        <span>跳至</span>
        <input v-model="pageInput" @blur="checkNum()"/>
        <span>页</span>&nbsp;
        <a class="btn" href="javascript:void(0);" @click="toPagination(pageInput)">点击跳转</a>
    </div>
</div>

<!-- 引入底部 -->
<template th:replace="components/footer"></template>
<template th:replace="components/foot-link"></template>
<script charset="utf-8" type="text/javascript" th:src="@{/js/single-page/promotions.js(v=${version})}"></script>
</body>
</html>
