Evell

screenshot of Evell
vue

A mobile UI components based on Vue 2.0 designed by Ewell.

Overview

Evell is a mobile component library designed specifically for Vue 2.0, providing developers with an array of versatile and easy-to-use components. With straightforward installation via npm or global script inclusion, Evell simplifies the integration of UI components into your web applications. Its ability to offer on-demand imports allows for greater customization and efficiency in development, making it a great choice for building responsive user interfaces.

One of the standout features of Evell is its focus on user interaction, particularly with components like Message and Loading, which enhance user experience by providing feedback and updates during interactions. The documentation outlines clear methods for utilizing these features, ensuring that even new users can quickly grasp how to implement them effectively.

Features

  • Easy Installation: Integrate Evell into your project easily through npm or by including a global script tag, simplifying the setup process.

  • On-Demand Component Usage: Import and use components individually as needed, reducing the overall bundle size and improving application performance.

  • Message Component: Easily display messages using this.$message('message') to provide real-time feedback to users, enhancing interactivity.

  • Loading Component: Control loading animations with simple methods, like this.$loading() to start and this.$loading.close() to stop, making it effortless to manage loading states.

  • LoadMore Functionality: Implement seamless infinite scrolling with the LoadMore component, which triggers data fetching based on user scroll actions, maintaining a smooth user experience.

  • Customizable API Parameters: Tailor component behavior with various API parameters, such as bottomDistance for triggering pull-to-refresh, allowing for deeper customization based on project needs.

  • Flexible Options for Text Prompts: Adjust loading prompts and messages easily with customizable strings like bottomPullText and bottomLoadingText, ensuring that the UI matches the application’s tone and branding.

  • Event Management: Provides control through event bindings and unbinding, ensuring that developers can manage component state effectively, particularly in scenarios involving data loading and user interactions.

vue
Vue

Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.

webpack
Webpack

Webpack is a popular open-source module bundler for JavaScript applications that bundles and optimizes the code and its dependencies for production-ready deployment. It can also be used to transform other types of assets such as CSS, images, and fonts.