#

whycq

2022-08-24 10bab6c75eb356f4ec4cf17e24257f98dcb08235

 App.vue

@@ -401,6 +401,7 @@
      height: 100rpx;
   }
   .square-1 {
      position: relative;
      background-color: #ffffff;
      box-shadow: 0px 0px 5px #d9d9d9;
      width: 94%;
@@ -465,4 +466,44 @@
      line-height: 80rpx;
      text-align: center;
   }
   .searchBox {
         position: absolute;
         width: 94%;
         height: 80%;
         top: 0;
         left: 0;
         bottom: 0;
         right: 0;
         margin: auto;
         background-color: #F9F9F9;
         border-radius: 20rpx;
      }
      .searchIcon {
         display: inline-block;
         float: left;
         width: 10%;
         height: 100%;
         text-align: center;
         line-height: 80rpx;
      }
		
      .searchArea {
         display: inline-block;
         float: left;
         width: 80%;
         height: 100%;
      }
      .searchArea input {
         height: 100%;
         font-size: 14px;
         color: #5f5f5f;
      }
      .closeIcon {
         display: inline-block;
         float: left;
         width: 10%;
         height: 100%;
         text-align: center;
         line-height: 80rpx;
      }
</style>