修改查找界面

chazhao/chazhao.wxml

@@ -16,14 +16,14 @@
   </image>
 </view>
 <view class='page_row' >
-  <button class="button2"   form-type="submit" >1</button>
+  <button class="button2"   form-type="submit" >农学</button>
-  <button class="button2"   form-type="submit" >2</button>
+  <button class="button2"   form-type="submit" >医学</button>
-  <button class="button2"   form-type="submit" >3</button>
+  <button class="button2"   form-type="submit" >计算机</button>
 </view> 
 <view class='page_row' >
-  <button class="button2"   form-type="submit" >1</button>
+  <button class="button2"   form-type="submit" >自然科学</button>
-  <button class="button2"   form-type="submit" >2</button>
+  <button class="button2"   form-type="submit" >人文历史</button>
-  <button class="button2"   form-type="submit" >3</button>
+  <button class="button2"   form-type="submit" >文学名著</button>
 </view> 
 <view class='page_row'>
   <view class="font">猜你喜欢</view>

chazhao/chazhao.wxss

@@ -1,96 +1,96 @@
-
+
-.search{  
+.search{  
-      width: 70%; 
+      width: 70%; 
-      color: rgb(0，0，0);
+      color: rgb(0，0，0);
-}  
+}  
-.search_arr {  
+.search_arr {  
-      border: 1px solid #d0d0d0;  
+      border: 1px solid #d0d0d0;  
-      border-radius: 10rpx;  
+      border-radius: 10rpx;  
-      margin-left: 50rpx;  
+      margin-left: 50rpx;  
-      margin-top: 30rpx; 
+      margin-top: 30rpx; 
-}  
+}  
-.search_arr input{  
+.search_arr input{  
-      margin-left: 60rpx;  
+      margin-left: 60rpx;  
-      height: 60rpx;  
+      height: 60rpx;  
-      border-radius: 5px;  
+      border-radius: 5px;  
-      
+      
-}  
+}  
-.bc_text {  
+.bc_text {  
-      line-height: 68rpx;  
+      line-height: 68rpx;  
-      height: 68rpx;    
+      height: 68rpx;    
-      margin-top: 20rpx; 
+      margin-top: 20rpx; 
-}  
+}  
-      
+      
-.sousuo {  
+.sousuo {  
-      margin-left: 15rpx;  
+      margin-left: 15rpx;  
-      width: 15%;  
+      width: 15%;  
-      line-height: 150%;  
+      line-height: 150%;  
-      text-align: center;  
+      text-align: center;  
-      border: 1px solid #d0d0d0;  
+      border: 1px solid #d0d0d0;  
-      border-radius: 10rpx;  
+      border-radius: 10rpx;  
-      margin-top: 20rpx; 
+      margin-top: 20rpx; 
-}  
+}  
-.page_row{  
+.page_row{  
-      display: flex;  
+      display: flex;  
-      flex-direction: row  
+      flex-direction: row  
-}  
+}  
-.searchcion {  
+.searchcion {  
-      margin: 10rpx 10rpx 10rpx 10rpx;  
+      margin: 10rpx 10rpx 10rpx 10rpx;  
-      position: absolute;  
+      position: absolute;  
-      left:50rpx;  
+      left:50rpx;  
-      z-index: 2;  
+      z-index: 2;  
-      width: 20px;  
+      width: 20px;  
-      height: 20px;  
+      height: 20px;  
-      text-align: center;  
+      text-align: center;  
-      margin-top: 10rpx; 
+      margin-top: 10rpx; 
-}  
+}  
-.button1{
+.button1{
-      width: 20%;
+      width: 20%;
-     height: 60rpx;
+     height: 60rpx;
-      text-align: center;
+      text-align: center;
-     align-items: center;
+     align-items: center;
-     justify-content: center;
+     justify-content: center;
-     display: flex;
+     display: flex;
-     background-color:#fff;
+     background-color:#fff;
-      color: black;
+      color: black;
-      margin-top: 32rpx; 
+      margin-top: 32rpx; 
-}
+}
-.button1::after
+.button1::after
-{
+{
-  border: 1px solid #000;
+  border: 1px solid #000;
-}
+}
-.button2{
+.button2{
-      width: 20%;
+      width: 20%;
-     height: 80rpx;
+     height: 80rpx;
-      text-align: center;
+      text-align:left;
-     align-items: center;
+     align-items: center;
-     justify-content: center;
+     justify-content: center;
-     display: flex;
+     display: flex;
-     background-color:rgba(253, 153, 65, 1);
+     background-color:rgba(253, 153, 65, 1);
-      color: white;
+      color: white;
-      margin-top: 50rpx; 
+      margin-top: 50rpx; 
-}
+}
-.font{
+.font{
-  font-family: "方正圆体";
+  font-family: "方正圆体";
-  margin-top: 50rpx;
+  margin-top: 10rpx;
-  margin-left: 50rpx;
+  margin-left: 10rpx;
-  font-size:130%
+  font-size:50%;
-}
+}
-.image1{
+.image1{
-  width:40rpx;
+  width:40rpx;
-  height:40rpx;
+  height:40rpx;
-  margin-top: 57rpx;
+  margin-top: 57rpx;
-  margin-left: 5rpx;
+  margin-left: 5rpx;
-}
+}
-   
+   
- 
+ 
-
+
-
+
-page { 
+page { 
-    text-align: center;  
+    text-align:center;  
-}
+}
-
+
-
+
-
+
-
+
-
+