# 敲木鱼 · 积功德

URL: https://caijiao.org/tool/jgd
Source: docs/tool/jgd.md
Description: 敲木鱼积功德页面，让你每天通过点击或触摸记录善行，每次敲击都会增加功德值，实时显示总功德。培养良好习惯，传递正能量。

<div  ref="jgdRef" class="jgd vp-raw position-relative">
  <h4 style="color: #a66d00;">敲木鱼积功德 — 记录善行，提升福报</h4>

  <span class="full position-absolute"  @click="toggleFullscreen">全屏</span>

  <div id="total">已积攒功德：{{ total | number }}</div>

  <div class="muyu-wrap" style="margin-bottom: 2rem;">
    <div
      ref="muyuRef"
      class="muyu"
      aria-label="点击敲木鱼增加功德"
      @click="hit"
      @touchstart.prevent="hit"
    >
      <div
        v-for="(hitItem, index) in hits"
        :key="hitItem.id"
        class="hit"
        :style="{ top: hitItem.top + '%', left: '50%' }"
      >
        {{ hitItem.text }}
      </div>
    </div>
  </div>

  <p class="intro" style="text-align: left; text-indent: 2em;">
    敲木鱼是一种传统文化中用于修行、积善和培养专注力的方式。在这里，你可以通过点击或触摸木鱼，每次敲击都会记录一次功德，让善行的价值可视化。坚持敲击木鱼，培养良好习惯，同时提升个人福报和正能量。
  </p>
</div>