Giter Site home page Giter Site logo

vum-team / vum Goto Github PK

View Code? Open in Web Editor NEW
1.5K 132.0 273.0 3.15 MB

An UI Framework build with Vue.js for mobile webapp

Home Page: http://getvum.com/

License: MIT License

JavaScript 8.91% HTML 0.36% Vue 27.93% CSS 62.80%
vue vue-mobile vue-ui weui-vue

vum's Issues

scroll组件的小问题

当scroll组件的scrollTop>0时，下拉至scrollTop=0的位置时会有个跳动，diff需要扣除初始scrollTop的偏移值才行。

在微信中使用sample网址的问题

使用微信扫一扫二维码，进入示例网址后，点击Form，点击Textarea弹出输入法后，快速上下拖动界面，可以看到switch控件有滞后的bug。请了解

页面滑动回弹问题

当页面滑动到最底部或者最上方，会有页面回弹效果，但是当回弹结束，急速滑动页面或者拉动页面使得浏览器的底部出现（如QQ浏览器出现已启用x5浏览服务），会使得整个浏览器的主体跟着滑动，而不是页面滑动，等待一会儿然后再轻轻的滑动页面，就可以正常了。
（使用的是iPhone测试的，手机上的浏览器都会有这个情况，特别是qq浏览器和微信）

vum 安装时，eslint报错呀

ERROR Failed to compile with 1 errors 08:51:05

Module build failed: Error: No ESLint configuration found.
at getLocalConfig (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/config.js:162:35)
at Config.getConfig (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/config.js:260:26)
at processText (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/cli-engine.js:224:33)
at CLIEngine.executeOnText (/www/vum/node_modules/_eslint@3.19.0@eslint/lib/cli-engine.js:754:26)
at lint (/www/vum/node_modules/_eslint-loader@1.9.0@eslint-loader/index.js:218:17)
at Object.module.exports (/www/vum/node_modules/_eslint-loader@1.9.0@eslint-loader/index.js:213:21)

You may use special comments to disable some warnings.
Use // eslint-disable-next-line to ignore the next line.
Use /* eslint-disable */ to ignore all warnings in a file.

Listening at http://localhost:8080

报错呀。 这个怎么处理呀。

Demo中的List和Menu的问题

  1. Demo中的List界面, 在Android下页面无法上下滚动, iOS的可以.
  2. Menu界面在iOS下,点击右上角Edit, 容易出现击穿,导致Title对应的Menu出现.

Android设备: 小米3
iOS设备: iphone6s

searchbar的问题共有以下几种问题

1）页面同时有searchbar和scroll的时候，searchbar会挡住第一条数据，必须加个div的高度是1rem的时候，才会把数据顶下来；希望有searchbar的时候，整个searchbar是block的，scroll只会从searchbar的下边框开始显示，而不是从页面的顶部开始显示。

2）页面同时有searchbar和menu的时候，searchbar会挡住弹出menu的内容；我现在是弹出menu的时候，先隐藏searchbar，客户表示可以接受。

3）页面有searchbar和popup的时候，searchbar会干扰popup的显示，特别是全屏的时候；

searchbar不会影响slidepanel的弹出。

directives/swipe.js，鼠标不支持的处理

原代码在chrome及chrome模拟器中均对鼠标无效，鼠标支持可以改用以下代码，e = e.changedTouches ? e.changedTouches[0] : e，直接使用e.pageX/e.pageY，另外鼠标还需要做mouseleave处理, 与mouseup相同

非常棒的项目

试试看能不能在项目里用的上，主要是混合开发内嵌页面用

关于此项目

Hi All，

感谢大家对此项目的支持。

L7 的主要目标是用来做SPA，一般会是一个稍微大型一些的项目，而不是一个简单的类似活动页面之类的小项目。所以除了提供UI控件外，如何解决大型应用开发中遇到的问题其实也是L7应该关注的地方，但是基于 jQuery 这样轻量的库来实现的版本确实比较难完美解决如下的几个问题：

  • 模块化，模块间通信，组件化，HTML/CSS/JS之间的依赖关系
  • 自动构建，项目结构
  • 双向数据绑定，模板等

经过最近的调研，对比 Vue, Angular2, React 三个目前最火的前端框架，决定选用 Vue 来重写 L7 的JS部分，再借鉴 jQuery WeUI, VUX等UI库中的部分组件，完成一套新的UI框架，暂时命名为 VUI。

以后会主要会维护这两个项目：

  • VUI，基于Vue, 重量级的UI框架，针对SPA大型项目，样式主要来源于 L7(F7)，以及一些优秀的其他开源项目。
  • jQuery WeUI, 基于 jQuery开发，轻量的UI库，主要针对微信公众账号，样式大部分来自官方 WeUI 以及 L7，有不少其他库没有的新组件。

