货架在堆叠模板tvml中

Question

我正在动态创建堆栈模板。一旦我们从API获得响应，堆栈模板架子的这一部分也将动态创建。我正在使用autoHighlight="true"来锁定所有锁定。

它可以正常工作如果我不突出显示任何项目，但是当我使用它时，它突出显示锁定，但是与此同时，包含突出显示的缩略图的整个架子会重叠在其他架子上。

var Template = function() { return `<?xml version="1.0" encoding="UTF-8" ?>
    <document>
        <stackTemplate theme="light" class="lightBackgroundColor">
            <identityBanner class="identityBannerProp" >
            </identityBanner>
            <collectionList >
                <shelf rowNum="1" rowsCall="" shelfCall="https://urlToGetLockupItems"  >
                    <header>
                        <title class="rowTitle" >FEATURED MOVIES</title>
                    </header>
                    <section >
                    </section>
            </collectionList>
        </stackTemplate>
    </document>`}

锁定项目的响应为：

<lockup template="http://playerUrl"  presentation="videoPlayerPresenter" vodsCall="" >
    <img class="roundedImageCorners" src="http://thumbnailimage.com/files/styles/hd_movie_image/public/a8wn4hw/im/c4/91/77c047dd136db29b1bc960102ca1d92d.jpg" width="310" height="398" />
    <description class="lockupTitle" >Episode 1 Season 1 Unsolved Mysteries with Robert Stack</description>
</lockup>
<lockup template="http://playerUrl"  presentation="videoPlayerPresenter" vodsCall="" >
    <img class="roundedImageCorners" src="http://thumbnailimage.com/files/styles/hd_movie_image/public/a8wn4hw/im/7e/0b/9fed7f95e106ace91a68c3fe791fc3a1.jpg" width="310" height="398" />
    <description class="lockupTitle" >Episode 2 Season 1 Unsolved Mysteries with Robert Stack</description>
</lockup>