Fix Crowdin screw ups again

This commit is contained in:
Lea Anthony
2022-08-18 20:30:50 +10:00
parent 5e2fd56bc9
commit a0c4c1ea58
20 changed files with 85 additions and 76 deletions
-1
View File
@@ -1,4 +1,3 @@
# IDEs
Wails aims to provide a great development experience. To that aim, we now support generating IDE specific configuration
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails.png" width="40%" className="screenshot"/>
</div>
<br/>
@@ -31,7 +31,7 @@ No, I'm not joking: *No* *CGO* *dependency* 🤯! The thing about Windows is tha
### WebView2 Chromium Renderer
<div class="text--center">
<img src="/img/devtools.png" width="75%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/devtools.png" width="75%" className="screenshot"/>
</div>
<br/>
@@ -47,7 +47,7 @@ Gophers rejoice! The single binary dream lives on!
### New Features
<div class="text--center">
<img src="/img/wails-menus.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus.png" width="60%" className="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ There were a huge number of requests in v1 for the ability to have greater contr
There is now the option to generate IDE configuration along with your project. This means that if you open your project in a supported IDE, it will already be configured for building and debugging your application. Currently VSCode is supported but we hope to support other IDEs such as Goland soon.
<div class="text--center">
<img src="/img/vscode.png" width="100%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/vscode.png" width="100%" className="screenshot"/>
</div>
<br/>
@@ -79,7 +79,7 @@ You just pass a single `embed.FS` that contains all your assets into your applic
### New Development Experience
<div class="text--center">
<img src="/img/browser.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/browser.png" width="60%" className="screenshot"/>
</div>
<br/>
@@ -101,7 +101,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote.png" width="60%" className="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-mac.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-mac.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -24,7 +24,7 @@ So what's new for Wails v2 for Mac vs v1? Hint: It's pretty similar to the Windo
### New Features
<div class="text--center">
<img src="/img/wails-menus-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -72,7 +72,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -86,7 +86,7 @@ With v2, I wanted to empower the community by giving you the ability to create a
Thanks to the amazing support of [Mat Ryer](https://github.com/matryer/), the Wails project now supports M1 native builds:
<div class="text--center">
<img src="/img/build-darwin-arm.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-arm.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -94,7 +94,7 @@ Thanks to the amazing support of [Mat Ryer](https://github.com/matryer/), the Wa
You can also specify `darwin/amd64` as a target too:
<div class="text--center">
<img src="/img/build-darwin-amd.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-amd.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -102,7 +102,7 @@ You can also specify `darwin/amd64` as a target too:
Oh, I almost forgot.... you can also do `darwin/universal`.... :wink:
<div class="text--center">
<img src="/img/build-darwin-universal.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-universal.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -112,7 +112,7 @@ Oh, I almost forgot.... you can also do `darwin/universal`.... :wink:
Because Wails v2 for Windows is pure Go, you can target Windows builds without docker.
<div class="text--center">
<img src="/img/build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-linux.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-linux.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -20,7 +20,7 @@ I'm pleased to finally announce that Wails v2 is now in beta for Linux! It is so
### New Features
<div class="text--center">
<img src="/img/wails-menus-linux.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-linux.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote-linux.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-linux.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -73,7 +73,7 @@ With v2, I wanted to empower the community by giving you the ability to create a
Because Wails v2 for Windows is pure Go, you can target Windows builds without docker.
<div class="text--center">
<img src="/img/linux-build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/linux-build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -9,7 +9,7 @@ From the project directory, run `wails build`. This will compile your project an
If you run the binary, you should see the default application:
<div class="text--center">
<img src="/img/defaultproject.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/defaultproject.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -669,7 +669,7 @@ func main() {
The "About" menu item will appear in the app menu:
<div class="text--center">
<img src="/img/reference/about-menu.png" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-menu.png" class="screenshot"/>
</div>
<br/>
@@ -677,7 +677,7 @@ The "About" menu item will appear in the app menu:
When clicked, that will open an about message box:
<div class="text--center">
<img src="/img/reference/about-dialog.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-dialog.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -152,7 +152,10 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
Buttons: []string{"one", "two", "three", "four"},
})
```
the first button is shown as default: div class="text--center"> <img src="/img/runtime/dialog_no_defaults.png" width="30%" style={{"box-shadow": "rgb(255 255 > </div>
the first button is shown as default:
<div class="text--center">
<img src="/img/runtime/dialog_no_defaults.png" width="30%" class="screenshot"/>
</div>
<br/>
And if we specify `DefaultButton` to be "two":
@@ -166,7 +169,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
the second button is shown as default. When `return` is pressed, the value "two" is returned.
<div class="text--center">
<img src="/img/runtime/dialog_default_button.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_button.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -183,7 +186,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
the button with "three" is shown at the bottom of the dialog. When `escape` is pressed, the value "three" is returned:
<div class="text--center">
<img src="/img/runtime/dialog_default_cancel.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_cancel.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -216,7 +219,7 @@ type FileFilter struct {
Windows allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
<div class="text--center">
<img src="/img/runtime/dialog_win_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_win_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -228,7 +231,7 @@ Windows allows you to use multiple file filters in dialog boxes. Each FileFilter
Linux allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
<div class="text--center">
<img src="/img/runtime/dialog_lin_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_lin_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -31,7 +31,7 @@ No, I'm not joking: *No* *CGO* *dependency* 🤯! The thing about Windows is tha
### WebView2 Chromium Renderer
<div class="text--center">
<img src="/img/devtools.png" width="75%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/devtools.png" width="75%" class="screenshot"/>
</div>
<br/>
@@ -47,7 +47,7 @@ Gophers rejoice! The single binary dream lives on!
### New Features
<div class="text--center">
<img src="/img/wails-menus.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ There were a huge number of requests in v1 for the ability to have greater contr
There is now the option to generate IDE configuration along with your project. This means that if you open your project in a supported IDE, it will already be configured for building and debugging your application. Currently VSCode is supported but we hope to support other IDEs such as Goland soon.
<div class="text--center">
<img src="/img/vscode.png" width="100%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/vscode.png" width="100%" class="screenshot"/>
</div>
<br/>
@@ -79,7 +79,7 @@ You just pass a single `embed.FS` that contains all your assets into your applic
### New Development Experience
<div class="text--center">
<img src="/img/browser.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/browser.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -101,7 +101,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-mac.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-mac.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -24,7 +24,7 @@ So what's new for Wails v2 for Mac vs v1? Hint: It's pretty similar to the Windo
### New Features
<div class="text--center">
<img src="/img/wails-menus-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -72,7 +72,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -86,7 +86,7 @@ With v2, I wanted to empower the community by giving you the ability to create a
Thanks to the amazing support of [Mat Ryer](https://github.com/matryer/), the Wails project now supports M1 native builds:
<div class="text--center">
<img src="/img/build-darwin-arm.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-arm.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -94,7 +94,7 @@ Thanks to the amazing support of [Mat Ryer](https://github.com/matryer/), the Wa
You can also specify `darwin/amd64` as a target too:
<div class="text--center">
<img src="/img/build-darwin-amd.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-amd.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -102,7 +102,7 @@ You can also specify `darwin/amd64` as a target too:
Oh, I almost forgot.... you can also do `darwin/universal`.... :wink:
<div class="text--center">
<img src="/img/build-darwin-universal.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-universal.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -112,7 +112,7 @@ Oh, I almost forgot.... you can also do `darwin/universal`.... :wink:
Because Wails v2 for Windows is pure Go, you can target Windows builds without docker.
<div class="text--center">
<img src="/img/build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-linux.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-linux.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -20,7 +20,7 @@ I'm pleased to finally announce that Wails v2 is now in beta for Linux! It is so
### New Features
<div class="text--center">
<img src="/img/wails-menus-linux.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-linux.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ In addition to this, another JS module is dynamically generated wrapping all you
### Remote Templates
<div class="text--center">
<img src="/img/remote-linux.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-linux.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -73,7 +73,7 @@ With v2, I wanted to empower the community by giving you the ability to create a
Because Wails v2 for Windows is pure Go, you can target Windows builds without docker.
<div class="text--center">
<img src="/img/linux-build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/linux-build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -9,7 +9,7 @@ From the project directory, run `wails build`. This will compile your project an
If you run the binary, you should see the default application:
<div class="text--center">
<img src="/img/defaultproject.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/defaultproject.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -669,7 +669,7 @@ func main() {
The "About" menu item will appear in the app menu:
<div class="text--center">
<img src="/img/reference/about-menu.png" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-menu.png" class="screenshot"/>
</div>
<br/>
@@ -677,7 +677,7 @@ The "About" menu item will appear in the app menu:
When clicked, that will open an about message box:
<div class="text--center">
<img src="/img/reference/about-dialog.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-dialog.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -152,7 +152,10 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
Buttons: []string{"one", "two", "three", "four"},
})
```
the first button is shown as default: div class="text--center"> <img src="/img/runtime/dialog_no_defaults.png" width="30%" style={{"box-shadow": "rgb(255 255 > </div>
the first button is shown as default:
<div class="text--center">
<img src="/img/runtime/dialog_no_defaults.png" width="30%" class="screenshot"/>
</div>
<br/>
And if we specify `DefaultButton` to be "two":
@@ -166,7 +169,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
the second button is shown as default. When `return` is pressed, the value "two" is returned.
<div class="text--center">
<img src="/img/runtime/dialog_default_button.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_button.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -183,7 +186,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
the button with "three" is shown at the bottom of the dialog. When `escape` is pressed, the value "three" is returned:
<div class="text--center">
<img src="/img/runtime/dialog_default_cancel.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_cancel.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -216,7 +219,7 @@ type FileFilter struct {
Windows allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
<div class="text--center">
<img src="/img/runtime/dialog_win_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_win_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -228,7 +231,7 @@ Windows allows you to use multiple file filters in dialog boxes. Each FileFilter
Linux allows you to use multiple file filters in dialog boxes. Each FileFilter will show up as a separate entry in the dialog:
<div class="text--center">
<img src="/img/runtime/dialog_lin_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_lin_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -31,7 +31,7 @@ tags:
### WebView2 Chromium 渲染引擎
<div class="text--center">
<img src="/img/devtools.png" width="75%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/devtools.png" width="75%" class="screenshot"/>
</div>
<br/>
@@ -47,7 +47,7 @@ Gophers 欢呼吧! 单个二进制文件的构想依然存在!
### 新功能
<div class="text--center">
<img src="/img/wails-menus.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ Gophers 欢呼吧! 单个二进制文件的构想依然存在!
现在可以选择随项目生成 IDE 配置。 这意味着如果您在受支持的 IDE 中打开您的项目,它已经被配置为构建和调试您的应用程序。 目前支持 VSCode,但我们希望尽快支持其他 IDE,例如 Goland。
<div class="text--center">
<img src="/img/vscode.png" width="100%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/vscode.png" width="100%" class="screenshot"/>
</div>
<br/>
@@ -79,7 +79,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
### 全新的开发体验
<div class="text--center">
<img src="/img/browser.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/browser.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -101,7 +101,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
### 远程模板
<div class="text--center">
<img src="/img/remote.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-mac.png" width="60%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-mac.png" width="60%" class="screenshot"/>
</div>
<br/>
@@ -24,7 +24,7 @@ tags:
### 新特性
<div class="text--center">
<img src="/img/wails-menus-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -72,7 +72,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
### 远程模板
<div class="text--center">
<img src="/img/remote-mac.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-mac.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -86,7 +86,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
感谢[Mat Ryer](https://github.com/matryer/)的惊人支持,Wails 项目现在支持 M1 原生构建:
<div class="text--center">
<img src="/img/build-darwin-arm.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-arm.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -94,7 +94,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
您也可以指定`darwin/amd64`为目标:
<div class="text--center">
<img src="/img/build-darwin-amd.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-amd.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -102,7 +102,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
哦,我差点忘了....你也可以做`darwin/universal`....😉
<div class="text--center">
<img src="/img/build-darwin-universal.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-darwin-universal.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -112,7 +112,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
因为 Windows 的 Wails v2 是纯 Go,所以你可以在没有 docker 的情况下针对 Windows 构建。
<div class="text--center">
<img src="/img/build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -10,7 +10,7 @@ tags:
<div class="text--center">
<img src="/img/wails-linux.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-linux.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -20,7 +20,7 @@ tags:
### 新功能
<div class="text--center">
<img src="/img/wails-menus-linux.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/wails-menus-linux.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -59,7 +59,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
### 远程模板
<div class="text--center">
<img src="/img/remote-linux.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/remote-linux.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -73,7 +73,7 @@ v1 的一个巨大痛点是需要将整个应用程序压缩为单个 JS 和 CSS
因为适用于 Windows 的 Wails v2 是纯 Go,所以您可以在没有 docker 的情况下针对 Windows 构建。
<div class="text--center">
<img src="/img/linux-build-cross-windows.png" width="80%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/linux-build-cross-windows.png" width="80%" class="screenshot"/>
</div>
<br/>
@@ -9,7 +9,7 @@ sidebar_position: 6
如果您运行二进制文件,您应该会看到默认应用程序:
<div class="text--center">
<img src="/img/defaultproject.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/defaultproject.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -681,7 +681,7 @@ func main() {
The "About" menu item will appear in the app menu:
<div class="text--center">
<img src="/img/reference/about-menu.png" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-menu.png" class="screenshot"/>
</div>
<br/>
@@ -689,7 +689,7 @@ The "About" menu item will appear in the app menu:
When clicked, that will open an about message box:
<div class="text--center">
<img src="/img/reference/about-dialog.png" width="40%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/reference/about-dialog.png" width="40%" class="screenshot"/>
</div>
<br/>
@@ -154,7 +154,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
第一个按钮显示为默认值:
<div class="text--center">
<img src="/img/runtime/dialog_no_defaults.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_no_defaults.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -170,7 +170,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
第二个按钮显示为默认值。 当 `return` 被按下时,则返回数值“two”。
<div class="text--center">
<img src="/img/runtime/dialog_default_button.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_button.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -187,7 +187,7 @@ selection, err := runtime.MessageDialog(b.ctx, runtime.MessageDialogOptions{
```
带有“three”的按钮显示在对话框的底部。 当`escape`被按下时,则返回值“three”:
<div class="text--center">
<img src="/img/runtime/dialog_default_cancel.png" width="30%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_default_cancel.png" width="30%" class="screenshot"/>
</div>
<br/>
@@ -220,7 +220,7 @@ type FileFilter struct {
Windows 允许您在对话框中使用多个文件过滤器。 每个 FileFilter 将在对话框中显示为一个单独的条目:
<div class="text--center">
<img src="/img/runtime/dialog_win_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_win_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
@@ -232,7 +232,7 @@ Windows 允许您在对话框中使用多个文件过滤器。 每个 FileFilter
Linux 允许您在对话框中使用多个文件过滤器。 每个 FileFilter 将在对话框中显示为一个单独的条目:
<div class="text--center">
<img src="/img/runtime/dialog_lin_filters.png" width="50%" style={{"box-shadow": "rgb(255 255 >
<img src="/img/runtime/dialog_lin_filters.png" width="50%" class="screenshot"/>
</div>
<br/>
+4
View File
@@ -87,4 +87,8 @@ html[data-theme="light"] .button--secondary {
color: var(--ifm-color-primary);
background-color: transparent;
border-color: var(--ifm-color-primary);
}
.screenshot {
box-shadow: rgb(255 255 255 / 20%) 0 4px 8px 0, rgb(104 104 104) 0 6px 20px 0;
}