1

YM

2024-07-26 e00361c6bcbb1a56f6dcda22b91bdfcb2736e263

 src/pages/index/index.vue

@@ -3,13 +3,13 @@
    <view class="repository relative">
      <view class="flex Ttop flex-column" style="width: 100%">
        <view class="flex" style="width: 100%">
          <view  style="padding-left: 4rem"></view>
          <view style="padding-left: 4rem"></view>
          <view
            class="flex flex-center flex-wrap"
            style="width: 100%; flex-direction: column"
          >
            <view ></view>
            <view  ref="Rtop">
            <view></view>
            <view ref="Rtop">
              <text class="login"></text>
              <text
                style="
@@ -19,7 +19,7 @@
                  font-family: cursive;
                  font-weight: bold;
                "
                >中国医学人物知识库</text
                >中国历代医学人物知识库</text
              >
            </view>
          </view>
@@ -42,7 +42,7 @@
                @confirm="toggleSearch"
                type="text"
                style="
                  margin-left: 0.05rem;
                  margin-left: 0.16rem;
                  color: #2c2c2c;
                  flex: 1;
                  background-color: #fff;
@@ -55,11 +55,7 @@
              <view
                class="search-logo"
                @click="toggleSearch"
                style="
                  background-color: #244a7b;
                  border-radius: 50%;
                  margin-top: -4rpx;
                "
                style="background-color: #244a7b; border-radius: 50%"
              ></view>
            </view>
            <el-dropdown
@@ -121,7 +117,7 @@
              >{{ item.name }}</span
            >
            <view
              class="flex flex-content"
              class="detailBtn flex flex-content"
              style="
                width: 0.5rem;
                height: 0.5rem;
@@ -198,30 +194,33 @@
      // 书籍数据
      listData: [
        {
          name: "中医人物数据库",
          name: "历代人物",
          id: 1
        },
        {
          name: "世医医家数据库",
          name: "家学传承",
          id: 2
        },
        {
          name: "中医学术流派",
          name: "学术图谱",
          id: 6
        },
        {
          name: "学术流派",
          id: 3
        },
        {
          name: "中医地域医谱",
          name: "地域图谱",
          id: 4
        },
        {
          name: "中医医事制度",
          id: 5
        }
        // {
        //   name: "中医医事制度",
        //   id: 5
        // }
      ]
    };
  },
  onLoad() {

    uni.getSystemInfo({
      success: function (info) {
        // console.log('屏幕的宽度：' + info.windowWidth);
@@ -281,6 +280,10 @@
      } else if (item.id == 5) {
        uni.navigateTo({
          url: "/pages/TcmSystem/TcmSystem?id=" + item.id
        });
      } else if (item.id == 6) {
        uni.navigateTo({
          url: "/pages/academicSchools/index"
        });
      }
    },
@@ -490,12 +493,11 @@
  .secretary li {
    width: 1.3rem !important;
    height: 4rem !important;

    span {
      width: 0.5rem !important;
      height: 70% !important;
      font-size: 0.25rem !important;
    }
  }
  .secretary li span {
    width: 0.5rem !important;
    height: 70% !important;
    font-size: 0.25rem !important;
  }

  .hua {
@@ -555,17 +557,24 @@
  .secretary li {
    width: 1.3rem !important;
    height: 4rem !important;

    span {
      width: 0.5rem !important;
      height: 70% !important;
      font-size: 0.25rem !important;
    }
  }
  .secretary li span {
    width: 0.5rem !important;
    height: 70% !important;
    font-size: 0.25rem !important;
  }

  /* 高级搜索 */
  .Search ::v-deep .flex-center {
    height: 80% !important;
  }

  .Search ::v-deep .ffff {
    opacity: 0.8;
  }

  .Search ::v-deep .ffff:focus-within {
    opacity: 1;
  }

  ::v-deep .searchBg {
@@ -649,26 +658,24 @@
  height: 100vh;

  color: #fff;
}
.container .repository {
  width: 100% !important;
  /* margin-top: 19px; */
  /* height: 68%; */
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
}
.container .repository .Ttop {
  margin-top: 0.38rem;
  margin-bottom: 1.22rem;
}

  .repository {
    width: 100% !important;
    /* margin-top: 19px; */
    /* height: 68%; */
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;

    .Ttop {
      margin-top: 0.38rem;
      margin-bottom: 1.22rem;
    }

    .r-top {
      font-size: 40rpx !important;
      margin: 10rpx 0;
    }
  }
.container .repository .r-top {
  font-size: 40rpx !important;
  margin: 10rpx 0;
}

.login {
@@ -724,27 +731,31 @@
  /* flex-wrap: wrap; */
  padding: 0 20px;
  text-align: center;

  li {
    background-color: #fff;
    color: black;
    width: 1.6rem;
    height: 4.8rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background: #ebf4ff;
    font-weight: 600;
    margin: 0 0.21rem;
    cursor: pointer;
  }
}
.secretary li {
  background-color: #fff;
  color: black;
  width: 1.6rem;
  height: 4.8rem;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #ebf4ff;
  font-weight: 600;
  margin: 0 0.21rem;
  cursor: pointer;
}

/*    .Bbottom {
      display: flex;
      justify-content: center;
	
   } */
::v-deep .cleanupBtn {
  right: 52px !important;
}

.secretary li .detailBtn {
  transition: translate 0.3s;
}
.secretary li .detailBtn:hover {
  translate: 0 -5px;
}
</style>