因为精力所限，L7 会逐步减少更新的次数，望大家谅解，但是此项目并不会关闭，所以已经用的童鞋也不必有太大担心。

肯定会有很多人问会jQuery用的好好的为什么要这么折腾？

jQuery 可能未来十年内都不会落伍，但是前端技术日新月异，无论 Vue, Angular, React 是不是未来的趋势，至少本阶段他们可以解决很多以前很难解决的问题，也很大程度上推进了前端的技术发展&开发效率。一个好的程序员应该能紧跟技术的发展，不能在一棵树上吊一辈子。我也在不断的摸索中，Vue 也许不是最佳选择，但至少是一个对大多数项目来说都非常棒的选择。

至少现在来看， Vue能明显提升开发效率，在开发大型应用的时候也能很好地通过模块化组织来保证代码的可维护性。现在的前端开发重点已经不是样式和兼容性，而是如何构建大型的、高效的、可维护的应用。传统后端开发已经在这方面做得非常好了，前端还处在探索阶段，而 Vue 这一类的框架目前是做得最好的。

可能这类框架再过五年就会销声匿迹，被更新更好的框架取代，但是并不妨碍我们去研究和使用它。

为什么要重复造轮子？

可能还会有人问，已经有 Vux 这样的库了，为什么还要再造轮子呢？大概有以下几个原因：

  • 丰富 Vue 生态圈，多一种选择
  • 我个人可以更好的掌控整个项目
  • VUI 会有一些你在其它任何框架中都找不到的有点
  • 个人对 Vue 的爱

VUI 地址： https://github.com/lihongxun945/vui

更新：
因为已经有一个项目叫 VUI了，为了避免重名的麻烦，所以这个项目改名叫 vue-mobile

提个布局问题

整体高度固定为窗口高度的话，在移动浏览器端不是很友好 ，像iphone safari浏览器 往下滚的时候不会隐藏浏览器的操作栏，顶部也不会变小~

希望增加聊天界面

希望增加和微信一样的聊天界面和公众号聊天界面！
模仿微信，聊天是必须的
唉，我一直都是写代码的，不会美工，网上也找不到类似的界面啊！希望可以增加！
1
2

Vum能否像JQuery-WeUI一样，直接从cdn引用过来？

我平时都是这样用的

<link href="http://cdn.bootcss.com/weui/0.4.3/style/weui.min.css" rel="stylesheet">
<link href="http://cdn.bootcss.com/jquery-weui/0.8.2/css/jquery-weui.min.css" rel="stylesheet">
<script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/jquery-weui/0.8.2/js/jquery-weui.min.js"></script>

Vum能这样直接使用么？

日历切换年月日

日历弹出的选择上点击星期会触发上边年的切换，周一触发年减少，周三触发增加，周四会触发年月，周五周日触发的是月份。看了下应该是设置了height:100%导致的，去掉这个高度100%就ok了应该

router问题

把router路由页面 抽出来一个文件router.js 总是出现符号 空格等报错问题 请问大神在哪里改

images问题

在assets/images文件夹下新建图片文件夹 服务器报错 说不能处理 .//vue-loader/lib/template-compiler?{"id":"data-v-57330856"}!.//vue-loader/lib/selector.js?type=template&index=0!./src/views/flight/flight_cities.vue
Module not found: Error: Can't resolve '../../assets/images/tul/search.png' in 'E:\demo\VUE\vum-master\src\views\flight'
@ .//vue-loader/lib/template-compiler?{"id":"data-v-57330856"}!.//vue-loader/lib/selector.js?type=template&index=0!./src/views/flight/flight_cities.vue 40:13-58
@ ./src/views/flight/flight_cities.vue
@ ./src/main.js
@ multi ./build/dev-client ./src/main.js

请问大神 这怎么解决？

list不能动态渲染 

<page-content>
  <list v-for="(item, index) in items" :key="item.id">
    <list-item>
      <div class="item-media"><img src="../assets/images/icon-list.png" width="30"></div>
      <div class="item-content">
        <div class="item-title-row">
          <div class="item-title">{{item.name}}</div>
          <div class="item-after">After</div>
        </div>
      </div>
    </list-item>
  </list>
</page-content>

希望Slide支持动态更新

Slide控件初始化必须有至少一个slide节点, 同时, 如果希望动态变更(包括增加slide个数)的情况下, 只能显示初始化时的数目.

记住页面滚动条位置有问题

从主页->list页面正常，然后从list－>detail页面以及返回都会记住list页面滚动的位置，但是从list页面回退到主页之后，继续从主页进list页面就会出现滚动条会出现在detail页面回退到list页面的位置（除非在返回的时候清空相应的session） @lihongxun945

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.