Git Product home page Git Product logo

wx_ui's Introduction

项目主要功能点:

1、实现输入框自动延展(最高4行)

2、所有物件的尺寸自适应(大屏尺寸大,小屏尺寸小)

3、所有按钮矢量化

4、上方的绿色对话列表,我用了很少时间,顺便实现了一下。

5、得出“语音按钮不宜使用长按(tap)行为”的结论。


依赖库:

1、adapter.js是基于root size+rem的屏幕自适应方案。目前基于720宽的设计稿。

2、本项目数据绑定及交互行为依赖vue.js(v1.0.28),不依赖jquery。


对于按钮长按事件,目前有这么几种情况:

1、在微信、QQ手机浏览器的长按事件,用手势插件能激活,但会同时激活系统菜单,体验不好。

2、如果想屏蔽系统菜单,目前经测试,只能使用window.ontouchstart = function(e) { e.preventDefault(); };但这种方法,同时屏蔽了所有的手指滑动事件,界面本身的列表是需要上下滑动的,如果这样被一起屏蔽了,就必须用别的方法去驱动这个滑动行为。---综上,长按事件的开销较大。建议不要使用长按事件。如果一定要用,也有办法。

wx_ui's People

Contributors

csdudu avatar

Stargazers

 avatar

Watchers

 avatar  avatar

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.