在前端开发中，我们常常需要使用到一些基础组件和效果，这时候我们就可以使用别人已经封装好的 npm 包进行开发。其中一个常见的 npm 包就是 remade（Remix Made）。
remade 简介
remade 是一个基于 Vue.js 开发的 UI 库，主要用于移动端应用开发。它的特点是使用 rem 代替 px，适配不同屏幕。
安装 remade
在你的项目目录下使用以下命令安装 remade：
npm install remade --save
使用 remade
在你的项目中使用 remade 非常简单，只需要在 Vue 实例中引入 remade 并挂载到 Vue.prototype 上就可以使用了。
import Vue from 'vue' import Remade from 'remade' Vue.use(Remade)
组件示例
下面是几个 remade 组件的示例代码：
card
-- -------------------- ---- ------- -------- ----------- --- --------------- ---- --------------- - ------- ------ ------- ------ ------- ------ ----------
button
-- -------------------- ---- ------- ---------- -------------- --------- ---------------- ----------------- -------------------- - -- ------------
tab
<rm-tabs :tabs="tabs" :active="active" @change="handleChange" />
-- -------------------- ---- -------
------ -
------ -
----- -
- ------ ----- --
- ------ ----- --
- ------ ----- --
--
------- --
-
--
-------- -
-------------------- -
----------- - ------
--
--总结
remade 是一个轻量级的移动端 UI 库，使用 rem 代替 px 进行适配，可有效解决多屏幕适配问题。在项目中使用 remade 不仅可以提高开发效率，还可以让应用具有良好的用户体验。
希望这篇文章对你使用 remade 有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005557881e8991b448d2a4c