fix(payment): 导入提示的条目列表改用 <ul> 承载，圆点不再越出文字边界
四条导入提示里的 <li> 原先裸挂在 <div class="aksrt-submsg"> 下，没有列表容器： list-style-position 默认 outside，圆点画在内容盒左侧的 padding 区里，而 <li> 自身没有 padding，于是圆点溢出到提示块的文字边界之外（真实后台 CSS 下实测 −8px， 视觉上紧贴提示块左侧色条）。 改动： - 四条提示的 <li> 各用一个 <ul class="aksrt-submsg-list"> 包起来（同时修掉 <li> 缺少列表父元素的非法标记）。 - .aksrt-submsg-list 显式声明 margin / padding-left / list-style，不依赖 UA 或后台对 ul 的默认值，避免别处的重置再次把圆点挤出去。 - 新增契约用例：提示内的 <li> 必须在 <ul class="aksrt-submsg-list"> 中、标签成对、 每条提示只有一个列表容器，且该类的 CSS 必须带 padding-left 与 list-style。 实测（真实 Chrome + 真实后台 common/forms/list-tables CSS）：圆点左缘由 「文字边界 −8px（溢出）」变为「文字边界 +12px（界内）」，条目文字缩进 20px。
This commit is contained in:
@@ -415,9 +415,11 @@ class PayChargeCards {
|
||||
['key' => 'type', 'op' => 'any', 'val' => 'balance,credits'],
|
||||
],
|
||||
'<p><b>' . esc_html__('导入卡密', 'aksrt') . '</b></p>
|
||||
<ul class="aksrt-submsg-list">
|
||||
<li>' . esc_html__('一行一个卡密，单行格式为：', 'aksrt') . '<code>' . esc_html__('卡号 密码 面额 标识', 'aksrt') . '</code></li>
|
||||
<li>' . esc_html__('卡号、密码、面额、标识默认使用空格分割，您可以在下方自定义分割符号，与您的数据对应即可', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('单次导入数量太多可能会对服务器性能造成影响', 'aksrt') . '</li><li>' . esc_html__('如果使用的是单密码模式，卡号部分随便填什么都行，但不能留空', 'aksrt') . '</li>
|
||||
</ul>
|
||||
<p><b>' . esc_html__('数据示例', 'aksrt') . '</b></p>
|
||||
<div>4849977843617 3w20V4Qe7dRhAIoPYum6KSA 50 ' . sprintf(esc_html__('%1$s余额', 'aksrt'), esc_html('50' . $this->currency_unit())) . '</div>
|
||||
<div>6484027668705 SkdJZ5vWcpqPxrbs3pqPcpq 100 ' . sprintf(esc_html__('%1$s余额', 'aksrt'), esc_html('100' . $this->currency_unit())) . '</div>'
|
||||
@@ -428,11 +430,13 @@ class PayChargeCards {
|
||||
['key' => 'type', 'op' => '==', 'val' => 'vip'],
|
||||
],
|
||||
'<p><b>' . esc_html__('导入会员兑换卡密', 'aksrt') . '</b></p>
|
||||
<ul class="aksrt-submsg-list">
|
||||
<li>' . esc_html__('一行一个卡密，单行格式为：', 'aksrt') . '<code>' . esc_html__('卡号 密码 会员参数 标识', 'aksrt') . '</code></li>
|
||||
<li>' . esc_html__('卡号、密码、面额、标识默认使用空格分割，您可以在下方自定义分割符号，与您的数据对应即可', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('会员参数格式为：', 'aksrt') . '<code>level=1&time=5&unit=day</code></li>
|
||||
<li>' . esc_html__('参数说明：level为等级，只能为1或2。time为时长，填Permanent或数字。unit为时长单位，只能填day(天)或者month(月)', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('单次导入数量太多可能会对服务器性能造成影响', 'aksrt') . '</li><li>' . esc_html__('如果使用的是单密码模式，卡号部分随便填什么都行，但不能留空', 'aksrt') . '</li>
|
||||
</ul>
|
||||
<p><b>' . esc_html__('数据示例', 'aksrt') . '</b></p>
|
||||
<div>4849977843617 3w20V4Qe7dRhAIoPYum6KSA level=1&time=5&unit=day ' . esc_html__('5天一级会员', 'aksrt') . '</div>
|
||||
<div>6484027668705 SkdJZ5vWcpqPxrbs3pqPcpq level=2&time=Permanent ' . esc_html__('永久2级会员', 'aksrt') . '</div>
|
||||
@@ -445,10 +449,12 @@ class PayChargeCards {
|
||||
['key' => 'only_pass_s', 'op' => 'unchecked'],
|
||||
],
|
||||
'<p><b>' . esc_html__('自定义卡密导入', 'aksrt') . '</b></p>
|
||||
<ul class="aksrt-submsg-list">
|
||||
<li>' . esc_html__('一行一个卡密，单行格式为：', 'aksrt') . '<code>' . esc_html__('卡号 密码 标识 自定义参数', 'aksrt') . '</code></li>
|
||||
<li>' . esc_html__('默认使用空格分割，您可以在下方自定义分割符号，与您的数据对应即可', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('自定义参数格式为：', 'aksrt') . '<code>card_name=授权号&password_name=授权密码</code>,' . esc_html__('card_name为卡号的显示名称，password_name为卡密的显示名称，可以留空', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('单次导入数量太多可能会对服务器性能造成影响', 'aksrt') . '</li>
|
||||
</ul>
|
||||
<p><b>' . esc_html__('数据示例', 'aksrt') . '</b></p>
|
||||
<div>4849977843617 3w20V4Qe7dRhAIoPYum6KSA ' . esc_html__('平台卡密01', 'aksrt') . ' card_name=' . esc_html__('授权号', 'aksrt') . '&password_name=' . esc_html__('授权码', 'aksrt') . '</div>
|
||||
<div>6484027668705 SkdJZ5vWcpqPxrbs3pqPcpq ' . esc_html__('平台卡密01', 'aksrt') . ' card_name=' . esc_html__('授权号', 'aksrt') . '&password_name=' . esc_html__('授权码', 'aksrt') . '</div>
|
||||
@@ -461,10 +467,12 @@ class PayChargeCards {
|
||||
['key' => 'only_pass_s', 'op' => 'checked'],
|
||||
],
|
||||
'<p><b>' . esc_html__('自定义卡密导入（单密码模式）', 'aksrt') . '</b></p>
|
||||
<ul class="aksrt-submsg-list">
|
||||
<li>' . esc_html__('一行一个卡密，单行格式为：', 'aksrt') . '<code>' . esc_html__('密码 标识 自定义参数', 'aksrt') . '</code></li>
|
||||
<li>' . esc_html__('默认使用空格分割，您可以在下方自定义分割符号，与您的数据对应即可', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('单次导入数量太多可能会对服务器性能造成影响', 'aksrt') . '</li>
|
||||
<li>' . esc_html__('自定义参数格式为：', 'aksrt') . '<code>password_name=授权密码</code>，' . esc_html__('password_name为卡密的显示名称，可以留空', 'aksrt') . '</li>
|
||||
</ul>
|
||||
<p><b>' . esc_html__('数据示例', 'aksrt') . '</b></p>
|
||||
<div>3w20V4Qe7dRhAIoPYum6KSA ' . esc_html__('平台卡密01', 'aksrt') . ' password_name=' . esc_html__('授权码', 'aksrt') . '</div>
|
||||
<div>SkdJZ5vWcpqPxrbs3pqPcpq ' . esc_html__('平台卡密01', 'aksrt') . ' password_name=' . esc_html__('授权码', 'aksrt') . '</div>'
|
||||
@@ -1060,6 +1068,10 @@ class PayChargeCards {
|
||||
/* 导入提示：复刻后台 notice-warning 的外观，但**不用** .notice 类 —— 见 submessage_row()
|
||||
的说明，带 .notice 会被 wp-admin/js/common.js 搬到页面顶部。改这里请连带改那里。 */
|
||||
.aksrt-submsg { margin: 6px 0; padding: 6px 12px; background: #fef8ee; border-left: 4px solid #f0b849; }
|
||||
/* 提示内的条目列表必须有 <ul> 承载：list-style-position 默认 outside，
|
||||
圆点落在内容盒左侧的 padding 区里；若 <li> 没有列表容器提供缩进，
|
||||
圆点就会溢出到提示块的文字边界之外。这里显式给出缩进，避免依赖 UA/后台的 ul 默认值。 */
|
||||
.aksrt-submsg-list { margin: 6px 0; padding-left: 20px; list-style: disc; }
|
||||
.aksrt-copy-tip { margin-left: 6px; color: #00a32a; font-size: 12px; white-space: nowrap; }
|
||||
</style>
|
||||
<script>
|
||||
|
||||
Reference in New Issue
Block a user