Redx-Vue 是
。快速入门:
$ git clone git@https://github.com/redgang/redx-vue.git $ cd redx-vue $ npm install $ npm start# open http://localhost:3200
查看文档:
# open http://localhost:3200/#!/docs
查看 Demo:
# open http://localhost:3200/#!/demo
规则说明:
使用 ES6 编写
数据使用vuex管理
使用 .vue 单文件组件,组件中不建议直接写css
组件commponents以c-开头,view公共组件以v-开头
逻辑尽量写在 script 里,保持 template 逻辑简单
i18n, validator,request 可以正常使用,components中的组件还不稳定,随时会改
不限制使用何种 UI 组件,可以使用第三方,或自己开发(请尽量考虑复用性)
尽量使用小的依赖库
整体尽量向 vue2.0 靠近
目录结构:
redx-vue ├── bin ├── build ├── config ├── server │ ├── lib │ └── middleware └── src #核心代码 ├── components #ui组件库(目前自建) ├── plugins #插件库 │ ├── i18n │ └── validator ├── routes #路由 ├── static #静态文件 │ ├── docs │ ├── i18n │ └── images ├── themes #主题 │ └── default │ ├── components │ ├── fonts │ ├── images │ ├── mixins │ ├── variables │ └── views ├── utils #公共库(request) ├── views #业务组件 │ ├── common │ ├── demo │ └── docs └── vx #vuex数据管理 ├── actions ├── constants ├── getters ├── middlewares └── modules
Redx-Vue 详细介绍 Redx-Vue 是基于vue、vue-router、vuex、webpack、postcss等实现移动端解决方案。 快速入门: $ git clone git@https://github.com/redgang/redx-vue.git $ cd redx-vue $ npm install $ npm start# open http://localhost:32
vue 拖动效果 vue-slicksort : https://github.com/Jexordexan/vue-slicksort https://github.com/redgang/redx-vue vue-image-scroll : npm install vue-image-scroll http://www.oschina.net/p/redx-vue?fromerr=gKW
本文向大家介绍解决vue移动端适配问题,包括了解决vue移动端适配问题的使用技巧和注意事项,需要的朋友参考一下 1,先看看网上关于移动端适配讲解 再聊移动端页面适配,rem和vw适配方案! 基础点:rem相对根节点字体的大小。所以不用px; 根字体:字体的大小px; px:你就当成cm(厘米)这样的东西吧; 基准:750设计稿; 这是方案的基础理论,在这个基础上,我们还要搞明白,到底要干一件什么事
本文向大家介绍vue 移动端适配方案详解,包括了vue 移动端适配方案详解的使用技巧和注意事项,需要的朋友参考一下 一、方法一:rem 布局 在主入口:index.html,<head> 标签内添加如下JS 代码:(实现在标准 375px宽度适配下,100px = 1rem。) 二、方法二:lib-flexible 插件实现 1、安装插件 2、在main.js中引入lib-flexible 3、在
移动端APP部署及安全解决方案 概述 InforMobile移动应用产品不仅支持在局域网(LAN)环境中的部署使用,也支持在internet(互联网)环境中的部署使用。局域网和互联网环境不同,局域网是一个相对封闭的内部网络环境,而互联网则是完全开放的网络,因此对服务部署和数据安全控制有明显的区别。针对企业安全方面的考虑和实际需要,InforMobile移动应用产品提供了一套完整的App部署及安全解
本文向大家介绍vue项目中使用lib-flexible解决移动端适配的问题解决,包括了vue项目中使用lib-flexible解决移动端适配的问题解决的使用技巧和注意事项,需要的朋友参考一下 第一部分:项目中引入lib-flexible 一、项目中安装lib-flexible 二、在项目的入口js文件中引入lib-flexible 通过要以上两步,就完成了在vue项目使用lib-flexible来
本文向大家介绍vue移动端屏幕适配详解,包括了vue移动端屏幕适配详解的使用技巧和注意事项,需要的朋友参考一下 flexible vue移动端屏幕适配,查看项目地址 效果预览 # 项目clone git clone git@github.com:NicolasGui/flexible.git # 进入项目目录 cd flexible # 安装依赖 npm install # 启动服务 localh
本文向大家介绍clipboard.js在移动端复制失败的解决方法,包括了clipboard.js在移动端复制失败的解决方法的使用技巧和注意事项,需要的朋友参考一下 1.前沿 一句话介绍下clipboard.js:实现了纯 JavaScript (无 Flash)的浏览器内容复制到系统剪贴板的功能。 在项目中使用clipboard.js插件去实现点击按钮,复制一段网址到剪切板的功能。功能做好后,一开