tauri如何实现窗口拖动,自定义标题栏


一、tauri是什么?

Tauri是一个开源框架,用于创建跨平台的桌面应用程序。它使用Rust编程语言,并结合了现有的Web技术,如HTML、CSS和JavaScript。Tauri旨在提供一个快速、可靠和安全的方式来构建本地应用程序,同时保持Web开发的灵活性和易用性。它支持多个操作系统和架构,包括Windows、macOS和Linux。Tauri的目标是帮助开发者轻松创建高效的桌面应用程序,并提供一个统一的开发体验,使得跨平台开发变得更加简单和方便。

二、封装好的标题栏,引用修改即可使用

我这里前端使用的是vue框架,代码如下

<template>
  <div data-tauri-drag-region class="titlebar">
    <slot class="titlebar-title" name="title"></slot>
    <div class="titlebar-menu">
      <slot name="menu"></slot>
    </div>
    <div class="titlebar-right">
      <div class="titlebar-button" id="titlebar-minimize" @click="appWindow.minimize()">
        <
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值