skyline 引擎下的icon问题 #299
-
|
请问下，目前貌似skyline引擎没有支持直接使用mask-image内联icon数据 |
Beta Was this translation helpful? Give feedback.
Replies: 4 comments
-
|
补充： 使用的 @egoist/tailwindcss-icons |
Beta Was this translation helpful? Give feedback.
-
|
容我在 skyline demo 下尝试一些方案，先占个楼 |
Beta Was this translation helpful? Give feedback.
-
|
我发现使用 @egoist/tailwindcss-icons mask-image内联icon数据，其实是可以在 skyline 下面生效的，但是你必须使用: <view class="i-mdi-home bg-yellow-600 w-4 h-4"></view>这种方式来显示那个 icon 也就是说，需要为 @egoist/tailwindcss-icons 默认的 css 里面，补充 background-color 和默认的宽和高，才能显示成功 (宽和高默认为 1em，覆盖它) 你可以试试。 |
Beta Was this translation helpful? Give feedback.
-
|
在skyline模式下，icon会出现一个黑框。 通过border-0没办法去除。请问怎么解决 |
Beta Was this translation helpful? Give feedback.
我发现使用 @egoist/tailwindcss-icons mask-image内联icon数据，其实是可以在 skyline 下面生效的，但是你必须使用:
这种方式来显示那个 icon
也就是说，需要为 @egoist/tailwindcss-icons 默认的 css 里面，补充 background-color 和默认的宽和高，才能显示成功 (宽和高默认为 1em，覆盖它)
这点可以使用 @egoist/tailwindcss-icons 的 iconsPlugin 的
extraProperties属性，来覆盖和覆盖生成 css 的默认值你可以试试。