$(document).on('page:init', '.page[data-name="bank"]', async function (e) {

  console.log('app bank ready')

  let js = JSON.parse(localStorage.getItem('f03_bank'));

  let dt = js.data;

  console.log(dt)

  strHtml =`

  <div class="stock-list">`;

  for(let i=0;i<dt.length;i++) {

    strHtml +=`

    <a href="/bank_edit/`+i+`" id="bank_`+dt[i].id+`" class="item-link item-content">

      <div class="stock-item">

        <img src="https://yui.xioyuna.com/template/img/icons/apple.svg" alt="">

        <div class="stock-item-details">

          <div class="stock-item-top">

            <div class="stock-item-title">`+dt[i].bank_name+`</div>

            <div class="stock-item-value fs-sm">`+dt[i].account_number+`</div>

          </div>

          <div class="stock-item-bottom">

            <div class="stock-item-name">`+dt[i].account_name+`</div>

            <div class="stock-item-change text-color-green fs-sm">`+dt[i].balance+`</div>

          </div>

        </div>

      </div>

     </a>`;

  }

    strHtml +=`

  </div>`;

  $$("#bank_content").html(strHtml);

})