我遇到的问题是,每当我尝试使用任何苗条的组件或特殊的 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 特定标记时,它似乎搞砸了。
谢谢!