import "@arco-design/web-react/dist/css/arco.css"; 第二个是设置按需加载的插件,react+ts的指导文档:https://github.com/arco-design/arco-plugins/blob/main/packages/plugin-vite-react/README.zh-CN.md,其他项目设置去官网找。下载插件包,然后在vite.config.ts中配置插件的选项。这里插件有默认参数,默认...
搭配轻盈react组件库arco-design 低耦合高定制化模块 项目结构 采用标准的vite4 / react目录结构,遵循react18 hooks编码开发。 每一个模块都是纯手写定制化开发测试,打造不一样的超简非凡后台模板。整体运行编译非常极速顺滑。 /** * 入口模板 * @author Hs*/import { useEffect } from'react'import { HashRoute...
为提高制作图标的效率,Arco 提供一键拖拉使用 Arco 图标的 Figma 插件功能,在线颜色,线宽,尺寸调整,配置灵活,方便。 为减少设计师的制作 Figma 变体成本,提高设计师生产符合设计系统规范的设计稿的效率,Arco 探索了 Code to Design,以组件为维度维度的维度 Figma 设计师可以在插件中配置组件属性,自动生成相应的设计元...
Arco 在底层设计上,结合了 Less 和CSS变量各自的优势。Less 变量负责编译时的色彩计算,基于主色计算亮 / 暗两套梯度色板,CSS 变量负责页面渲染时的最终引用,从而实现了无缝切换亮 / 暗色风格。用户既能享受 CSS 变量带来的丝滑切换体验,又能享受 Less 变量带来配置单个主色即可生成整套色板的便捷,兼顾优雅与易用。
importReactfrom'react';importReactDOMfrom'react-dom';import{Button}from'@arco-design/web-react';import'@arco-design/web-react/dist/css/arco.css';functionApp(){return(<Buttontype='secondary'>HelloWorld</Button>);}ReactDOM.render(<App/>, document.getElementById('app')); ...
// with npm npm install @arco-design/web-react // with yarn yarn add @arco-design/web-react Browser Support IE / Edge Firefox Chrome Safari Opera Electron Edge 1631493136last 2 versions Contributing Developers interested in contributing should read theCode of Conductand theContributing Guide. ...
An enterprise-level design system jointly launched by the ByteDance GIP UED team and the Infrastructure FrontEnd team - arco-design
react-admin 基于最新前端技术栈react18+arco.design+zustand+bizcharts实现通用后台管理系统。支持暗黑/亮色主题、i18n国际化、动态权限鉴定、tab路由标签栏等功能。 技术栈 编辑器:vscode 框架技术:react18+vite4+react-router+zustand+axios 组件库:arco-design (字节前端react组件库) 路由管理:react-router-dom^6....
@arco-design/web-react/icon/index.d.ts Version: 30.9 kBTypeScriptView Raw 1 import * as React from 'react'; 2 3 interface IconProps extends React.SVGAttributes<SVGElement> { 4 style?: React.CSSProperties; 5 spin?: boolean; 6 } 7 8 export declare const IconArrowDown: Reac...
3年前端开发经验,技术栈react,vue, 后端也会。 react使用arco.designui库 编辑于 2022-12-04 22:09・IP 属地浙江 React Native React 打开知乎App 在「我的页」右上角打开扫一扫 其他扫码方式:微信 下载知乎App 开通机构号 无障碍模式 验证码登录