vue Meizi

vue-Meizi

Este projeto é baseado no mais recente projeto prático do vue2 e é um excelente tutorial para iniciantes avançarem. O código é simples e fácil de entender, com muitos comentários. Ele implementa rolagem infinita, que é mais comumente usada em dispositivos móveis, carregando imagens, deslizando para a esquerda e para a direita e aguardando. A versão prévia será lançada primeiro, e funções e tutoriais cada vez mais completos serão lançados posteriormente.

###primeiro

---

• Graças à interface API fornecida por gank.io

• Se você gostou, por favor, dê um joinha, siga, marque com estrela e faça um fork. Essas são as motivações para eu continuar.

• demonstração de endereço de demonstração (use o modo móvel do Chrome para visualizar)

• Este endereço do projeto é o endereço do github

• Digitalize com seu celular

Arquitetura técnica do projeto

---

• vue-cli
• verdade
• recurso vue
• roteador vue
• vuex
• vue-incrível-swiper
• vue-rolagem infinita
• caneta
• webpack

### Imagem acima

---

• Navegação deslizante

• Layout de fluxo em cascata, rolagem infinita, carregamento lento de imagens

• Deslize para a esquerda e para a direita, alterne para a esquerda e para a direita

###Instalar

---

Endereço do projeto: git clone )

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

Instale módulos de dependência de terceiros de serviço local por meio npm (requer a instalação do Node.js)

 npm install

Inicie o serviço (http://localhost:9090)

 npm run dev

Código de liberação

 npm run build

Notas de instalação

Instale o vue-cli

 npm install -g vue-cli

Instale vue-cli eslint

 npm install -g eslint

Instale dependências friendly-errors-webpack-plugin

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

###Estrutura de diretório

---

 ├── build // Serviço de construção e configuração do webpack ├── config // Configuração de diferentes ambientes de projeto ├── dist // Diretório de construção do projeto ├── index.html // Arquivo de entrada do projeto ├── package.json // Arquivo de configuração do projeto ├── src // Diretório de produção │ ├── ativos // Recursos de imagem │ ├── comum // Recursos css js públicos │ ├── componentes // Vários componentes │ ├── App.vue // Página principal 
│ ├── vuex // gerenciador de estado vuex │ ├── router.js // configurador do roteador │ └── main.js // entrada pré-compilada do Webpack

###Função implementada

---

• layout de fluxo em cascata
• rolagem infinita
• Navegação lateral
• Carregamento lento de imagens
• Deslize para a esquerda ou para a direita para alternar
• etc.

Recursos sendo implementados

---

• carregamento pull-up
• procurar
• minha coleção
• Conecte-se
• etc.

afinal

---

• Outro projeto de código aberto meu, o aplicativo Ele.me (já tem mais de 400 estrelas)
• Se você gostou, não deixe de marcar com estrela!!!
• Se você tiver quaisquer comentários ou perguntas, envie-os em questões e eu os responderei online.
• Deixarei meu emprego após este ano. Se você estiver interessado em mim, entre em contato comigo com meu currículo.