主页 / user-15167500

rozsazoltan's questions

Martin Hope
rozsazoltan
Asked: 2024-11-13 09:10:48 +0800 CST
  • 5

在 Tauri 中，我为特定的桌面应用运行一个 HTTP 服务器，并在开发过程中通过从适当的位置加载相应的 HTML 文件来显示其内容。在构建过程中，Vite 会将此 HTML 文件放置在 dist 文件夹中。

问题是，如何在发布应用程序中引用此文件？

我尝试了一些简单的方法，例如：./../dist/index.client.html，但没有奏效。经过几次尝试，我开始在线搜索，但我只找到与“资源”相关的解决方案。我以前从未真正使用过 Tauri 的这一部分。

我如何distDir从 Rust 访问发布应用程序？

let is_release = env::var("APP_ENV").unwrap_or_else(|_| "development".to_string()) == "production";

if is_release {
    let html_path = "../dist/index.client.html"; // here
    match fs::read_to_string(html_path) {
        Ok(html_content) => {
            // Success
            Ok::<_, warp::Rejection>(warp::reply::html(html_content))
        }
        Err(_) => {
            let html_content = format!(r#"
                <html>
                    <head><title>Error</title></head>
                    <body>
                        <h1>Index file not found...</h1>
                        <p>{}</p>
                    </body>
                </html>
            "#, html_path).to_string();
            Ok::<_, warp::Rejection>(warp::reply::html(html_content))
        }
    }
}
rust
Martin Hope
rozsazoltan
Asked: 2024-09-02 00:28:12 +0800 CST
  • 5

总结

text-primary-500/50没有按预期工作。

声明动态颜色

我有一个名为 的颜色primary。此颜色没有任何特定设置；相反，我根据模板分配现有颜色。如果父元素具有 类theme-red，则primary颜色应与颜色基本匹配red。如果父元素具有 类theme-blue，则primary颜色应与颜色匹配blue。默认情况下，主颜色为红色。

我在下面的例子中实现了这一点。

例子

tailwind.config = {
  theme: {
    extend: {
      colors: {
        primary: {
          500: 'var(--color-primary-500)',
        },
      },
    },
  },
}
<script src="https://cdn.tailwindcss.com/3.4.5"></script>
<style type="text/tailwindcss">
  @layer utilities {
    .theme-red {
      --color-primary-500: theme('colors.red.500');
    }

    .theme-blue {
      --color-primary-500: theme('colors.blue.500');
    }
  }
</style>

<div>
  <div class="text-green-500">
    Default Green Color
  </div>
  <div class="text-green-500/50">
    Default Green Color With Opacity
  </div>
</div>

<!-- Not working examples with dynamic primary color -->
<div class="theme-red">
  <div class="text-primary-500">
    Example Red Theme
  </div>
  <div class="text-primary-500/50">
    Example Red Theme With Opacity
  </div>
</div>

<div class="theme-blue">
  <div class="text-primary-500">
    Example Blue Theme
  </div>
  <div class="text-primary-500/50">
    Example Blue Theme With Opacity
  </div>
</div>

结果

不透明度原色不起作用

不透明度动态颜色不起作用

透明颜色（例如）会出现此问题text-primary-500/50。也就是说，不透明度应为text-primary-5000.5。它不起作用，因为text-primary-500本质上是十六进制颜色，但在 CSS 中，我们期望使用 RGB 颜色代码，然后我们可以将其与 0-1 范围内的不透明度混合。我该如何使其工作，以便其text-primary-500/50功能与我编写的逻辑类似？

预期行为

我希望原色与基色的工作方式相同，如上一个结果中的绿色所示。以下是我想要的示例。

预期结果

css