vue Meizi

vue-Meizi

Este proyecto se basa en el último proyecto práctico de vue2 y es un excelente tutorial para que los principiantes avancen. El código es simple y fácil de entender, con muchos comentarios. Implementa desplazamiento infinito, que se usa más comúnmente en dispositivos móviles, carga imágenes, se desliza hacia la izquierda y hacia la derecha y espera. La versión preliminar se lanzará primero y más adelante se lanzarán funciones y tutoriales cada vez más completos.

###primero

---

• Gracias a la interfaz API proporcionada por gank.io

• Si te gusta, dale me gusta, síguelo, destácalo y bifurca. Estas son las motivaciones para seguir adelante.

• demostración de dirección de demostración (use el modo móvil de Chrome para obtener una vista previa)

• Dirección de este proyecto dirección de github

• Escanea con tu teléfono móvil

Arquitectura técnica del proyecto.

---

• vue-cli
• vista
• recurso-vue
• enrutador vue
• vuex
• vue-impresionante-swiper
• vue-desplazamiento-infinito
• aguja
• paquete web

### Imagen de arriba

---

• Navegación deslizante

• Diseño de flujo en cascada, desplazamiento infinito, carga diferida de imágenes

• Desliza hacia la izquierda y hacia la derecha, cambia hacia la izquierda y hacia la derecha

###Instalar

---

Dirección del proyecto: git clone )

git clone https://github.com/liangxiaojuan/vue-Meizi.git

Instale módulos de dependencia de terceros del servicio local a través de npm (requiere la instalación de Node.js)

 npm install

Inicie el servicio (http://localhost:9090)

 npm run dev

Código de liberación

 npm run build

Notas de instalación

Instalar vue-cli

 npm install -g vue-cli

Instalar vue-cli eslint

 npm install -g eslint

Instalar dependencias amigable-errores-webpack-plugin

 npm install friendly-errors-webpack-plugin --save-dev

###Estructura del directorio

---

 ├── build // Compilación de configuración de servicio y paquete web ├── config // Configuración de diferentes entornos de proyecto ├── dist // Directorio de compilación del proyecto ├── index.html // Archivo de entrada del proyecto ├── package.json // Archivo de configuración del proyecto ├── src // Directorio de producción │ ├── activos // Recursos de imagen │ ├── común // Recursos públicos css js │ ├── componentes // Varios componentes │ ├── App.vue // Página principal 
│ ├── vuex // vuex state manager │ ├── router.js // Configurador de enrutador │ └── main.js // Entrada precompilada del paquete web

###Función implementada

---

• diseño de flujo de cascada
• pergamino infinito
• Navegación lateral
• Carga diferida de imágenes
• Deslice hacia la izquierda o hacia la derecha para cambiar
• etc.

Funciones que se están implementando

---

• carga pull-up
• buscar
• mi colección
• Acceso
• etc.

por fin

---

• Otro proyecto mío de código abierto, la aplicación Ele.me (ya tiene más de 400 estrellas)
• Si te gusta, asegúrate de destacarlo (¡¡Gracias!!)
• Si tiene algún comentario o pregunta, envíelos en números y los responderé en línea.
• Dejaré mi trabajo después de este año. Si está interesado en mí, comuníquese conmigo con mi currículum.