修改查找界面

master
zxy19971014 6 years ago
parent ae362d3304
commit 01fd939566

@ -16,14 +16,14 @@
</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>
<button class="button2" form-type="submit" >农学</button>
<button class="button2" form-type="submit" >医学</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" >2</button>
<button class="button2" form-type="submit" >3</button>
<button class="button2" form-type="submit" >自然科学</button>
<button class="button2" form-type="submit" >人文历史</button>
<button class="button2" form-type="submit" >文学名著</button>
</view>
<view class='page_row'>
<view class="font">猜你喜欢</view>

@ -1,96 +1,96 @@
.search{
width: 70%;
color: rgb(000);
}
.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;
}
page {
text-align: center;
}
.search{
width: 70%;
color: rgb(000);
}
.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:left;
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: 10rpx;
margin-left: 10rpx;
font-size:50%;
}
.image1{
width:40rpx;
height:40rpx;
margin-top: 57rpx;
margin-left: 5rpx;
}
page {
text-align:center;
}

Loading…
Cancel
Save