1

我遇到的问题是,每当我尝试使用任何苗条的组件或特殊的 html 属性时,iOS 上的谷歌模型查看器都不会出现快速查看 AR 按钮。

我知道这是非常具体的,但我希望用这两者创建一个 AR 项目,如果我不能使用组件,Svelte 不会为我做太多事情(而且我一直喜欢用 svelte 编写代码!)

例如,此代码片段有效(快速查看按钮出现在 iOS 上)

<div id="viewer-page">
    <div id="back" onclick="onBackClicked()">Back</div>
    <model-viewer
        id="model-viewer"
        shadow-intensity="1"
        ar
        ar-modes="webxr scene-viewer quick-look"
        ar-scale="auto"
        camera-controls
        alt="A 3D model carousel"
        quick-look-browsers="safari chrome"
    />
</div>

但是,一旦我什至在层次结构中向上/向下/或在与模型查看器相同的级别上添加了一个不相关的组件,快速查看按钮就不会再出现在 iOS 上(见下文,添加了模板组件,它与模型查看器)

<div id="viewer-page">
    <div id="back" onclick="onBackClicked()">Back</div>
    <model-viewer
        id="model-viewer"
        shadow-intensity="1"
        ar
        ar-modes="webxr scene-viewer quick-look"
        ar-scale="auto"
        camera-controls
        alt="A 3D model carousel"
        quick-look-browsers="safari chrome"
    />
    <Template />
</div>

我尝试了很多不同的组合,苗条的条件 html 也打破了它,苗条的事件修饰符、属性等。

我知道这是非常具体的,但希望更熟悉 svelte 引擎盖下发生的事情的人可以给我一些见解,当它必须解析 html 中的 svelte 特定标记时,它似乎搞砸了。

谢谢!

4

0 回答 0