zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

课程详情图片点击放大，首页app跳转

Browse Source
This commit is contained in:
liuyuan
2025-03-19 09:53:21 +08:00
parent 6ad5712a71
commit 59e9928c25
6 changed files with 100 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
pages/peanut/searchFor.vue
View File

@@ -24,12 +24,14 @@
</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="onpageJump(item)">
<image :src="item.productImages"></image>
<view>
<text class="bok_name">{{item.productName}}</text>
</view>
<view class="bl_tioa_bg">
<image :src="item.productImages"></image>
<view>
<text class="bok_name">{{item.productName}}</text>
</view>
</view>
</view>
</view>
@@ -285,40 +287,45 @@
}
.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;
}
}
}