wgh/coreshoppro
1
0
Fork 0
mirror of http://git.coreshop.cn/jianweie/coreshoppro.git synced 2025-12-06 18:43:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

【调整】首页设计组件多列滚动清下【coreshop-goods.vue】内图片宽度设置为100%，防止出现大小图的情况。

Browse Source 
【调整】首页设计组件单列列表平铺情况下【coreshop-goods.vue】内图片裁剪模式设置为aspectFill，防止出现伸拉的情况。
This commit is contained in:
JianWeie
2022-05-20 12:40:21 +08:00
parent f52ce7e24d
commit 05e2ff05bb
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
CoreCms.Net.Uni-App/CoreShop/components/coreshop-page/coreshop-goods.vue
View File

@@ -58,7 +58,7 @@
<u-grid :col="1" :border="false" align="left">
<u-grid-item :custom-style="{padding: '0px'}" v-for="item in coreshopdata.parameters.list" :key="item.id">
<view class="good_box" @click="goGoodsDetail(item.id)">
<u--image :src="item.image" mode="widthFix" width="100%" radius="10"></u--image>
<u--image :src="item.image" width="100%" radius="10"></u--image>
<view class="good_title u-line-2">
{{item.name}}
</view>
@@ -171,7 +171,7 @@
<style scoped lang="scss">
.goodsBox { color: #333333 !important; padding: 0 5px; overflow: hidden;
.good_box { border-radius: 8px; margin: 3px; background-color: #ffffff; padding: 5px; position: relative;
.good_box { border-radius: 8px; margin: 3px; background-color: #ffffff; padding: 5px; position: relative; width: 100%;
.good_title { font-size: 13px; margin-top: 5px; color: $u-main-color; }
.good_title-xl { font-size: 14px; margin-top: 5px; color: $u-main-color; }
.good-tag-hot { display: flex; margin-top: 5px; position: absolute; top: 7.5px; left: 7.5px; background-color: $u-type-error; color: #FFFFFF; display: flex; align-items: center; padding: 2px 7px; border-radius: 25px; font-size: 10px; line-height: 1; }