以下是一个可以在淘宝店铺名称中展示收藏数的 HTML 代码示例:
```html
.shop-name {
display: flex;
align-items: center;
font-size: 18px;
font-weight: bold;
color: #333;
}
.shop-name .collect-count {
margin-left: 10px;
padding: 2px 6px;
background-color: #ff5000;
color: #fff;
border-radius: 4px;
font-size: 14px;
}
@media (max-width: 767px) {
.shop-name {
font-size: 16px;
}
.shop-name .collect-count {
font-size: 12px;
}
}
优质服饰店铺
200
// 根据实际情况动态更新收藏数
const collectCountElement = document.querySelector('.collect-count');
collectCountElement.textContent = '200';
```
这个代码会在页面上显示一个店铺名称,并在旁边添加一个显示收藏数的标签。收藏数可以根据实际情况动态更新。
该代码使用了 Flexbox 布局来使店铺名称和收藏数显示在同一行。并且添加了一些 CSS 样式,使其在移动设备上也能很好地显示。
您可以根据实际需求进行修改和调整。如果有任何疑问,欢迎随时问我。