zm/nuttyreading-html
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交

Browse Source
This commit is contained in:
liuyuan
2025-04-11 10:30:47 +08:00
parent d1b9024fb1
commit 9a2c26ace8
7 changed files with 325 additions and 522 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
pages/peanut/searchFor.vue
View File

@@ -12,33 +12,16 @@
<text v-for="item in historyList" @click="serkeyWord(item)">{{item}}</text>
</view>
</view>
<!-- <view class="sear_class" v-if="this.show==1">
<view class="sc_xuan">
<view class="sc_con" v-for="(item,index) in classFen" @click="FenBook(item)"
:class="bookScreen.type == item.id ? 'sc_con sc_con_style' : 'sc_con'">{{item.sort}}</view>
</view>
<view class="sc_xuan">
<view class="sc_con" v-for="(item,index) in classMian" @click="MianBook(item)"
:class="bookScreen.is_charge == item.id ? 'sc_con sc_con_style' : 'sc_con'">{{item.sort}}</view>
</view>
</view> -->
<view class="sear_list" v-if="this.show==1">
<view class="flexbox" style="display: flex; flex-wrap: wrap; justify-content: space-evenly;">
<view class="flexbox" style="display: flex; flex-wrap: wrap;">
<view class="bl_tioa" v-for="(item,index) in bookList" @click="onBookJump(item)">
<image :src="item.productImages"></image>
<view>
<text class="bok_name">{{item.productName}}</text>
<view class="bl_tioa_bg">
<image :src="item.productImages"></image>
<view>
<text class="bok_name">{{item.productName}}</text>
</view>
</view>
<!-- <view>
<text>作者：<text style="color: #333;">{{item.authorName}}</text></text>
</view>
<view>
<text>出版商：<text style="color: #333;">{{item.publisherName}}</text></text>
</view>
<view>
<text style="line-height: 20rpx;">{{item.title}}</text>
</view> -->
</view>
</view>
@@ -291,41 +274,46 @@
}
.sear_list {
margin: 50rpx 30rpx 0 30rpx;
// justify-content: space-between;
margin: 50rpx 30rpx 0 30rpx;
.bl_tioa {
width: 30%;
box-shadow: 0 0px 10px 1px #d3d1d133; padding-bottom: 10rpx;
background-color: #fff; margin-bottom: 20rpx;
// position: relative;
// padding: 0 25upx 10upx 220upx;
// margin: 0 0 60rpx 0;
text-align: center;
border-radius: 15rpx;
min-height: 250rpx;
view {
display: block;
text { display: block;
color: #9b9b9b;
font-size: 24rpx;
line-height: 36rpx;
width: 33.3%;
padding: 10rpx;
.bl_tioa_bg{
height: 360rpx;
background-color: #fff; margin-bottom: 20rpx;
text-align: center;
border-radius: 15rpx;
box-shadow: 0 0px 10px 1px #d3d1d133;
view {
display: block;
text { display: block;
color: #9b9b9b;
font-size: 24rpx;
line-height: 36rpx;
}
.bok_name {
font-weight: bold;
color: #333;
font-size: 26rpx;
line-height: 35rpx;
height: 103rpx;
max-height: 105rpx;
overflow: hidden;
}
}
.bok_name {
font-weight: bold;
color: #333;
font-size: 28rpx;
image {
display: inline-block;
padding-top:20rpx;
width: 160upx;
height: 220upx;
}
}
image { display: inline-block;
padding-top:20rpx;
width: 160upx;
height: 220upx;
}
}
}
</style>