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

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

View File

@@ -488,14 +488,22 @@
</view>
<!-- 应对华为审核去掉app跳转 -->
<view class="appJump">
<view class="everhealth item flexbox" @click="appjumpfun('everhealth')">
<view class="soulspace item flexbox" @click="appjumpfun('soulspace')">
<view class="img">
<image src="@/static/yljk.png" mode="widthFix"></image>
<image src="@/static/xlkj.png" mode="widthFix"></image>
</view>
<view class="text">
<text>一路健康</text>
<text>心灵空间</text>
</view>
</view>
<view class="zmzm item flexbox" @click="appjumpfun('zmzm')">
<view class="img">
<image src="@/static/40x40.png" mode="widthFix"></image>
</view>
<view class="text">
<text>众妙之门</text>
</view>
</view>
<view class="everhealth item flexbox" @click="appjumpfun('nuttyreading')">
<view class="img">
<image src="@/static/f40x40.png" mode="widthFix"></image>
@@ -504,14 +512,6 @@
<text>疯子读书</text>
</view>
</view>
<view class="zmzm item flexbox" @click="appjumpfun('zmzm')">
<view class="img">
<image src="@/static/40x40.png" mode="widthFix"></image>
</view>
<view class="text">
<text>众妙之门</text>
</view>
</view>
</view>
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
@@ -1138,9 +1138,9 @@ export default {
bagName = "com.cn.zmzm";
schemes = "zmzm";
}
if (name == "everhealth") {
bagName = "cn.com.everhealth";
schemes = "everhealth";
if (name == "soulspace") {
bagName = "com.nuttyreading.soul";
schemes = "soulspace";
}
if (name == "nuttyreading") {
bagName = "com.cn.nuttyreading";
@@ -1235,7 +1235,7 @@ export default {
.appJump {
position: fixed;
right: 0;
top: 8%;
top: 120rpx;
z-index: 1;
.item {
@@ -1252,7 +1252,6 @@ export default {
}
.img {
// width: 60rpx; height: 60rpx;
padding: 6rpx;
overflow: hidden;
@@ -1824,7 +1823,7 @@ export default {
width: 48rpx;
height: 48rpx;
position: absolute;
top: 54rpx;
top: 60rpx;
right: 30rpx;
}
}

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;
}
}
}