bryanadamssbryanadamss
91

VueTemplate

screenshot of VueTemplate
vue
scss

vue模板，集成常用组件

GithubDemo

Overview

The vue-template is a repository that has been discontinued and users are now recommended to use the vue-awesome-template. It is a project template for vue-cli@4.x and vue@2.x.

Features

  • Vue Component Pagination: A pagination component for Vue.
  • BaseSwipe Component: A component for swiping in Vue.
  • Toast Component: A component for displaying toast messages.
  • Debounce Button Component: A button component that prevents rapid clicking.
  • Click Area Enlargement Component: A component that enlarges the clickable area of an element.
  • Confirmation Dialog Component: A component for displaying confirmation dialogs.
  • Latex Formula Rendering Component: A component for rendering latex formulas.
  • Holy Grail Layout Component: A component for a popular layout pattern.
  • Sticky Layout Component: A component for creating sticky elements.
  • List Transition Component: A component for animating the transitions of a list.
  • Loading Component: A component for displaying loading spinners.
  • Modal Component: A component for creating modal windows.
  • Popup Component: A component for creating popups.
  • Simulated Scroll Component: A component that simulates scrolling.
  • Custom Scrollbar Component: A component for creating custom scrollbars.
  • Route Transition Animation Component: A component for animating route transitions.
  • Front-end Download Library: A library for downloading files on the front-end.
  • Global Loading Library: A library for displaying global loading indicators.
  • Chinese Number Library: A library for converting floating-point numbers to Chinese.
  • Local Storage Library: A library for working with local storage.
  • Countdown Library: A library for implementing countdown timers.
  • Post Message Library: A library for working with post messages.
  • Input/Textarea Auto-Height Directive: A directive for automatically adjusting the height of input and textarea elements.
  • Click Outside Directive: A directive for detecting clicks outside of a specified area.
  • Mobile Drag Directive: A directive for handling drag events on mobile devices.
  • Affix Directive: A directive for creating sticky elements.
  • Browser Recognition Utility: A utility for identifying the user's browser.
  • DOM Manipulation Utility: A utility for manipulating the DOM.
  • Easing Function Utility: A utility for creating easing functions.
  • Common File Type Conversion Utility: A utility for converting common file types.
  • RAF (Request Animation Frame) Utility: A utility for working with request animation frame.
  • RAF Animation Utility: A utility for animating elements using request animation frame.
  • Get Scrollbar Width Utility: A utility for getting the width of the browser's scrollbar.
  • Type Checking Utility: A utility for checking the type of a value.
  • Parsing Query Strings, Throttling, Debouncing, and Time Slicing Utility: A utility for parsing query strings, implementing throttle, debounce, and time slicing.
  • Sass Grid Utility: A utility for creating grids with Sass.
  • Common Functions Utility: A collection of commonly used functions.
  • Common Mixins Utility: A collection of commonly used mixins.
  • Common Placeholder Utility: A collection of commonly used placeholder styles.
  • Media Query Utility: A utility for working with media queries.

Summary

The vue-template is a project template for creating Vue projects using vue-cli@4.x and vue@2.x. It offers a wide range of components and utilities that can be used to enhance the functionality and design of a Vue application. The template has been discontinued and users are now recommended to use the vue-awesome-template instead. It provides components for pagination, swiping, toast messages, debounce buttons, enlarging clickable areas, confirmation dialogs, latex formula rendering, layout patterns, sticky elements, list transitions, loading spinners, modals, popups, simulated scrolling, custom scrollbars, route transition animations, and more. Additionally, it includes libraries and utilities for downloading files, global loading indicators, converting numbers to Chinese, working with local storage, implementing countdown timers, handling post messages, and performing various other tasks. The template also offers a variety of directives for auto-height adjustment, click detection, mobile drag handling, and creating sticky elements. Overall, the vue-template is a comprehensive solution for developing Vue applications with a wide range of features and functionalities.

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.

scss
SCSS

SCSS is a preprocessor scripting language that extends the capabilities of CSS by adding features such as variables, nesting, and mixins. It allows developers to write more efficient and maintainable CSS code, and helps to streamline the development process by reducing repetition and increasing reusability.

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.

eslint
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.

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.