因為接下來都是專案的基本開發，就只是純記錄開發筆記，內容會無聊一些哦～

前言

轉眼間鐵人賽也只剩下十篇了，在前面嘗試了使用 Firestore 串了支出紀錄的 CRUD 後，接下來會著重在整個專案前端畫面及基本功能開發，目前會有以下幾個方向：

• 全站畫面及布局調整
• 完成基本記帳功能（支出、收入、轉帳）

全站畫面及布局調整

第一個部分會開始整理全站的 CSS 檔案，並重新整理前面草率用 element UI 套的 layout，這幾個禮拜碰 element 碰下來，覺得其實不算是特別好用的 UI 元件庫，就是若是要自己弄一些特定的設計，要 overwrite 的內容非常多。

另外今天整理了一些布局的內容：

其中主要布局的程式碼如下：

<template>
  <div class="app-layout">
    <div class="app-layout__left">
      <app-aside />
    </div>
    <div class="app-layout__right">
      <app-header />
      <app-main>
        <slot />
      </app-main>
      <app-footer />
    </div>
  </div>
</template>

其他底下的元件原始碼在此。