kate522
ef718042d2
「所有文章」列表此前只有互动数据列，缺少销售数据表头；快捷/批量编辑 展开后也只有原生三项。本次对照参考主题补齐这两处，不含专题链路。 - 新增 PostListEnhance：统管 sale/stats 两列、付费类型筛选、 orderby=sales_volume 排序，以及四组快捷编辑字段的渲染与保存 - 新增 PostListEditFields：单独承载字段定义，主类职责保持单一 - 新增 admin-post-list.js：按 pay_type/pay_modo 勾选切换字段显隐 - 从 inc/core-hooks.php 迁出原有列实现（删 74 行），不再保留旧闭包 - 清理 admin-main.css 中确认无引用的 .aksrt-tab-pane 与 .aksrt-modal* 死块 - 新增 post-list-quick-edit-contract 测试，更新 stats/icon-picker 契约 快捷编辑锚点列用互动数据列而非参考主题的专题分类法列（本项目无专题）。 真实销量改为页面级批量查询，避免逐行查库。金额运算统一走 Ledger 的 「分」单位，不用裸浮点。保存走 edit_post 钩子，一次覆盖快捷与批量两条路径。
762 lines
11 KiB
CSS
762 lines
11 KiB
CSS
a:focus {
|
|
box-shadow: none;
|
|
outline: none;
|
|
}
|
|
|
|
.px12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.em12 {
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
.em14 {
|
|
font-size: 1.4em;
|
|
}
|
|
|
|
.em16 {
|
|
font-size: 1.6em;
|
|
}
|
|
|
|
.em2x {
|
|
font-size: 2em;
|
|
}
|
|
|
|
.em3x {
|
|
font-size: 3em;
|
|
}
|
|
|
|
.em4x {
|
|
font-size: 4em;
|
|
}
|
|
|
|
.em09 {
|
|
font-size: 0.9em;
|
|
}
|
|
|
|
.dashicons {
|
|
width: 1em;
|
|
height: 1em;
|
|
}
|
|
|
|
.text-center {
|
|
text-align: center;
|
|
}
|
|
|
|
.font-bold {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.opacity3 {
|
|
opacity: 0.3;
|
|
}
|
|
.pointer {
|
|
cursor: pointer;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
|
|
.opacity5,
|
|
.but[disabled],
|
|
.but[disabled]:hover {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.opacity8 {
|
|
opacity: 0.8;
|
|
}
|
|
|
|
badge {
|
|
font-size: 0.8em;
|
|
line-height: 1.2;
|
|
padding: 0.1em 0.4em;
|
|
min-width: 0.8em;
|
|
min-height: 0.8em;
|
|
display: inline-block;
|
|
vertical-align: 0.1em;
|
|
border-radius: 50px;
|
|
background: var(--this-bg);
|
|
color: var(--this-color);
|
|
top: 5px;
|
|
--this-color: #fff;
|
|
text-align: center;
|
|
--this-bg: #fe3459;
|
|
}
|
|
|
|
code {
|
|
border-radius: 4px;
|
|
}
|
|
|
|
.badg,
|
|
.but {
|
|
border-radius: 4px;
|
|
display: inline-block;
|
|
border-radius: 4px;
|
|
transition: 0.15s !important;
|
|
vertical-align: middle;
|
|
font-size: 14px;
|
|
padding: 5px 20px;
|
|
text-align: center;
|
|
box-shadow: var(--this-shadow);
|
|
background: var(--this-bg);
|
|
color: var(--this-color);
|
|
border: 1px solid var(--this-border);
|
|
--main-color: var(--this-color);
|
|
--this-bg: rgba(136, 136, 136, 0.1);
|
|
--this-border: transparent;
|
|
--this-shadow: none;
|
|
--this-color: #888;
|
|
line-height: 1.44;
|
|
margin: 2px;
|
|
min-height: unset;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.badg {
|
|
font-size: 0.9em;
|
|
padding: 0.05em 0.25em;
|
|
}
|
|
|
|
.but a {
|
|
color: inherit;
|
|
}
|
|
|
|
.but svg.icon,
|
|
.but > .fa {
|
|
margin-right: 0.25em;
|
|
}
|
|
|
|
.but.radius,
|
|
.radius > .but {
|
|
border-radius: 50px;
|
|
padding: 0.3em 0.8em;
|
|
}
|
|
|
|
.badg.hollow,
|
|
.but.hollow {
|
|
background: transparent;
|
|
--this-border: var(--this-color);
|
|
}
|
|
|
|
.but:focus,
|
|
.but:hover {
|
|
opacity: 0.8;
|
|
background: var(--this-bg);
|
|
color: var(--this-color);
|
|
--this-shadow: 0;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.but:active {
|
|
--this-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2);
|
|
background: var(--this-bg);
|
|
color: var(--this-color);
|
|
}
|
|
|
|
.but.hollow:hover {
|
|
background: var(--this-color);
|
|
color: #fff;
|
|
}
|
|
|
|
[disabled] {
|
|
opacity: 0.6 !important;
|
|
-webkit-filter: grayscale(20%);
|
|
filter: grayscale(20%);
|
|
cursor: no-drop !important;
|
|
}
|
|
|
|
.padding-lg,
|
|
.but.padding-lg {
|
|
padding: 0.5em 2em;
|
|
}
|
|
|
|
.jb-pink,
|
|
.jb-vip1,
|
|
.jb-vip2,
|
|
.b-theme,
|
|
.b-red,
|
|
.b-yellow,
|
|
.b-blue,
|
|
.b-cyan,
|
|
.b-green,
|
|
.b-purple,
|
|
.b-black,
|
|
.jb-red,
|
|
.jb-yellow,
|
|
.jb-blue,
|
|
.jb-green,
|
|
.jb-purple {
|
|
color: #fff;
|
|
background: var(--this-bg);
|
|
--this-color: #fff;
|
|
}
|
|
|
|
.jb-pink,
|
|
.jb-vip1,
|
|
.jb-vip2,
|
|
.jb-red,
|
|
.jb-yellow,
|
|
.jb-cyan,
|
|
.jb-blue,
|
|
.jb-green,
|
|
.jb-purple {
|
|
border: none;
|
|
}
|
|
|
|
.b-cyan {
|
|
--this-bg: #08c4c1;
|
|
}
|
|
|
|
.b-theme {
|
|
--this-bg: var(--focus-color);
|
|
}
|
|
|
|
.b-red {
|
|
--this-bg: #ff5473;
|
|
}
|
|
|
|
.b-yellow {
|
|
--this-bg: #ff6f06;
|
|
}
|
|
|
|
.b-blue {
|
|
--this-bg: #2997f7;
|
|
}
|
|
|
|
.b-green {
|
|
--this-bg: #12b928;
|
|
}
|
|
|
|
.b-purple {
|
|
--this-bg: #d448f5;
|
|
}
|
|
.b-black {
|
|
--this-bg: #121517;
|
|
}
|
|
|
|
.c-red,
|
|
.c-yellow,
|
|
.c-blue,
|
|
.c-blue-2,
|
|
.c-green,
|
|
.c-purple {
|
|
color: var(--this-color);
|
|
}
|
|
|
|
.c-red {
|
|
--this-color: #ff5473;
|
|
--this-bg: rgba(255, 84, 115, 0.1);
|
|
}
|
|
|
|
.c-yellow {
|
|
--this-color: #ff6f06;
|
|
--this-bg: rgba(255, 111, 6, 0.1);
|
|
}
|
|
|
|
.c-blue {
|
|
--this-color: #2997f7;
|
|
--this-bg: rgba(41, 151, 247, 0.1);
|
|
}
|
|
|
|
.c-blue-2 {
|
|
--this-color: #5c7cff;
|
|
--this-bg: rgba(77, 130, 249, 0.1);
|
|
}
|
|
|
|
.c-green {
|
|
--this-color: #12b928;
|
|
--this-bg: rgba(18, 185, 40, 0.1);
|
|
}
|
|
|
|
.c-purple {
|
|
--this-color: #d448f5;
|
|
--this-bg: rgba(213, 72, 245, 0.1);
|
|
}
|
|
|
|
.jb-red {
|
|
--this-bg: linear-gradient(135deg, #fd7a64 10%, #fb2d2d 100%);
|
|
}
|
|
|
|
.jb-yellow {
|
|
--this-bg: linear-gradient(135deg, #f99d4d 10%, #f7631d 100%);
|
|
}
|
|
|
|
.jb-blue {
|
|
--this-bg: linear-gradient(135deg, #59c3fb 10%, #268df7 100%);
|
|
}
|
|
|
|
.jb-green {
|
|
--this-bg: linear-gradient(135deg, #60e464 10%, #5cb85b 100%);
|
|
}
|
|
|
|
.jb-purple {
|
|
--this-bg: linear-gradient(135deg, #f98dfb 10%, #ea00f9 100%);
|
|
}
|
|
.jb-pink {
|
|
--this-bg: linear-gradient(135deg, #ff5e7f 30%, #ff967e 100%);
|
|
}
|
|
.jb-vip1 {
|
|
--this-bg: linear-gradient(25deg, #eabe7b 10%, #f5e3c7 70%, #edc788 100%);
|
|
--this-color: #866127;
|
|
}
|
|
|
|
.jb-vip2 {
|
|
--this-bg: linear-gradient(317deg, #4d4c4c 30%, #7b7b7b 70%, #5f5c5c 100%);
|
|
--this-color: #ddd;
|
|
}
|
|
|
|
.c-cyan {
|
|
--this-color: #09a4a1;
|
|
--this-bg: rgba(8, 196, 193, 0.1);
|
|
}
|
|
|
|
.hide {
|
|
display: none !important;
|
|
}
|
|
|
|
.absolute {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/**flex布局轮子**/
|
|
.flex {
|
|
display: flex;
|
|
}
|
|
|
|
.inflex {
|
|
display: inline-flex;
|
|
}
|
|
|
|
/**flex布局上下方向**/
|
|
.inflex.xx,
|
|
.flex.xx {
|
|
flex-direction: column;
|
|
}
|
|
|
|
/**flex布局自动换行**/
|
|
.flex.hh {
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
/**flex布局上下居中**/
|
|
.inflex.ac,
|
|
.flex.ac {
|
|
align-items: center;
|
|
}
|
|
|
|
/**flex布局上下靠底部**/
|
|
.inflex.abl,
|
|
.flex.abl {
|
|
align-items: baseline;
|
|
}
|
|
|
|
.inflex.ab,
|
|
.flex.ab {
|
|
align-items: end;
|
|
}
|
|
|
|
/**flex布局上下左右居中**/
|
|
.inflex.jc,
|
|
.flex.jc {
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
|
|
.flex.je {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
/**flex布局两端对齐**/
|
|
.inflex.jsb,
|
|
.flex.jsb {
|
|
justify-content: space-between;
|
|
}
|
|
|
|
/**flex元素放大比例-1**/
|
|
.flex .grow1 {
|
|
flex-grow: 1;
|
|
}
|
|
|
|
/**flex元素缩小比例-0：不缩小**/
|
|
.flex .shrink0 {
|
|
flex-shrink: 0;
|
|
}
|
|
|
|
/**flex元素放大0缩小0**/
|
|
.flex .flex0 {
|
|
flex: none;
|
|
}
|
|
|
|
/**flex元素放大1缩小1**/
|
|
.flex .flex1 {
|
|
flex: 1;
|
|
}
|
|
|
|
.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
|
|
.mm3 {
|
|
margin: 3px;
|
|
}
|
|
|
|
.mr3 {
|
|
margin-right: 3px;
|
|
}
|
|
|
|
.mr6 {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.mr10 {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.mr20 {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.ml3 {
|
|
margin-left: 3px;
|
|
}
|
|
|
|
.mln3 {
|
|
margin-left: -3px;
|
|
}
|
|
|
|
.ml6 {
|
|
margin-left: 6px;
|
|
}
|
|
|
|
.ml10 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.ml20 {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.mt3 {
|
|
margin-top: 3px;
|
|
}
|
|
|
|
.mt6 {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.mt10 {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.mt15 {
|
|
margin-top: 15px;
|
|
}
|
|
|
|
.mt20 {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
.mb6 {
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.mb10 {
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.mb20 {
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
.padding-10 {
|
|
padding: 10px;
|
|
}
|
|
|
|
.padding-15 {
|
|
padding: 15px;
|
|
}
|
|
|
|
.padding-h6 {
|
|
padding-top: 6px;
|
|
padding-bottom: 6px;
|
|
}
|
|
|
|
.padding-h10 {
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
|
|
.border-bottom {
|
|
border-bottom: 1px solid #e8e8e8;
|
|
}
|
|
|
|
.border-bottom:last-of-type {
|
|
border: none;
|
|
}
|
|
|
|
.max-vh5,
|
|
.max-vh7 {
|
|
max-height: 70vh;
|
|
-ms-overflow-style: none;
|
|
overflow: -moz-scrollbars-none;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.max-vh5 {
|
|
max-height: 50vh;
|
|
}
|
|
|
|
.muted-2-color {
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.text-ellipsis {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
max-width: 100%;
|
|
}
|
|
|
|
/*---------系统通知-----------*/
|
|
.notyn {
|
|
position: fixed;
|
|
bottom: 6em;
|
|
right: 0;
|
|
max-width: 200px;
|
|
z-index: 10000000;
|
|
}
|
|
|
|
.notyf {
|
|
margin-bottom: 0.6em;
|
|
color: #fff;
|
|
float: right;
|
|
min-width: 100px;
|
|
padding: 1em 3em 1em 3.4em;
|
|
box-shadow: -3px 3px 6px rgba(0, 0, 0, 0.1);
|
|
transform: translateX(1.5em);
|
|
transition: 0.3s;
|
|
-webkit-backdrop-filter: saturate(5) blur(20px);
|
|
backdrop-filter: saturate(5) blur(20px);
|
|
-webkit-animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08);
|
|
animation: notyf 0.4s cubic-bezier(0.35, 0.71, 0.46, 1.08);
|
|
}
|
|
|
|
.notyn-out .notyf {
|
|
transform: translateX(110%);
|
|
opacity: 0.5;
|
|
transition: 0.5s;
|
|
}
|
|
|
|
@-webkit-keyframes notyf {
|
|
0% {
|
|
transform: translateX(110%);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(1.5em);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes notyf {
|
|
0% {
|
|
transform: translateX(110%);
|
|
opacity: 0;
|
|
}
|
|
|
|
100% {
|
|
transform: translateX(1.5em);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
.notyf:before {
|
|
font: normal normal normal 16px/1 dashicons;
|
|
left: 0.8em;
|
|
font-size: 1.5em;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto;
|
|
height: 20px;
|
|
}
|
|
|
|
.notyf.success {
|
|
background: linear-gradient(90deg, rgba(15, 147, 249, 0.7), rgba(61, 189, 249, 0.8));
|
|
}
|
|
|
|
.notyf.success:before {
|
|
content: '\f12a';
|
|
}
|
|
|
|
.notyf.info {
|
|
background: linear-gradient(90deg, rgba(58, 162, 54, 0.8), rgba(89, 247, 131, 0.8));
|
|
}
|
|
|
|
.notyf.info:before {
|
|
content: '\f227';
|
|
}
|
|
|
|
.notyf.warning,
|
|
.notyf.load {
|
|
background: linear-gradient(90deg, rgba(253, 170, 71, 0.7), rgba(247, 154, 13, 0.8));
|
|
}
|
|
|
|
.notyf.warning:before {
|
|
content: '\f534';
|
|
}
|
|
|
|
.notyf.danger {
|
|
background: linear-gradient(90deg, rgba(253, 69, 28, 0.7), rgba(251, 110, 75, 0.8));
|
|
}
|
|
|
|
.notyf.danger:before {
|
|
content: '\f153';
|
|
}
|
|
|
|
.notyf .fa-close {
|
|
float: right;
|
|
padding: 0.6em;
|
|
margin: -0.4em;
|
|
}
|
|
|
|
/**--------------加载动画--------------*/
|
|
.rotate-loading,
|
|
.notyf.load::before {
|
|
content: '';
|
|
width: 0.7em;
|
|
height: 0.7em;
|
|
display: inline-block;
|
|
border: 0.1em solid transparent;
|
|
border-radius: 50%;
|
|
border-top-color: var(--this-color);
|
|
border-bottom-color: var(--this-color);
|
|
-webkit-animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
|
|
animation: huan-rotate 1s cubic-bezier(0.7, 0.1, 0.31, 0.9) infinite;
|
|
}
|
|
|
|
@-webkit-keyframes huan-rotate {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
@keyframes huan-rotate {
|
|
0% {
|
|
transform: rotate(0);
|
|
}
|
|
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
/**---------------------通知结束-------------**/
|
|
|
|
/**---------批量编辑------------**/
|
|
.aksrt-bulk-edit-box {
|
|
margin: -1px;
|
|
background: #f8fcff;
|
|
border: 1px solid #d2d2d2;
|
|
padding: 8px 12px;
|
|
flex: auto;
|
|
}
|
|
|
|
.aksrt-bulk-edit-box label {
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.aksrt-bulk-edit-box > * + * {
|
|
margin-top: 6px;
|
|
}
|
|
|
|
.aksrt-bulk-edit-box select,
|
|
.aksrt-bulk-edit-box input[type="text"] {
|
|
max-width: 100%;
|
|
margin-right: 4px;
|
|
}
|
|
|
|
.inline-edit-row fieldset .aksrt-bulk-edit-box {
|
|
min-width: 168px;
|
|
}
|
|
|
|
.aksrt-bulk-edit-desc {
|
|
color: #787c82;
|
|
}
|
|
|
|
/**---------------后台设置项目-修改或隐藏-----------**/
|
|
#customize-theme-controls #accordion-section-custom_css,
|
|
#customize-theme-controls .customize-control-site_icon,
|
|
.options-general-php .site-icon-section {
|
|
display: none !important;
|
|
}
|
|
|
|
/**---------------文章、帖子列表------------**/
|
|
@media (min-width: 783px) {
|
|
.wp-list-table.posts .column-title ~ th {
|
|
width: 9%;
|
|
}
|
|
|
|
.wp-list-table.posts th.column-author {
|
|
width: 5%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 782px) {
|
|
/**-------后台菜单------**/
|
|
.auto-fold #adminmenuwrap {
|
|
display: block;
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
z-index: 99950;
|
|
overflow: hidden;
|
|
overflow-y: scroll;
|
|
padding-bottom: 150px;
|
|
transition: 0.2s;
|
|
transform: translateX(-110%);
|
|
}
|
|
|
|
.auto-fold .wp-responsive-open #adminmenuback {
|
|
opacity: 0;
|
|
display: none;
|
|
}
|
|
|
|
html #wpadminbar {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.auto-fold #adminmenu {
|
|
position: relative;
|
|
}
|
|
|
|
.auto-fold .wp-responsive-open #adminmenuback,
|
|
.auto-fold .wp-responsive-open #adminmenuwrap {
|
|
transform: translateX(0);
|
|
}
|
|
|
|
.wp-responsive-open #wpbody {
|
|
right: 0;
|
|
}
|
|
}
|