<rss xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title>生活 - 分类 - 我爱发光</title><link>http://localhost:1313/categories/%E7%94%9F%E6%B4%BB/</link><description>生活 - 分类 - 我爱发光</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Mon, 07 Sep 2026 00:00:00 +0000</lastBuildDate><atom:link href="http://localhost:1313/categories/%E7%94%9F%E6%B4%BB/" rel="self" type="application/rss+xml"/><item><title>出差检查单</title><link>http://localhost:1313/travel-checklist/</link><pubDate>Mon, 07 Sep 2026 00:00:00 +0000</pubDate><author>性本悟空</author><guid>http://localhost:1313/travel-checklist/</guid><description><![CDATA[<p>出差，出行前一晚照着勾一遍，出门更从容。</p>
<div class="travel-checklist" data-travel-checklist data-total="34">
  <div class="travel-checklist-actions">
    <button type="button" class="travel-checklist-print-btn" onclick="window.print()">
      <i class="fas fa-print" aria-hidden="true"></i><span>打印清单</span>
    </button>
  </div>
  <div class="travel-checklist-progress">
    <div class="travel-checklist-progress-bar" data-progress-bar></div>
    <span class="travel-checklist-progress-count" data-progress-count data-progress-label="已勾选">已勾选 0 / 34</span>
  </div><section class="checklist-group">
      <div class="checklist-group-head">
        <h3>证件与文件</h3>
        <span class="checklist-group-count" data-group-count>0 / 8</span>
      </div>
      <ul class="checklist-group-items"><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">身份证 / 护照</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">签证 / 通行证</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">机票 / 车票</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">酒店订单</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">公司名片</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">银行卡 / 信用卡</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">少量现金</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">证件照</span>
            </label>
          </li></ul>
    </section><section class="checklist-group">
      <div class="checklist-group-head">
        <h3>电子设备</h3>
        <span class="checklist-group-count" data-group-count>0 / 8</span>
      </div>
      <ul class="checklist-group-items"><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">手机</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">笔记本电脑 / 平板</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">充电器（手机 / 电脑）</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">充电宝</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">耳机</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">数据线 / 转接头</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">U盘 / 移动硬盘</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">鼠标</span>
            </label>
          </li></ul>
    </section><section class="checklist-group">
      <div class="checklist-group-head">
        <h3>衣物与洗护</h3>
        <span class="checklist-group-count" data-group-count>0 / 6</span>
      </div>
      <ul class="checklist-group-items"><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">换洗衣物</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">正装 / 商务服饰</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">贴身衣物 / 袜子</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">洗漱用品</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">护肤品 / 防晒</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">拖鞋</span>
            </label>
          </li></ul>
    </section><section class="checklist-group">
      <div class="checklist-group-head">
        <h3>药品与日用</h3>
        <span class="checklist-group-count" data-group-count>0 / 6</span>
      </div>
      <ul class="checklist-group-items"><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">常用药（感冒 / 肠胃）</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">创可贴 / 应急药</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">口罩</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">雨伞</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">保温杯</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">眼罩 / 耳塞</span>
            </label>
          </li></ul>
    </section><section class="checklist-group">
      <div class="checklist-group-head">
        <h3>关闭非必要电气</h3>
        <span class="checklist-group-count" data-group-count>0 / 6</span>
      </div>
      <ul class="checklist-group-items"><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">燃气总阀</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">水龙头 / 水管</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">电灯 / 开关</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">空调 / 热水器</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">门窗 / 防盗锁</span>
            </label>
          </li><li class="checklist-item">
            <label>
              <input type="checkbox">
              <span class="checkmark"></span>
              <span class="checklist-item-label">排插 / 充电器拔除</span>
            </label>
          </li></ul>
    </section><section class="checklist-group checklist-custom">
    <div class="checklist-group-head">
      <h3>自定义补充</h3>
    </div>
    <textarea class="checklist-custom-input" rows="3" aria-label="自定义补充" placeholder="还有清单没有提到的？记在这里…"></textarea>
  </section>
</div>
<script>
(function () {
  var root = document.querySelector('[data-travel-checklist]');
  if (!root) return;
  var total = parseInt(root.getAttribute('data-total'), 10) || 0;
  var bar = root.querySelector('[data-progress-bar]');
  var totalCount = root.querySelector('[data-progress-count]');
  var progressLabelText = totalCount ? (totalCount.getAttribute('data-progress-label') || '') : '';
  var groups = root.querySelectorAll('.checklist-group');

  function refresh() {
    var done = 0;
    groups.forEach(function (group) {
      var boxes = group.querySelectorAll('input[type=checkbox]');
      var gDone = 0;
      boxes.forEach(function (b) { if (b.checked) gDone += 1; });
      done += gDone;
      var gc = group.querySelector('[data-group-count]');
      if (gc) gc.textContent = gDone + ' / ' + boxes.length;
    });
    if (totalCount) totalCount.textContent = progressLabelText + ' ' + done + ' / ' + total;
    if (bar) bar.style.width = (total ? (done / total * 100) : 0) + '%';
  }

  root.querySelectorAll('input[type=checkbox]').forEach(function (i) {
    i.addEventListener('change', refresh);
  });
  refresh();
})();
</script>]]></description></item></channel></rss>