修复若干bug
This commit is contained in:
1 parent
94855a49bf
commit
21fa47801b
14 files changed
+69
-130
No files matched your search
@@ -441,14 +441,18 @@ ul {
|
||||
}
|
||||
|
||||
/* Pjax 页面切换过渡动画 */
|
||||
.js-Pjax-remove.pjax-leave.pjax-forward,
|
||||
.js-Pjax-remove.pjax-leave.pjax-backward {
|
||||
animation: pjax-fade-out 0.22s ease-in forwards;
|
||||
.pjax-leave {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
animation: pjax-fade-out 0.3s ease-in forwards;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.js-Pjax-add.pjax-enter.pjax-forward,
|
||||
.js-Pjax-add.pjax-enter.pjax-backward {
|
||||
animation: pjax-fade-in 0.22s ease-out forwards;
|
||||
.pjax-enter {
|
||||
animation: pjax-fade-in 0.3s ease-out forwards;
|
||||
z-index: 1;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
@keyframes pjax-fade-in {
|
||||
@@ -779,9 +783,34 @@ darkb-text:active {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
/* 视频尺寸 */
|
||||
/* 骨架屏动画 */
|
||||
.skeleton-line {
|
||||
background: #e0e0e0;
|
||||
border-radius: 4px;
|
||||
background-image: linear-gradient(90deg, #e0e0e0 0px, #f5f5f5 40px, #e0e0e0 80px);
|
||||
background-size: 600px;
|
||||
animation: skeleton-loading 1.6s infinite ease-out;
|
||||
}
|
||||
|
||||
.size-video {
|
||||
@keyframes skeleton-loading {
|
||||
0% {
|
||||
background-position: -100px;
|
||||
}
|
||||
100% {
|
||||
background-position: 140px;
|
||||
}
|
||||
}
|
||||
|
||||
[data-theme="dark"] #pjax-loading-skeleton {
|
||||
background: rgba(15, 23, 42, 0.94) !important;
|
||||
box-shadow: var(--card-shadow-dark) !important;
|
||||
backdrop-filter: blur(18px);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .skeleton-line {
|
||||
background: #1f2937;
|
||||
background-image: linear-gradient(90deg, #1f2937 0px, #374151 40px, #1f2937 80px);
|
||||
}
|
||||
position: relative;
|
||||
border-radius: 5px;
|
||||
padding-bottom: 66.5%;
|
||||
|
||||
@@ -75,7 +75,8 @@ function initArtalkAndGetComments() {
|
||||
el: '#Comments', // 绑定元素的 Selector
|
||||
server: 'https://artalk.usj.cc', // 后端地址
|
||||
site: '优世界', // 你的站点名
|
||||
flatMode: true
|
||||
flatMode: true,
|
||||
emoticons: '/emotion/OwO.json'
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
@@ -3,20 +3,8 @@ var pjax = new Pjax({
|
||||
// 这里填写页面中改变的部分(和 CSS 选择器用法一样)
|
||||
selectors: ["title", "#pjax-container"],
|
||||
cacheBust: false,
|
||||
elements: "a",
|
||||
switches: {
|
||||
"#pjax-container": Pjax.switches.sideBySide
|
||||
},
|
||||
switchesOptions: {
|
||||
"#pjax-container": {
|
||||
classNames: {
|
||||
add: "pjax-enter",
|
||||
remove: "pjax-leave",
|
||||
backward: "pjax-backward",
|
||||
forward: "pjax-forward"
|
||||
}
|
||||
}
|
||||
}
|
||||
elements: "a"
|
||||
// 移除 sideBySide,改用默认替换以配合骨架屏逻辑
|
||||
});
|
||||
// 设置图片灯箱回调函数
|
||||
function lazyimg_pjax() {
|
||||
@@ -146,7 +134,7 @@ function lazyimg_pjax() {
|
||||
// 设置pjax预先加载代码
|
||||
function pjax_reload() {
|
||||
// 给pjax容器加入css过渡动画
|
||||
$("#pjax-container").addClass("uk-animation-slide-bottom-small");
|
||||
// $("#pjax-container").addClass("uk-animation-slide-bottom-small");
|
||||
// 评论区过渡动画
|
||||
$(".comment-meta").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
|
||||
$(".comment-author vcard").attr("uk-scrollspy", "cls: uk-animation-fade; delay: 100");
|
||||
@@ -198,7 +186,8 @@ document.addEventListener("pjax:complete", function () {
|
||||
el: '#Comments', // 绑定元素的 Selector
|
||||
server: 'https://artalk.usj.cc', // 后端地址
|
||||
site: '优世界', // 你的站点名
|
||||
flatMode: true
|
||||
flatMode: true,
|
||||
emoticons: '/emotion/OwO.json'
|
||||
})
|
||||
}
|
||||
// 重载评论弹幕
|
||||
|
||||
Reference in new issue
Block a user