Netease Music Uniapp
Vue3 + vite + pinia + ts 实现网易云音乐小程序、h5 等多端应用，基于 uni-app
Overview:
The Netease Music UniApp is an impressive multi-platform application built using Vue3, Vite, Pinia, and TypeScript, specifically designed for the Netease Cloud Music service. This project showcases the versatility of uni-app by enabling users to create applications that work seamlessly across various platforms, including mini-programs and H5 web apps. The interface is user-friendly, with a night mode feature that enhances the listening experience, making it perfect for music enthusiasts who enjoy a modern and flexible app.
With an extensive range of functionalities, this application caters to diverse user needs, from login options to music discovery and playlist management. It aims at providing a feature-rich experience that allows users to engage deeply with their music collection while benefiting from sleek design and efficient performance.
Features:
- Multiple Login Options: Users can log in via phone number, account password, or via verification codes, providing flexibility based on user preference.
- Playlist Square & All Charts: Easily navigate through a multitude of playlists and check out all available music charts for popular tracks.
- Fully Functional Music Player: Enjoy a versatile player that supports playlist management, allowing for alternate song queues and instant playback features.
- Dynamic User Interfaces: The app includes detailed pages for playlists, user profiles, and artist profiles, enhancing user interaction with the content.
- Interactive Comments Section: Users can view and like comments, with the convenience of long-press copying for sharing insights.
- Virtual Scroll List: Navigate through extensive playlists effortlessly, with support for up to 10,000 songs, making it ideal for avid music listeners.
- Regular Updates: The app encourages user engagement with features like daily recommendations and the ability to check out music discovery playlists.
- Customizable Server Settings: The project is flexible with server settings, allowing tech-savvy users to modify configurations for optimal performance.
- Vite
Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects
- 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.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Pinia
Pinia is the official state management library for Vue.js. It provides a simple and intuitive API with full TypeScript support, devtools integration, and modular design. Pinia replaces Vuex as the recommended state management solution for Vue 3.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.