uniapp是一种基于vue.js框架的跨平台应用开发框架，可以用于开发ios、android、h5等多种平台应用。而饿了么ui是一套vue.js的组件库，可以用于快速构建漂亮的界面。
在使用Uniapp进行应用开发时，我们可以利用饿了么UI来构建界面。下面将介绍如何在Uniapp中引入饿了么UI并展示其中的组件。
- 安装饿了么UI
首先，我们需要安装饿了么UI。在终端中进入项目目录，输入以下命令进行安装：
npm install element-ui -S
- 在main.js中引入饿了么UI
进入uniapp项目的main.js文件，添加以下内容：
import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
这里我们先引入了饿了么UI，然后使用Vue.use方法将其注册为全局组件，这样我们就可以在任何组件中使用饿了么UI的组件了。
- 使用饿了么UI组件
在组件中使用饿了么UI组件的方法与使用普通组件相同。例如，引入Button组件并在页面上展示：
按钮
这里我们使用了饿了么UI的Button组件，并在页面上展示一个“按钮”文字标识的按钮。
- 使用饿了么UI样式
我们在引入饿了么UI组件时，同时引入了它的样式文件。这样我们就可以直接在组件中使用它的样式了。
例如，在Button组件中添加类名“custom”，我们可以在样式文件中定义.custom类的样式：
按钮
这里我们通过添加自定义类名，并在样式文件中定义.custom类的样式，成功改变了按钮的背景颜色和字体颜色。
- 总结
通过上面的步骤，我们成功地引入并使用了饿了么UI组件库。当然，饿了么UI提供的组件还有很多，如Dialog、Form、Menu等，可以根据自己的需求进行使用。
Uniapp框架可以方便地实现跨平台应用开发，而饿了么UI组件库则可以帮助我们快速构建漂亮的界面。它们的结合为应用开发提供了更多便利和灵活性，相信未来会有更多的开发者加入这个大家庭。
