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

2

Browse Source
This commit is contained in:
@fawn-nine
2024-05-30 17:00:30 +08:00
parent 195ab86c8a
commit b8e57d6f04
1 changed files with 67 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
pages/course/tryListen.vue
View File

@@ -4,18 +4,26 @@
<public-module></public-module> <public-module></public-module>
<z-nav-bar :title="pageTitle"></z-nav-bar> <z-nav-bar :title="pageTitle"></z-nav-bar>
<view class="learnBox box" > <view class="learnBox box" >
<view class="learn flexbox shiting"> <view class="newBox">
<view class="item" v-for="(item, index) in courseList" :key="index"> <view class="item flexbox" v-for="(item, index) in courseList" :key="index">
<!-- <view class="imgcontainer" :style="{backgroundImage:surl(item.image)}"> -->
<view class="imgcontainer"> <view class="imgcontainer">
<image :src="item.image" mode="aspectFit"></image> <image :src="item.image" mode="aspectFit"></image>
</view> </view>
<view class="buyItems flexbox"> <view class="buyItems">
<view class="txt555"> <view class="txt555">
{{item.title}} {{item.title}}
</view> </view>
<!-- <view class="buybtn" @click="onPageJump()"> <view class="jianjie" v-html="item.content">
<span>购买</span>
</view> --> </view>
<view class="tag-view">
<uni-tag style="margin-right: 10rpx;" text="高级" type="primary" size="small" />
<uni-tag style="margin-right: 10rpx;" text="选修" size="small" type="success" />
</view>
<view class="btn_box">
<text>课程详情</text>
</view>
</view> </view>
</view> </view>
@@ -137,7 +145,57 @@
@include pleft_right(10px); @include pleft_right(10px);
min-height: calc(100vh - 270rpx); min-height: calc(100vh - 270rpx);
} }
.newBox {
.item {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 20rpx;
@include ptop_bottm(10px);
@include pleft_right(10px);
@include mshadow(10px, 1) .imgcontainer {
display: block;
width: 110rpx;
margin-right: 20rpx;
// background-size: cover;
// background-position: center;
height: 200rpx;
flex-grow: 1;
// @include ptop_bottm(10px);
overflow: hidden;
// @include pleft_right(10px);
image {
width: 100%;
height: 200rpx;
}
}
.btn_box{ text-align: right;
text{
border-radius: 20rpx;
padding: 3px 5px; @include theme("btn_bg");
font-size: 28rpx; color: #fff;
}
}
.buyItems {
width: 60%;
}
.jianjie {
margin-top: 10rpx;
font-size: 24rpx;
@include bov();
color: #9c9c9c;
}
.txt555 {
font-size: 30rpx;
color: #000;
@include bov()
}
}
}
.learnBox { .learnBox {
background-color: #fff; background-color: #fff;
margin-top: 10px; margin-top: 10px;