Giter Club home page Giter Club logo

mi-by-vue's Introduction

mi-by-vue

使用vue.js模仿小米官网的作品

运行步骤

# 安装依赖
npm install

# 在本地启动服务,并且通过localhost:8080地址进行访问
npm run dev

# 编译并且压缩代码
npm run build

访问路径

http://vue.fecss.com/mi/

建议

这个项目只是一个vue的练手项目。并没有引用一些比较好的vue.js的特性,比如vue-router或vuex。

如果想系统学习vue.js的话,建议参考jackblog-vue这个项目。

需要学习vue的组件封装的话,建议参考radon-ui之类的组件库。

类似的组件库

建议读这些组件库的源码,学习他们的组件封装的**。

mi-by-vue's People

Contributors

taomas avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

mi-by-vue's Issues

关于vue-webpack脚手架

我用的是官方的Vue-webpack脚手架,像你一样配置jQuery,不知道为什么说$未定义,也就是获取不到,想请教一下怎么配置,谢谢

关于点击视频css

问题一:点击某个视频弹窗播放的transition效果存在问题,导致弹窗的视频无法显示。原代码(PlayVideo.vue)


<div class="video-content"
v-show="playConfig.status" //此处
transition="fadeIn"> //此处

{{playConfig.title}}


<div class="cancel-link"
@click="evtCancel">




<iframe width="880" height="536" :src="playConfig.videoUrl" frameborder="0" allowfullscreen=""></iframe>



问题二:多个文件的props属性require写错,把required写成required写成require.
props: {
playConfig: {
require: true, //正确写法 ?required: true,
type: Object
}
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.