<template>
  <div class="h5-container">
    <van-nav-bar left-text="返回" title="项目管理" left-arrow @click-left="onClickLeft">
      <template #left>
        <svg t="1749540528155" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4132" width="6vw" height="6vh"><path d="M801.630938 934.023203m-36.203868 36.203867l0 0q-36.203867 36.203867-72.407734 0l-434.446406-434.446406q-36.203867-36.203867 0-72.407734l0 0q36.203867-36.203867 72.407734 0l434.446406 434.446406q36.203867 36.203867 0 72.407734Z" fill="#000000" p-id="4133"></path><path d="M729.223203-8.030938m36.203867 36.203868l0 0q36.203867 36.203867 0 72.407734l-434.446406 434.446406q-36.203867 36.203867-72.407734 0l0 0q-36.203867-36.203867 0-72.407734l434.446406-434.446406q36.203867-36.203867 72.407734 0Z" fill="#000000" p-id="4134"></path></svg>
      </template>
    </van-nav-bar>
    
    <van-sticky>
      <div class="body-bg">
        <van-grid :column-num="3">
          <van-grid-item to="/projectManage/taiZhang">
            <img src="@/assets/img/projectLedger.svg" width="32px" />
            <span class="vanicon_text">项目台账</span>
          </van-grid-item>
        </van-grid>
      </div>
    </van-sticky>
  </div>
</template>


<script setup>
const onClickLeft = () =>{
  history.back();
}
</script>

<style scoped>
.h5-container {
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
}
.body-bg {
  background-color: #f1f8fe;
}

:deep(.van-grid-item__text) {
  font-size: var(--van-font-size-lg0);
}

.dbTitle {
  margin-top: 10px;
}
.daiban_titile_img {
  vertical-align: middle;
  width: 20px;
  height: 20px;
}
.custom-title {
  font-size: var(--van-font-size-lg);
  font-weight: bold;
  color: var(--van-gray-9);
}
.vanicon_text {
  font-size: var(--van-font-size-lg0);
  color: var(--van-grid-item-text-color);
  margin-top: var(--van-padding-xs);
  line-height: 1.5;
  word-break: break-all;
}
</style>
