当前位置: 首页 > 软件库 > 手机/移动开发 > >

Redx-Vue

移动端解决方案
授权协议 MIT
开发语言 JavaScript
所属分类 手机/移动开发
软件类型 开源软件
地区 国产
投 递 者 辛盛
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Redx-Vue 是基于vuevue-routervuexwebpackpostcss等实现移动端解决方案

快速入门:

$ 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插件去实现点击按钮,复制一段网址到剪切板的功能。功能做好后,一开