更改 compilationTemplate 相关内容区域中描述的文本大小

Question

我正在尝试将 description 添加到 relatedContent 中的 compilationTemplate 的 itemBanner。我目前的模板如下：

var Template = function() { return `<?xml version="1.0" encoding="UTF-8" ?>
    <document>
        <compilationTemplate theme="light">
            <list>
                <relatedContent>
                    <itemBanner>
                        <heroImg src="${this.BASEURL}images/someImage.jpg" />
                        <description>lorem ipsum dolor sit amet consectetur adipiscing elit</description>
                    </itemBanner>
                </relatedContent>
                <header>
                    <title>Some Show</title>
                    <subtitle>Season 4</subtitle>
                    <row>
                        <text>Drama</text>
                        <text>5 Episodes</text>
                        <text>2015</text>
                    </row>
                </header>
                <section>
                    <listItemLockup>
                        <ordinal minLength="2">1</ordinal>
                        <title>A Danger to Himself and Others</title>
                        <decorationLabel>11:14</decorationLabel>
                    </listItemLockup>
                </section>
            </list>
        </compilationTemplate>
    </document>`
}

这确实会向 buttonLockup 项目通常存在的 itemBanner 添加文本，但文本很小。

如何更改 description 在 itemBanner 中的大小和位置？

Answer 1

这可以通过调整 style 标签中的 font-size 属性来实现：

<description style="tv-text-style: none; font-size:36; font-weight:regular;">lorem ipsum dolor sit amet consectetur adipiscing elit</description>

虽然这不会为您换行。

我在这里问了一个关于换行的新问题：

更改 compilationTemplate 相关内容区域中描述的文本大小

Change text size of a description in a compilationTemplate's relatedContent area

apple-tv

tvos

tvml

tvjs