图片调整

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

@@ -12,8 +12,8 @@
"src" : "图片路径" "src" : "图片路径"
} }
], ],
"versionName" : "2.0.09", "versionName" : "2.0.10",
"versionCode" : 2009, "versionCode" : 2010,
"app-plus" : { "app-plus" : {
"nvueCompiler" : "uni-app", "nvueCompiler" : "uni-app",
"compatible" : { "compatible" : {

View File

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

View File

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

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long