图片调整

This commit is contained in:
liuyuan
2025-05-06 15:25:18 +08:00
parent 19dcd82a63
commit fb96182e18
6 changed files with 30 additions and 31 deletions

View File

@@ -29,7 +29,7 @@
<view class="newBox">
<view class="item flexbox" v-for="(item, index) in courseList" :key="index" @click="onPageJump('/pages/course/courseDetail',item.id)">
<view class="imgcontainer">
<image :src="item.image" mode="aspectFit"></image>
<image :src="item.squareImage"></image>
</view>
<view class="buyItems">
<view class="txt555">
@@ -529,24 +529,16 @@ export default {
margin-bottom: 20rpx;
background-color: #fff;
border-radius: 20rpx;
@include ptop_bottm(10px);
@include ptop_bottm(20px);
@include pleft_right(10px);
@include mshadow(10px, 1) .imgcontainer {
display: block;
width: 110rpx;
width: 250rpx;
height: 250rpx;
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{
@@ -630,6 +622,14 @@ export default {
.imgcontainer {
background-color: $imgBg;
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
image{
width: 100%;
height: 250rpx;
}
}
.box {

View File

@@ -459,7 +459,7 @@
mode="aspectFit"
>
</image>
<image v-else :src="item.image" mode="aspectFit"></image>
<image v-else :src="item.image"></image>
</view>
<view class="buyItems flexbox">
<view class="txt555">
@@ -1302,6 +1302,7 @@ export default {
margin-bottom: 40rpx;
.buyItems {
padding-top: 10rpx;
align-items: center;
.buybtn {
@@ -1536,11 +1537,10 @@ export default {
@include ptop_bottm(10px);
@include pleft_right(10px);
@include mshadow(10px, 1);
margin-bottom: 10px;
margin-bottom: 20px;
.img {
width: 100%;
height: 180rpx;
background-color: #f7f7f7;
display: flex;
align-items: center;
@@ -1552,20 +1552,19 @@ export default {
flex-wrap: wrap;
.item {
width: 48%;
width: 326rpx;
overflow: hidden;
margin-bottom: 20rpx;
image {
width: 100%;
height: 200rpx;
height: 220rpx;
}
.txt555 {
height: 40rpx;
line-height: 40rpx;
@include bov(1);
margin-top: 10rpx;
font-size: 24rpx;
}
}