给影片右上角打上不同标签。这里的是在后台给影片设置不同的推介值，苹果CMS有9个推介值。自己可以发挥自己的想法，比如推介1显示什么字，推介2显示什么字。
设置好推介值以后，需要去修改/template/mxone/html/public下的vodbox.html文档，在文档中找到condition=”$vo.vod_level eq 这段代码，
{if condition=”$vo.vod_level eq ‘8‘”}
<div class=”module-item-ru”>
<span class=”rebo”>热播</span>
</div>
中的数字8便是推介值，
<span class=”rebo”>热播</span>这个热播就是你想显示的文字
比如我演示站的推介值8，右上角显示热播。那就填8，显示热播。
然后推介值9，就显示独家首播。
如果你想设置多个，那就粘贴多个，修改对应的推介值跟显示文字即可。
这上边改完以后，记得下拉到下边还需要再设置一遍。
标签文字颜色跟背景颜色的自定义修改：
如果需要修改右上角的标签的文字颜色跟背景颜色，需要去/template/mxone/mxstatic/css目录下的style.css文档。
在第2371行或者直接搜索：.module-item-ru .rebo{即可找到下边的代码
module-item-ru .rebo{
background: #这里写你要自定义的背景颜色代码;
color: #这里写你要自定义的文字颜色代码;
}
颜色的代码参考这里：https://www.5tu.cn/colors/yansedaimabiao.html
给不同的推介值设置不同的颜色背景跟文字颜色：
参考上边的教程，如果你添加了多个不同的标签，然后想要不同的标签显示不同颜色的文字跟背景。比如下图这种
那就需要修改对应的class名称以及在style.css中添加对应的样式。其实也很简单。
比如我这里:
我设置了两个推介值8显示热播 9显示独家首播。然后可以看到代码中
{if condition=”$vo.vod_level eq ‘8’”}
<div class=”module-item-ru”>
<span class=”rebo”>热播</span>
</div>
{/if}
{if condition=”$vo.vod_level eq ‘9’”}
<div class=”module-item-ru”>
<span class=”rebo”>独家首播</span>
</div>
我这两个值对应的class都是一样。上边有讲到修改颜色需要去修改style.css中对应的代码。在那里修改那么这两个地方对应的都是一个代码，那肯定颜色是一样的。
所以比如我想给9设置成不一样的背景颜色跟文字颜色。我们需要将
{if condition=”$vo.vod_level eq ‘9’”}
<div class=”module-item-ru”>
<span class=”rebo”>独家首播</span>
</div>
这段代码中的rebo 改成其他的,比如改成dujia
{if condition=”$vo.vod_level eq ‘9’”}
<div class=”module-item-ru”>
<span class=”dujia”>独家首播</span>
</div>
然后去style.css中找到
.module-item-ru .rebo{
将.module-item-ru .rebo{
background: #ffdd9a;
color: #4e2d03;
}复制
粘贴到这段代码下边并且将
.module-item-ru .rebo{
background: #ffdd9a;
color: #4e2d03;
}
改成dujia
这样我们的推介值8对应的就是热播。推介值9对应的就是独家。然后按照
background：后边的颜色改成其他的颜色代码
color:后边的文字颜色改成其他的颜色代码。
这样，不同的推介值就会显示不同的文字颜色跟背景了。
4K专区图片打标签设置:
这里需要注意的是，你会发现最新热播下边的板块，我这里是院线专区或者4K专区，有些叫预告。这个地方是需要单独设置的。
在目录/template/mxone/html/index中找到yugao.html进行修改。代码在第38行或者其他，修改方法跟上边一样，这里不再过多讲解。
不要只看，不做哦！ 做完以后，你学会了？
转载注意保留原文链接：https://www.tqge.com/201082
