1

YM

2024-07-17 d5f572496c5fb12fec2fe346b847bf58331299c9

 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/academicSchools"
        });
      }
    },
@@ -568,6 +571,14 @@
    height: 80% !important;
  }

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

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

  ::v-deep .searchBg {
    width: 0.35rem;
    height: 0.35rem;
@@ -742,9 +753,14 @@
  }
}

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

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