<van-card tag="标签" price="10.00" title-class="title-class" desc="描述信息" title="商品标题" thumb="{{ imageURL }}">
<view class="footer-class" slot="footer">
<view class="footer-sum">
<view class="footer-sum-font">采购数量:</view>
<van-stepper value="{{ 1 }}" min="1" max="8" integer></van-stepper>
</view>
<van-button type="primary" size="small">提交采购</van-button>
</view>
</van-card>
/* card的外部样式修改标题 */
.title-class {
color: green;
font-weight: bolder;
}
.footer-class {
display: flex;
flex-direction: row;
justify-content: space-around;
flex-wrap: wrap;
}
.footer-sum{
display: flex;
flex-direction: row;
}
/* 文字居中 */
.footer-sum-font{
margin: auto;
}
使用了card的外部样式类title-class来修改了标题的颜色。