无边框应用
Wails 支持无边框应用程序。 这可以通过使用应用程序参数选项中的无边框字段来实现。
data-wails-drag
attribute is being deprecated in favour of the following CSS style: style="--wails-draggable:drag"
. You can use style="--wails-draggable:no-drag"
to disable the drag behaviour. For this release only, you can test this by setting the following application option: Experimental: &options.Experimental{
UseCSSDrag: true,
},
Wails 为拖动窗口提供了一个简单的解决方案:任何具有“data-wails-drag”属性的 HTML 元素都将充当“拖动手柄”。 此属性适用于所有嵌套元素。 如果您需要指定不应该拖动的嵌套元素,请在该元素上使用属性“data-wails-no-drag”。
默认的 vanilla 模板使用它,即使它不是无边框的。 整个 body 元素被标记为可拖动。 <div id="input" data-wails-no-drag>
元素被标记为不可拖动。
<html>
<head>
<link rel="stylesheet" href="/main.css" />
</head>
<body data-wails-drag>
<div id="logo"></div>
<div id="input" data-wails-no-drag>
<input id="name" type="text" />
<button onclick="greet()">Greet</button>
</div>
<div id="result"></div>
<script src="/main.js"></script>
</body>
</html>
全屏
如果您允许应用程序全屏显示,则此拖动功能将被禁用。