查找 借阅更新

chazhao/chazhao.wxml

@@ -1,8 +1,31 @@
-
-<input class="c-block c-fullwidth wx-input_TJFfvT"  name="input1" placeholder="请输入关键字" type="text"/>
-<button class="wx-button_9IoctN"  hover-class="button-hover" size="default" type="default">
-    搜索
-</button>
-<navigator class="wx-navigator_rNVWzi"  hover-class="navigator-hover" open-type="redirect"/>
-<text class="c-block wx-text_j8MhRR" >请输入书名或书号进行查询：</text>
+<!--chazhao/chazhao.wxml-->
+<view class='page_row' bindtap="suo">  
+      <view class="search">  
+        <view class="df search_arr">  
+          <icon class="searchcion" size='20' type='search'></icon>  
+          <input   placeholder="请输入书名或书号查询" value="{{searchValue}}"confirm-type="search"/>  
+        </view>  
+      </view>  
+      <button class="button1"  form-type="submit" >搜索</button>
+    </view> 
+<view class='page_row'>
+  <view class="font">分类</view>
+  <image class="image1"src="/image/1.png">
+  </image>
+</view>
+<view class='page_row' >
+  <button class="button2"   form-type="submit" >1</button>
+  <button class="button2"   form-type="submit" >2</button>
+  <button class="button2"   form-type="submit" >3</button>
+</view> 
+<view class='page_row' >
+  <button class="button2"   form-type="submit" >1</button>
+  <button class="button2"   form-type="submit" >2</button>
+  <button class="button2"   form-type="submit" >3</button>
+</view> 
+<view class='page_row'>
+  <view class="font">猜你喜欢</view>
+  <image class="image1"src="/image/1.png">
+  </image>
+</view>
 

chazhao/chazhao.wxss

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

jieyue/jieyue.wxss

@@ -2,11 +2,13 @@
 page { 
     background-image:url('https://photo.16pic.com/00/24/39/16pic_2439427_b.jpg'); 
     background-size:  contain; 
-    background-repeat: no-repeat;  
-    
+    background-repeat: no-repeat; 
+    background-position-y: center;
+    background-position-x: center;
+
 }
 .button1{
-  width: 80%;
+  width: 50%;
   margin-top: 450rpx;
   background-color:rgba(253, 153, 65, 0.67);
   color: white;