小编use*_*977的帖子

当我尝试使用 Tailwind 中的默认“w-#”选项进行转换时，我的转换不适用。当我在自己的类中硬编码宽度时，它工作正常。Tailwinds CSS 有什么奇怪的地方以及它如何处理会导致这种情况的宽度？

这是 HTML 文本。这里的主要部分是动态类“sidebarWidth”，它在按钮被点击时切换。全部过渡、最慢和轻松是我在 Tailwind 中扩展的所有内容。

<nav class="text-white absolute md:relative flex-col min-h-full bg-black mt-24 md:mt-12 transition-all transition-slowest ease" :class="sidebarWidth">

这是Vue组件的计算属性中的JS代码

sidebarWidth: function() {
      if (this.$store.getters.isSidebarCollapsed) {
        return "w-14 invisible md:visible";
      } else {
        return "w-64";
      }
    }

如果我将 w-14 和 w-64 换成以下课程，效果会很好。

sidebarWidth: function() {
      if (this.$store.getters.isSidebarCollapsed) {
        return "w-14 invisible md:visible";
      } else {
        return "w-64";
      }
    }

我基本上希望我的侧边栏导航在我单击按钮时滑入。在移动设备中，侧边栏导航是隐藏的，我希望它滑出。在桌面上，它应该是一个小的导航，然后滑出到全屏导航。它有效，但幻灯片过渡不起作用。此外，移动设备和桌面设备之间的边距变化确实可以正确设置动画。

我正在制作的小部件中有一个时钟，我希望它每分钟与系统时钟同步更新。ACTION_TIME_TICK 似乎是完美的解决方案，但我的大部分研究表明这在 AppWidget 中是不可能的，而其他人则说有解决方法，但它们非常模糊。

我不想做 AlarmManager，因为我必须非常频繁地更新，以确保它在系统时钟改变分钟时改变分钟，这会消耗更多的电池。

ACTION_TIME_TICK 是否有解决方法，或者以最小的电池消耗与系统时钟同步更新每分钟的最佳方法是什么？