|
|
@@ -12,6 +12,24 @@
|
|
|
display: none;
|
|
|
}
|
|
|
|
|
|
+.setting li.lengththree b.ellipsis{
|
|
|
+ display:block;
|
|
|
+ width:auto; /* 覆盖原来的 40% */
|
|
|
+ overflow:hidden; /* 形成 BFC,自动排在 em 右侧并占满剩余 */
|
|
|
+ text-overflow:ellipsis;
|
|
|
+ white-space:nowrap;
|
|
|
+ height:24px;
|
|
|
+ line-height:24px;
|
|
|
+ cursor:default;
|
|
|
+}
|
|
|
+
|
|
|
+.ellipsis-tip{
|
|
|
+ position:absolute;z-index:999999;display:none;
|
|
|
+ max-width:420px;padding:6px 10px;
|
|
|
+ background:#333;color:#fff;font-size:12px;line-height:18px;
|
|
|
+ border-radius:4px;white-space:normal;word-break:break-all;
|
|
|
+ box-shadow:0 2px 8px rgba(0,0,0,.3);
|
|
|
+}
|
|
|
</style>
|
|
|
<body>
|
|
|
<div class="warp">
|
|
|
@@ -215,17 +233,17 @@
|
|
|
|
|
|
<li class="lengththree">
|
|
|
<em>产品ID:</em>
|
|
|
- <b >{$product_ids}</b>
|
|
|
+ <b class="ellipsis">{$product_ids}</b>
|
|
|
</li>
|
|
|
|
|
|
<li class="lengththree">
|
|
|
<em>Subtotal:</em>
|
|
|
-<b >{$sub_total}</b>
|
|
|
+<b class="ellipsis">{$sub_total}</b>
|
|
|
</li>
|
|
|
|
|
|
<li class="lengththree">
|
|
|
<em>Row Total:</em>
|
|
|
-<b >{$row_total}</b>
|
|
|
+<b class="ellipsis">{$row_total}</b>
|
|
|
</li>
|
|
|
|
|
|
<li class="lengththree">
|
|
|
@@ -693,6 +711,18 @@
|
|
|
{/loop}</select>
|
|
|
<script src="{$theme}js/tishi/mTips.js?v=20250916"></script>
|
|
|
<script>
|
|
|
+// 隐藏弹窗
|
|
|
+var $ellipsisTip = $('<div class="ellipsis-tip"></div>').appendTo('body');
|
|
|
+$(document).on('mouseenter', '.setting b.ellipsis', function(e){
|
|
|
+ if (this.scrollWidth <= this.clientWidth) return; // 没被截断就不提示
|
|
|
+ $ellipsisTip.text($(this).text()).css({left:-9999,top:-9999}).show();
|
|
|
+ var w = $ellipsisTip.outerWidth(), h = $ellipsisTip.outerHeight();
|
|
|
+ var x = e.pageX + 12, y = e.pageY + 12;
|
|
|
+ if (x + w > $(window).scrollLeft() + $(window).width()) x = e.pageX - w - 12;
|
|
|
+ if (y + h > $(window).scrollTop() + $(window).height()) y = e.pageY - h - 12;
|
|
|
+ $ellipsisTip.css({left:x, top:y});
|
|
|
+});
|
|
|
+$(document).on('mouseleave', '.setting b.ellipsis', function(){ $ellipsisTip.hide(); });
|
|
|
$(document).ready(function() {
|
|
|
$("#refundtime").calendar();custom();pptskc('2');
|
|
|
if($("select[name='express']").find("option:selected").val() == '24' || $("select[name='express']").find("option:selected").val() == '31')//联邦的话替换签名选项11
|