<uni-card title="商品名称商品名称商品名称商品名称商品名称商品名称" sub-title="¥16.38" extra="已售:1638278888" padding="10px 0" cover="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
</uni-card> - 发布:2022-03-26 21:43
- 更新:2022-03-27 21:05
- 阅读:439
产品分类: uniapp/H5
PC开发环境操作系统: Windows
PC开发环境操作系统版本号: 7
HBuilderX类型: 正式
HBuilderX版本号: 3.3.13
浏览器平台: Chrome
项目创建方式: HBuilderX
示例代码:
操作步骤:
<uni-card title="商品名称商品名称商品名称商品名称商品名称商品名称" sub-title="¥16.38" extra="已售:1638278888" padding="10px 0" cover="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
</uni-card>
<uni-card title="商品名称商品名称商品名称商品名称商品名称商品名称" sub-title="¥16.38" extra="已售:1638278888" padding="10px 0" cover="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-dc-site/460d46d0-4fcc-11eb-8ff1-d5dcf8779628.png">
</uni-card> 预期结果:
希望完善尺寸适配
希望完善尺寸适配
实际结果:
希望完善尺寸适配
希望完善尺寸适配
bug描述:
如代码示例,title过长会撑乱卡片宽度,而cover图片在h5中无法适应卡片宽度。
1 个回复
小枫叶 - 外包接单加v:wlmk1234567 注明来意
没有撑乱 变成三个小点显示了