mh-two-thousand-and-two
2024-04-03 29a02350b873fa6339a7535fa929697fec9a8f84
pages/index/index.vue
@@ -19,7 +19,7 @@
            </view>
            <!-- 高级搜索 -->
            <view v-if="isSearchTrue" style="margin: .35rem 0 .16rem 0; height: .52rem;">
            <view v-if="isSearchTrue" class="Search" style="margin: .35rem 0 .16rem 0; height: .52rem;">
               <advancedSearch @onSearch="onSearch" :isAvancedTrue="false" :isSearchTrue="false" />
            </view>
         </view>
@@ -36,6 +36,7 @@
               </li>
            </ul>
         </view>
      </view>
      <view class="hua"></view>
      <!-- 底部人物背景图左侧 -->
@@ -43,7 +44,7 @@
      <!-- 底部花的背景图右侧 -->
      <view class="rrr"></view>
      <Footer1 />
         <Footer1 />
   </view>
</template>
@@ -141,9 +142,9 @@
               })
            } else if (item.id == 2) {
               console.log(item.name);
               // uni.navigateTo({
               //    url:'/pages/repository/repository?id='+item.id
               // })
               uni.navigateTo({
                  url:'/pages/zhongyi/zhongyi?id='+item.id
               })
            } else if (item.id == 3) {
               uni.navigateTo({
                  url: '/pages/dataDisplay/dataDisplay?id=' + item.id
@@ -190,7 +191,7 @@
<style scoped>
   /*
   在屏幕宽度超过 1440px 时的样式设置 */
   @media screen and (min-width: 1441px) {
   /* @media screen and (min-width: 1441px) {
      ::v-deep .el-card {
         top: 60% !important;
      }
@@ -232,7 +233,157 @@
      .rrr {
         height: 2.5rem !important;
      }
   } */
@media screen and (min-width:2560px)and (max-width:3840px){
   .Ttop{
      margin-bottom: .7rem !important;
      margin-top: .3rem !important;
   }
   .login{
      width: .52rem !important;
      height: .52rem !important;
   }
   .LoginBg{
      margin: 0 !important;
      height: .3rem !important;
   }
   ::v-deep .Bbar img{
      width: .52rem !important;
      height: .52rem !important;
   }
   ::v-deep .el-card {
      top: 90% !important;
      padding: 0 !important;
   }
   ::v-deep .el-card__body{
      padding: .25rem .5rem !important;
   }
   .Search ::v-deep .flex-center{
      height: 80% !important;
   }
   ::v-deep .searchBg{
      width: .35rem;
      height: .35rem;
      margin-right: .03rem;
   }
   ::v-deep .ffff{
      border-radius: .3rem !important;
   }
   ::v-deep .searchBg{
          border-radius: inherit !important;
   }
   ::v-deep .uni-input-placeholder{
      font-size: .14rem;
          height: 100%;
          display: flex;
          align-content: center;
          align-items: center;
   }
   ::v-deep .el-form{
      padding-left: .1rem !important;
   }
   ::v-deep .el-form-item__error{
      font-size: .13rem !important;
   }
   ::v-deep .el-input__inner{
      height: .35rem !important;
      font-size: .14rem;
   }
   ::v-deep .el-form-item__label {
      display: flex;
          align-items: center;
          justify-content: flex-end;
         margin-right: .2rem !important;
         width: .7rem;
   }
   .secretary li{
      width: 1.3rem !important;
      height: 4rem !important;
      span{
         width: .5rem !important;
         height: 70% !important;
         font-size: 0.25rem !important;
      }
   }
   .hua {
      height: 5rem !important;
   }
   .LoginTop{
      margin-bottom: .4rem !important;
   }
   .yzm{
      top: 15% !important;
   }
   .fff{
      width: 2.4rem !important;
   height: 4rem !important;
   }
   .rrr{
      width: 2rem !important;
   }
   .btn{
      margin-bottom: .1rem !important;
   }
   .btn ::v-deep .el-button {
      margin-top: 0.2rem !important;
      font-size: 0.2rem !important;
      width: 100%;
      padding: 0.12rem !important;
      span{
         font-weight: bold !important;
      }
   }
   .asdf{
      margin-bottom:  .1rem !important;
   }
}
@media screen and (min-width:1366px) and (max-width:1920px){
   .Ttop{
      margin-bottom: .6rem !important;
   }
   ::v-deep .uni-input-placeholder{
      font-size: .14rem;
          height: 100%;
          display: flex;
          align-content: center;
          align-items: center;
   }
   .secretary li{
      width: 1.3rem !important;
      height: 4rem !important;
      span{
         width: .5rem !important;
         height: 70% !important;
         font-size: 0.25rem !important;
      }
   }
   /* 高级搜索 */
   .Search ::v-deep .flex-center{
      height: 80% !important;
   }
   ::v-deep .searchBg{
      width: .35rem;
      height: .35rem;
      margin-right: .03rem;
   }
   .fff{
      width: 2.4rem !important;
   height: 4rem !important;
   }
   .rrr{
      width: 2rem !important;
   }
   .hua {
      height: 4rem !important;
   }
}
   .btn>>>.el-form-item__content {
      margin-left: 0 !important;
@@ -324,11 +475,11 @@
   }
   .login {
      width: 102rpx;
      height: 102rpx;
      width: .52rem;
      height: .52rem;
      display: inline-block;
      vertical-align: middle;
      margin-right: 20rpx;
      margin-right: .2rem;
      background: url(@/static/image/logo.png) no-repeat 0 0;
      background-size: 100% 100%;
   }