kkc-shop
/
kkc-go


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索 {{.key}} - 易租租</title>
    <link rel="stylesheet" href="/api/static/css/search.css">
    <link rel="stylesheet" href="/api/static/css/index.css">
    <meta name="keywords" content="{{.key}} - 易租租">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description"
          content="海外数字商城，为全球用户提供谷歌、苹果、脸书等购买服务，还有苹果、谷歌、steam礼品卡等购买渠道。在这里您还能进行steam代充、steam海外代充、steam钱包代充等，7*24小时为您提供满意的交易。">
</head>
<body>
{{template "NavigationBar.tmpl" .}}
<div class="search-result">
    <div class="search-result-body">
        <div class="search-result-title">
            <div class="search-result-title-text">搜索结果</div>
        </div>

        <div class="search-total">
            <span>搜索数量：</span>
            <span id="search-total-num">{{.count}}</span>
        </div>

        <div class="card-list">
            {{range $i,$vo := .list}}
            <div class="goods-sku-info" onclick="JumpRouter('/detail?skuId={{$vo.id}}')">
                <div class="goods-img"><img src="{{.skuImage}}" alt=""></div>
                <div class="goods-name">{{ .skuName }}</div>
                <div class="goods-price">{{ .price }}</div>
                {{if ne .historicalPrices .price }}
                <div>
                    <div class="goods--original-price">￥{{ .historicalPrices }}</div>
                    <div class="goods-discount-percentage">{{discalc .price .historicalPrices }}</div>
                </div>
                {{else}}
                <div>
                    <div class="goods--original-price">￥{{ .historicalPrices }}</div>
                </div>
                {{end}}
            </div>
            {{end}}
        </div>
        <div class="search-pagination">

            <ul id="pagination" class="pagination"></ul>
        </div>
    </div>
</div>
{{template "BottomBar.tmpl" .}}
</body>
<script>

    document.addEventListener("DOMContentLoaded", function () {
        const itemsPerPage = 12;
        const totalItems = parseInt(document.getElementById("search-total-num").textContent, 10);
        const totalPages = Math.ceil(totalItems / itemsPerPage);
        let currentPage = getCurrentPageFromUrl();

        function renderPagination() {
            let pagination = document.getElementById("pagination");
            // Previous button
            const prevLi = document.createElement("li");
            prevLi.textContent = "上一页";
            if (currentPage === 1) {
                prevLi.classList.add("disabled");
            } else {
                prevLi.addEventListener("click", function () {
                    goToPage(currentPage - 1);
                });
            }
            pagination.appendChild(prevLi);

            // Page numbers
            for (let i = 1; i <= totalPages; i++) {
                const pageLi = document.createElement("li");
                pageLi.textContent = i;
                if (i === currentPage) {
                    pageLi.classList.add("active");
                } else {
                    pageLi.addEventListener("click", function () {
                        goToPage(i);
                    });
                }
                pagination.appendChild(pageLi);
            }

            // Next button
            const nextLi = document.createElement("li");
            nextLi.textContent = "下一页";
            if (currentPage === totalPages) {
                nextLi.classList.add("disabled");
            } else {
                nextLi.addEventListener("click", function () {
                    goToPage(currentPage + 1);
                });
            }
            pagination.appendChild(nextLi);
        }

        function goToPage(page) {
            if (page < 1 || page > totalPages) {
                return;
            }
            currentPage = page;
            updateUrlWithPage(page);
            renderPagination();
            // Perform actions to load the data for the selected page here
        }

        function getCurrentPageFromUrl() {
            const urlParams = new URLSearchParams(window.location.search);
            const pageNum = parseInt(urlParams.get('pageNum'), 10);
            return isNaN(pageNum) ? 1 : pageNum;
        }

        function updateUrlWithPage(page) {
            const url = new URL(window.location.href);
            url.searchParams.set('pageNum', page);
            window.location.href = url.toString();
            window.history.pushState({}, '', url);
        }

        renderPagination();
    });
</script>
</html>