Vue:修改插槽内容样式
修改插槽内容样式
·
使用到插槽,缺不知道插槽中的内容怎么修改,请看下面。
在这里我将每个小模块统一起来,写成组件插槽,代码如下。
<div class="text">
<div class="t1">
<slot name="t1"></slot>
</div>
<div class="t2">
¥
<span class="number">
<slot name="t2"></slot>
</span>/年
</div>
<div class="t3">
<slot name="t3"></slot>
</div>
<div class="t4">
减少老师工作量,加强园校沟通与分享,
<br>老师省心,家长放心
</div>
<div class="t5">点击购买</div>
</div>
修改插槽内容时,需要在<slot>外面加标签并加上类名,添加样式即可。
更多推荐
已为社区贡献1条内容
所有评论(0)