apeblog/public/template/default/pc/index/index.html

370 lines
23 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh">
<head>
<title>{:web_config("title")}</title>
<meta name="keywords" content="{:web_config("keywords")}">
<meta name="description" content="{:web_config("description")}">
{include file="public/head" /}
<link rel="stylesheet" href="__LIB__/swiper/swiper.min.css">
<script src="__LIB__/swiper/swiper.min.js"></script>
<style>.icon {width: 18px; height: 18px;vertical-align: -3px;fill: currentColor;overflow: hidden;}</style><style>html, body, #app {background-image: url('wp-content/uploads/2021/01/light_wool.png')!important;background-position: center center;background-attachment: fixed;}</style> <link rel="icon" href="https://www.lovestu.com/wp-content/uploads/2020/07/code.png" type="image/x-icon">
<style>
:root {
--Maincolor: #409EFF !important;
--MaincolorHover: #409EFF !important;
--fontSelectedColor: #3390ff !important;
}
#nprogress .bar {
background: var(--Maincolor)!important;
}
</style>
</head>
<body>
<script>NProgress.start();</script>
<div id="app">
{include file="public/header" /}
<div class="top-divider"></div>
<main class="container">
<div class="html-main">
<div class="post-main">
<div>
<div class="swiper-container carousel">
<div class="swiper-wrapper">
{zz:banner pagesize="5" typeid="$cid"}
<div class="swiper-slide">
<a href="{$field['url']}" target="_blank">
<img src="{$field['image']}" alt="{$field['title']}">
</a>
</div>
{/zz:banner}
</div>
<div class="swiper-pagination"></div>
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
<script>
window.onload = function () {
var mySwiper = new Swiper('.swiper-container', {
loop: true,
autoplay: true,
delay: 3000,
pagination: {
el: '.swiper-pagination',
},
// 如果需要前进后退按钮
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
})
}
</script>
<style>
.index-top-postcard-item {
flex-basis: 24%;
}
</style>
<div class="index-top-postcard-plane">
<div class="index-top-postcard-body">
{zz:list orderby="create_time desc" where="is_recommend=1" type="where"}
<div class="index-top-postcard-item">
<div class="index-top-postcard-main">
<div class="post-item-thumbnail">
<a href="{$field['url']}"><img
src="{$field['cover_path']}" alt=""></a>
</div>
<div class="index-top-postcard-title">
<a href="{$field['url']}">{$field['title']}</a>
</div>
</div>
</div>
{/zz:list}
</div>
</div>
<div class="post-list-page-plane">
<div class="list-plane-title">
<div class="index-tab-plane">
<div class="index-tab-item index-tab-item-active" catid="0">最新文章</div>
<div class="index-tab-item" catid="6">wordpress</div>
<div class="index-tab-item" catid="24">JavaScript</div>
<div class="index-tab-item" catid="8">绿化破解</div>
</div>
<script>
var nowid = $('.index-tab-item-active').attr('catid');
$('.index-tab-item').click(function () {
if (nowid == $(this).attr('catid')) {
return;
}
nowid = $(this).attr('catid');
paged = 2;
$('.index-tab-item').removeClass('index-tab-item-active');
$(this).addClass('index-tab-item-active');
$('.post-list').html('<div class="post-item post-loading"><i class="far fa-circle-notch fa-spin"></i> 加载中</div>');
$.post('https://www.lovestu.com/wp-admin/admin-ajax.php', {
action: 'corepress_load_post_by_tabs',
cat: $(this).attr('catid')
}, function (data) {
$('.post-list').html(data);
$("img").lazyload({effect: "fadeIn"}); })
});
</script>
</div>
<ul class="post-list">
{zz:list orderby="create_time desc" type="where"}
<li class="post-item ">
<div class="post-item-container">
<div class="post-item-thumbnail">
<a href="{$field['url']}" target="_blank">
<img src="__IMG__/loading.gif" data-original="{:file_cdn($field['cover_path'])}">
</a>
</div>
<div class="post-item-tags">
<span class="cat-item">
<a target="_blank" href="{$field['url']}">{:cn_substr($field['title'],15)}...</a>
</span>
</div>
<div class="post-item-main">
<h2>
<span class="post-item-sticky">置顶</span>
<a href="{$field['url']}" target="_blank">{:cn_substr($field['title'],15)}...</a>
</h2>
<div class="post-item-content">{:cn_substr($field['description'],40)}...
</div>
<div class="post-item-info">
<div class="post-item-meta">
<div class="post-item-meta-item">
<span class="post-item-meta-author">
<img src="{$field['author']}" width="24" height="24"
alt="头像"
class="avatar avatar-24 wp-user-avatar wp-user-avatar-24 photo avatar-default post-item-avatar">{$field['author']}</span>
<span class="post-item-time">{$field['create_time']}</span>
</div>
<div class="item-post-meta-other">
<span><i class="fas fa-eye" aria-hidden="true"></i>{$field['create_time']}</span> <span><i
class="fas fa-comment-alt-lines"></i>{$field['create_time']}</span>
</div>
</div>
</div>
</div>
</div>
</li>
{/zz:list}
</ul>
<div class="pages">
<button class="index-load-more-btn"><i class="far fa-circle-notch"></i> 加载更多</button>
<script>
var paged = 2;
var max_page =6;
$('.index-load-more-btn').click(() => {
var btn_cloass = '.index-load-more-btn';
if (paged >= max_page) {
$(btn_cloass).text('到底啦');
return;
}
$(btn_cloass).html('<i class="far fa-circle-notch fa-spin"></i> 加载中');
$.post('https://www.lovestu.com/wp-admin/admin-ajax.php', {
action: 'corepress_load_post',
page: paged,
cat: $('.index-tab-item-active').attr('catid')
}, (data) => {
if (data.length == 0) {
$(btn_cloass).html('<i class="far fa-circle-notch"></i> 到底啦');
} else {
$(btn_cloass).html('<i class="far fa-circle-notch"></i> 加载更多');
}
$('.post-list').append(data);
$("img").lazyload({effect: "fadeIn"}); paged++;
})
})
</script>
</div>
</div>
</div>
<div class="sidebar">
<div class="sidebar-box-list">
<div class="aside-box">
<form class="search-form" action="https://www.zyxpp.com" method="get" role="search">
<div class="search-form-input-plane">
<input type="text" class="search-keyword" name="s" placeholder="搜索内容" value="">
</div>
<div>
<button type="submit" class="search-submit" value="&#xf002;">搜索</button>
</div>
</form>
</div>
<div class="aside-box">
<div class="widget-author-plane">
<div class="widget-author-main">
<img src="wp-content/plugins/wp-user-avatar/images/wpua-96x96.png" width="50"
height="50" alt="头像"
class="avatar avatar-50 wp-user-avatar wp-user-avatar-50 photo avatar-default">
<div class="widget-author-name">
轻烟随风
</div>
<div class="widget-avatar-description">
I can't change the direction of the wind, but I can adjust my sails to always reach
my destination
</div>
<div class="widget-avatar-meta">
<div class="widget-avatar-meta-box widget-avatar-meta-comments" title="评论数量">
<i class="far fa-comment"></i>
1
</div>
<div class="widget-avatar-meta-box" title="文章数量">
<i class="far fa-newspaper"></i>
45
</div>
</div>
</div>
</div>
<div class="widget-avatar-post-list">
<h2 class="widget-avatar-title">近期文章</h2>
<ul>
<li><a href="oracle-ebs-pl-sql-arapsubleadernotposttogl/index.html">oracle-EBS-PL/sql 财务
AR AP 子分类账未过入总账GL的语句</a></li>
<li><a href="veeamrestorefromdisk/index.html">Veeam日常运维恢复数据操作(从外接硬盘恢复)</a></li>
<li><a href="oracle-ebs-omshipconfirmstatuserror/index.html">oracle-EBS-OM价目表未设置导致确认出货后状态位没有变成已连接/interface</a>
</li>
<li><a href="wordpresscountvisitor/index.html">wordpress统计网站日访问量总访问量代码</a></li>
<li><a href="aliyunmanagement/index.html">阿里云服务器的简单管理快照备份和远程访问设置</a></li>
</ul>
</div>
</div>
<div class="aside-box"><h2 class="widget-title">浏览次数</h2>
<ul>
<li><a href="oracle-ebs-om-order-table/index1.html"
title="oracle-EBS甲骨文销售订单下单发放挑库发运(销售到出货全过程)主要相关表(多图)">oracle-EBS甲骨文销售订单下单发放挑库发运(销售到出货全过程)主要相关表(多图)</a>
- 333 浏览
</li>
<li><a href="oracle-ebs-pur-inventory-table/index1.html"
title="oracle-EBS-采购单创建接收检验入库经历主要表(多图)">oracle-EBS-采购单创建接收检验入库经历主要表(多图)</a> - 161 浏览
</li>
<li><a href="decoration-erp/index.html" title="某家装公司项目管理软件系统的设计思路">某家装公司项目管理软件系统的设计思路</a> -
7 浏览
</li>
<li><a href="oaworkflowapprove/index1.html" title="常见企业OA办公审批流、工作流实现层级审批、层层签核的方式">常见企业OA办公审批流、工作流实现层级审批、层层签核的方式</a>
- 73 浏览
</li>
<li><a href="oracle-ebs-form-help-diagnosis-get-pl-sql/index.html"
title="oracle-EBS-前台表单界面跟踪查看某个查询按钮的后台的pl/sql语句">oracle-EBS-前台表单界面跟踪查看某个查询按钮的后台的pl/sql语句</a>
- 226 浏览
</li>
<li><a href="oracle-ebs-om-confirm-transferto-ar/index.html"
title="oracle-EBS-PL/sql查看销售订单已经确认出货和过账到AR应收的订单行明细查看物流操作时间">oracle-EBS-PL/sql查看销售订单已经确认出货和过账到AR应收的订单行明细查看物流操作时间</a>
- 222 浏览
</li>
<li><a href="oracle-sqldeveloper-run-package/index.html"
title="oracle &ndash; sqldeveloper 手动执行包 package的方法">oracle &ndash; sqldeveloper
手动执行包 package的方法</a> - 191 浏览
</li>
<li><a href="oracle-ebs-inquery-hidden-sql/index.html"
title="oracle &ndash; 查询某些表是空白,需要提升权限后,才可查询出数据">oracle &ndash;
查询某些表是空白,需要提升权限后,才可查询出数据</a> - 172 浏览
</li>
<li><a href="advise/index.html" title="留言建议">留言建议</a> - 172 浏览</li>
<li><a href="sql-server-max-lineconverttocolumn/index.html"
title="SQL Server- 行列转换 行转列,多行转多列 &ndash; max 函数用法">SQL Server- 行列转换 行转列,多行转多列
&ndash; max 函数用法</a> - 161 浏览
</li>
<li><a href="about/index.html" title="关于本站">关于本站</a> - 159 浏览</li>
<li><a href="sql-server-normal-code/index.html" title="SQL Server- 常用sql 函数语句资料实用">SQL
Server- 常用sql 函数语句资料实用</a> - 149 浏览
</li>
</ul>
</div>
<div class="aside-box"><h2 class="widget-title">近期热门https://www.zyxpp.com/wp-admin/admin-ajax.php</h2>
<ul id="recentcomments">
<li class="recentcomments"><span class="comment-author-link">匿名</span>发表在《<a
href="oracle-ebs-pl-sql-ap-podetial/index.html#comment-22">oracle-EBS-PL/sql AP
发票中匹配的po明细按发票</a>
</li>
<li class="recentcomments"><span class="comment-author-link">匿名</span>发表在《<a
href="oracle-ebs-pl-sql-price-list/index.html#comment-21">oracle EBS PL/sql
查看销售订单的价目表Price List</a>
</li>
<li class="recentcomments"><span class="comment-author-link">匿名</span>发表在《<a
href="oracle-ebs-pl-sql-ap-aging/index.html#comment-20">oracle-EBS-PL/sql AP
供应商的未清余额明细AP AGING</a>
</li>
<li class="recentcomments"><span class="comment-author-link">匿名</span>发表在《<a
href="oracle-ebs-om-confirm-transferto-ar/index.html#comment-18">oracle-EBS-PL/sql查看销售订单已经确认出货和过账到AR应收的订单行明细查看物流操作时间</a>
</li>
<li class="recentcomments"><span class="comment-author-link">匿名</span>发表在《<a
href="applylink/index.html#comment-17">申请友情链接</a>
</li>
</ul>
</div>
<div class="aside-box"><h2 class="widget-title">标签云</h2>
<script src="__JS__/TagCloud.js"></script>
<div class="corepress-tag-cloud">
<div class="corepress-tag-container-tag1">
</div>
</div>
<style>
.corepress-tagcloud a {
font-size: 12px;
color: #fff;
padding: 0 !important;
}
.corepress-tagcloud a:hover {
color: #fff !important;
}
.tagcloud--item {
color: #fff;
padding: 2px 4px;
border-radius: 3px;
cursor: pointer;
}
.tagcloud--item:hover {
opacity: 1 !important;
z-index: 100 !important;
}
</style>
<script>
var tag = TagCloud('.corepress-tag-container-tag1', JSON.parse('[{"text":"asp.net","href":"https:\/\/www.zyxpp.com\/tag\/asp-net"},{"text":"EBS","href":"https:\/\/www.zyxpp.com\/tag\/ebs"},{"text":"oracle","href":"https:\/\/www.zyxpp.com\/tag\/oracle"},{"text":"PL\/SQL","href":"https:\/\/www.zyxpp.com\/tag\/pl-sql"},{"text":"sql","href":"https:\/\/www.zyxpp.com\/tag\/sql"},{"text":"sql server","href":"https:\/\/www.zyxpp.com\/tag\/sql-server"},{"text":"\u5b66\u4e60\u7b14\u8bb0","href":"https:\/\/www.zyxpp.com\/tag\/study"}]'), {}, ['#67C23A', '#E6A23C', '#F56C6C', '#909399', '#CC9966', '#FF6666', '#99CCFF', '#FF9999', '#CC6633']);
</script>
</div>
<div class="aside-box"><h2 class="widget-title">免费简单好用的网站服务器运维面板</h2>
<a href="javascript:;"><img width="300" height="191"
src="/uploads/article/2021/03/bt面板-300x191.png"
class="image wp-image-559 attachment-medium size-medium" alt=""
loading="lazy" style="max-width: 100%; height: auto;"></a></div>
<div class="aside-box"><h2 class="widget-title">拥有一个自己的网站服务器</h2>
<a href="javascript:;"><img width="300" height="164"
src="/uploads/article/2021/03/440-240_画板-1-300x164.jpg"
class="image wp-image-574 attachment-medium size-medium" alt=""
loading="lazy" style="max-width: 100%; height: auto;"></a></div>
</div>
</div>
</div>
<div class="frinds-links">
<div class="list-plane-title">
<div>友情链接 <span class="list-plane-linksdescribe">欢迎添加友情链接</span>
</div>
<a href="applylink/index1.html" class="frinds-links-apply">申请友链</a>
</div>
<div class="frinds-links-list">
{zz:flink pagesize="5"}
<li><a href="{$field['url']}" title="{$field['description']}" target="_blank">{$field['title']}</a></li>
{/zz:flink}
<li><a href="#" rel="me">首页</a></li>
</div>
</div>
</main>
{include file="public/footer" /}
</div>
</body>
</html>