{"id":1062,"date":"2024-12-16T09:49:58","date_gmt":"2024-12-16T01:49:58","guid":{"rendered":"http:\/\/www.chan.ink\/?p=1062"},"modified":"2024-12-16T10:23:47","modified_gmt":"2024-12-16T02:23:47","slug":"%e3%80%90bootstrap%e3%80%91%e6%a0%85%e6%a0%bc%e7%b3%bb%e7%bb%9f%e4%b8%ad%e6%9f%90%e4%b8%aa%e5%ad%97%e6%ae%b5%e5%86%85%e5%ae%b9%e8%bf%87%e9%95%bf%e5%af%bc%e8%87%b4%e7%9a%84%e9%a1%b5%e9%9d%a2%e5%b8%83","status":"publish","type":"post","link":"http:\/\/www.chan.ink\/index.php\/2024\/12\/16\/%e3%80%90bootstrap%e3%80%91%e6%a0%85%e6%a0%bc%e7%b3%bb%e7%bb%9f%e4%b8%ad%e6%9f%90%e4%b8%aa%e5%ad%97%e6%ae%b5%e5%86%85%e5%ae%b9%e8%bf%87%e9%95%bf%e5%af%bc%e8%87%b4%e7%9a%84%e9%a1%b5%e9%9d%a2%e5%b8%83\/","title":{"rendered":"\u3010Bootstrap\u3011\u6805\u683c\u7cfb\u7edf\u4e2d\u67d0\u4e2a\u5b57\u6bb5\u5185\u5bb9\u8fc7\u957f\u5bfc\u81f4\u7684\u9875\u9762\u5e03\u5c40\u5f02\u5e38\u53ca\u5904\u7406"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2074\" height=\"942\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2024\/12\/1734313412977.png\" alt=\"\" class=\"wp-image-1063\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2415\" height=\"1186\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2024\/12\/56cfa3899b707d2865855e74c69310f.png\" alt=\"\" class=\"wp-image-1066\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u4e0a\u56fe\u6240\u793a\uff0c\u8fc7\u957f\u7684\u6587\u672c\uff0c\u5bfc\u81f4\u67d0\u4e2a\u5b57\u6bb5\u5360\u7528\u8fc7\u957f\u7684\u5bbd\u5ea6\uff0c\u8fdb\u800c\u5bfc\u81f4\u540e\u9762\u7684\u5b57\u6bb5\u5e03\u5c40\u5f02\u5e38\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u524d\u7aef\u4ee3\u7801\u5982\u4e0b\u56fe\u6240\u793a<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>      &lt;table class=\"table table-bordered\"&gt;\n        &lt;thead&gt;\n          &lt;tr&gt;\n            &lt;th&gt;ID&lt;\/th&gt;\n            &lt;th&gt;\u6e38\u620f\u540d\u79f0&lt;\/th&gt;\n            &lt;th&gt;\u9762\u989d\u5927\u5c0f&lt;\/th&gt;\n              &lt;th&gt;\u5145\u503c\u94fe\u63a5&lt;\/th&gt;\n\n              &lt;th&gt;\u5ba2\u6237\u540d\u79f0&lt;\/th&gt;\n              &lt;th&gt;\u5165\u5e93\u4eba&lt;\/th&gt;\n              &lt;th&gt;\u8ba2\u5355\u53f7&lt;\/th&gt;\n          &lt;th&gt;\u8ba2\u5355\u521b\u5efa\u65f6\u95f4&lt;\/th&gt;\n               {% if request.path_info == '\/game\/out\/list\/' %}\n              &lt;th&gt;\u8ba2\u5355\u7ed3\u675f\u65f6\u95f4&lt;\/th&gt;\n                  &lt;th&gt;\u8ba2\u5355\u72b6\u6001&lt;\/th&gt;\n                  &lt;th&gt;\u51fa\u5e93\u4eba&lt;\/th&gt;\n              {% endif %}\n              &lt;th&gt;\u64cd\u4f5c&lt;\/th&gt;\n          &lt;\/tr&gt;\n        &lt;\/thead&gt;\n        &lt;tbody&gt;\n        {% for obj in queryset %}\n            &lt;tr&gt;\n            &lt;th&gt;{{ obj.id }}&lt;\/th&gt;\n            &lt;td&gt;{{ obj.get_game_name_display }}&lt;\/td&gt;\n            &lt;td&gt;{{ obj.denomination }}&lt;\/td&gt;\n            &lt;td&gt;\n                &lt;span id=\"charge_link_{{ obj.id }}\"&gt;{{ obj.charge_link }}&lt;\/span&gt;\n                &lt;button class=\"btn btn-primary btn-xs\" onclick=\"copyToClipboard('{{ obj.id }}')\"&gt;\u590d\u5236&lt;\/button&gt;\n            &lt;\/td&gt;\n\n            &lt;td&gt;{{ obj.consumer }}&lt;\/td&gt;\n            &lt;td&gt;{{ obj.in_storage_person }}&lt;\/td&gt;\n            &lt;td&gt;{{ obj.order_number }}&lt;\/td&gt;\n            &lt;td&gt;{{ obj.order_create_time|date:\"Y-m-d H:i:s\" }}&lt;\/td&gt;\n            {% if obj.order_finish_time %}\n                &lt;td&gt;{{ obj.order_finish_time|date:\"Y-m-d H:i:s\" }}&lt;\/td&gt;\n                &lt;td&gt;{{ obj.get_order_status_display }}&lt;\/td&gt;\n                &lt;td&gt;{{ obj.out_storage_person }}&lt;\/td&gt;\n            {% endif %}\n\n            &lt;td&gt;\n             {% if request.path_info != '\/game\/out\/list\/' %}\n                &lt;a class=\"btn btn-primary btn-xs\" href=\"\/game\/edit\/{{ obj.id }}\/\"&gt;\u7f16\u8f91&lt;\/a&gt;\n                &lt;a class=\"btn btn-danger btn-xs\" href=\"\/game\/delete\/{{ obj.id }}\/\"&gt;\u5220\u9664&lt;\/a&gt;\n                 {% if not request.user.usertype == 3 %}\n                &lt;a class=\"btn btn-danger btn-xs\" href=\"\/game\/out\/{{ obj.id }}\/\"&gt;\u51fa\u5e93&lt;\/a&gt;\n                     {% endif %}\n            {% endif %}\n             {% if request.path_info == '\/game\/out\/list\/' %}\n                  {% if not request.user.usertype == 3 %}\n            &lt;a class=\"btn btn-danger btn-xs\" href=\"\/game\/out\/reout\/{{ obj.id }}\/\"&gt;\u56de\u8c03&lt;\/a&gt;\n                      {% endif %}\n            {% endif %}\n            &lt;\/td&gt;\n\n        {% endfor %}\n        &lt;\/tbody&gt;\n      &lt;\/table&gt;<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6309\u7167\u5982\u4e0b\u4fee\u6539<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5728 CSS \u4e2d\u4f7f\u7528 <code>text-overflow: ellipsis<\/code> \u4f7f\u94fe\u63a5\u622a\u65ad\u663e\u793a\uff0c\u7528\u6237\u4ecd\u7136\u53ef\u4ee5\u590d\u5236\u5b8c\u6574\u5185\u5bb9\u3002<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&lt;td&gt;\n    &lt;div class=\"text-truncate\" style=\"max-width: 180px;\" title=\"{{ obj.charge_link }}\"&gt;\n        &lt;span id=\"charge_link_{{ obj.id }}\"&gt;{{ obj.charge_link }}&lt;\/span&gt;\n    &lt;\/div&gt;\n    &lt;button class=\"btn btn-primary btn-xs\" onclick=\"copyToClipboard('{{ obj.id }}')\"&gt;\u590d\u5236&lt;\/button&gt;\n&lt;\/td&gt;\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">css\u6309\u7167\u5982\u4e0b\u4fee\u6539<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>.text-truncate {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;-<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7ed3\u679c\u5982\u4e0b\u56fe\u6240\u793a<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1969\" height=\"616\" src=\"http:\/\/www.chan.ink\/wp-content\/uploads\/2024\/12\/1734313757535.png\" alt=\"\" class=\"wp-image-1064\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8211;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b8c\u7f8e\u89e3\u51b3<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u5982\u4e0a\u56fe\u6240\u793a\uff0c\u8fc7\u957f\u7684\u6587\u672c\uff0c\u5bfc\u81f4\u67d0\u4e2a\u5b57\u6bb5\u5360\u7528\u8fc7\u957f\u7684\u5bbd\u5ea6\uff0c\u8fdb\u800c\u5bfc\u81f4\u540e\u9762\u7684\u5b57\u6bb5\u5e03\u5c40\u5f02\u5e38\u3002 &#8212;&#8212; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1062","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1062","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/comments?post=1062"}],"version-history":[{"count":2,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1062\/revisions"}],"predecessor-version":[{"id":1067,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/posts\/1062\/revisions\/1067"}],"wp:attachment":[{"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/media?parent=1062"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/categories?post=1062"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.chan.ink\/index.php\/wp-json\/wp\/v2\/tags?post=1062"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}