抽屉容器,可以从多个方向展示一个侧边栏。# 引入"usingComponents": { "m-drawer": "/dist/drawer/index" } # 示例# 基础用法通过visible 控制弹出层是否展示。<m-button bind:click="showDrawer">左边弹出</m-button> <m-drawer position="left" visible="{{ visible }}" bind:close="closeDrawer"> ...
弹出模态框,常用于消息提示、消息确认,或在当前页面内完成特定的交互操作。 弹出框组件支持函数调用和组件调用两种方式。 #引入 "usingComponents":{"m-modal":"/dist/modal/index"} #JS 调用 <m-modalid="modal"/> 引入modal对象 // 此处应为相对地址importModalfrom"/dist/modal/modal" ...
Mind UI Vue 轻量、高效的 Vue2.x 移动端组件库 基础组件 Color Style Button Icon Cell Grid 操作反馈 Message Toast ActionSheet Modal Spinner Drawer Swipeout 视图 Tag Badge Collapse Progress Divider Loadmore Timeline 导航 HeaderBar Navbar NoticeBar ...
Mind UI Vue 是使用 Vue 2.6+ 版本开发的轻量、高效的 UI 组件库,适用于 Vue 2 开发。目前包含 30+ 个常用组件。目前组件库提供了 Vue 2 版本 (opens new window) 和微信小程序(升级版) (opens new window),小程序升级版支持 npm 方式安装。#...
Mind UI Weapp 使用css 变量(opens new window)来定制主题色,保持组件风格统一。 组件提供了一套默认主题来保持外观视觉一致性。 #组件中使用的颜色变量 项目中默认使用了以下主题颜色,如需更改,可复制其到app.wxss中进行修改。 page{--color-primary:#409EFF;/* primary */--color-success:#67C23A;/* Succe...
用于在打开和关闭状态之间进行切换。 #引入 "usingComponents":{"m-switch":"mind-ui-weapp/switch/index"} #示例 #基础用法 <m-switchvalue="{{ checked }}"bind:change="onChange"/> Page({data:{checked:true},onChange({detail}){// 回调中更新 checked 状态this.setData({checked:detail})}}) ...
首先创建一个新文件。在“项目导航器”中,选择View Stack文件夹,然后按Command-N键添加新文件。回到iOS ▸ Swift UI View,点击Next。将文件命名为NodeView.swift并检查是否选择了目标RazeMind。最后,单击Create。 在NodeView中,添加以下变量: staticletwidth=CGFloat(100)// 1@Statevarnode:Node//2@ObservedObje...
Xmind开源桌面版UI设计 Xmind 上个月宣布正式开源其桌面版的 UI 设计,并表示这是首次面向公众分享其 UI 设计。Xmind 是知名的思维导图软件,据称这是 Xmind 在 2008 年推出开源版本后再度拥抱开源。 Xmind 在开源公告写道,极简、克制、轻量是 Xmind UI 设计的关键词。通过采用 “无感设计”,力求为用户提供...
继Xmind 品牌升级后,我们又做了一个重大的决定——将 Xmind 桌面版所有的 UI 设计稿开源。 为什么决定开源? 这几年思维导图赛道比以往要拥挤些。但我们发现一个有趣的现象,用户并没有因为可下载的选择变多了而获得更丰富多元的使用体验,事实正相反。
ZEN 模式让你专注于思维导图本身。在 ZEN 模式下,你可以集中火力,全神贯注地进行思维的发散和整理,得出更好的解决方案。 二、下载和安装 下载地址 64位安装包:https://dl2.xmind.cn/XMind-ZEN-for-Windows-64bit-10.0.2-202002120025.exe 32位安装包:https://dl2.xmind.cn/XMind-ZEN-for-Windows-32bi...