修改html自带组件样式,能否直接在组件html上为组件根元素设置自定义class

如题，假如我有一个spinner组件，它在不同的页面里，显示的位置是不同的，因此我需要为每个spinner设置不同的class。再假设我有一个middle样式，将一个元素显示在页面正中。现在我希望在当前这个页面里，spinner组件显示在页面正中。

按照目前的小程序能力，我能想到的是以下几种实现方式。一种是在spinner外部包裹一个view，添加自定义class：

另一种是为spinner定义externalClasses，然后从外部把“middle”这个class传给spinner组件。

最后一种是在spinner内部设置host选择器样式，但这会造成组件与自己的显示位置紧耦合，不利于修改。

可否实现如下功能：在spinner组件上直接设置class属性，可以将这些class直接挂在spinner组件的根元素上

即：

---

补充：

之所以有这个需求，是因为我之前用vue时，vue支持此功能。但是vue强制要求每个组件只有一个根元素，而小程序并无此要求。

那么请问有没有什么优雅的方式实现我的需求？