tencent / weui Goto Github PK

建议做Weui + Bootstrap

建议按下背景色使用lighten darken

一些文本框输入选择后，输入法弹出会遮挡，导致无法输入，这个问题怎么解决你

android 4.0 ~ 4.3 的内置浏览器支持 flexbox old syntax，也就是说绝大部分的 flexbox 特性都能使用。何必要使用 display: table-cell 这种 hack。
现在所有的 class 都是 _ 分割的，如何区分连字符和层级关系？

“微信JSAPI”那篇 wiki 有过时之处，
譬如通过 WeixinJSBridge.invoke('addContact',... )添加好友已禁用。
（ref: http://mp.weixin.qq.com/qa/7/66fb98d5261259cb083a9f475382a237.html）

我想要这样的效果，希望在微信公众号项目中能使用。
那我改怎么做呢？

我通过开发环境去开发出了我想要的效果之后，如何提取这些html/css/js，使用到真实的微信公众号项目中呢？
需要部署微信公众号项目的服务器有
nodejs？还是怎么样能不能给小弟指点一番

对话列表UI，类似web版微信的UI（不过那套的样式已经比较古老了）

我们用这ui 来做微信的底部页面，但是从微信消息或新闻进入html5 页面 微信自带菜单就消失了，所以需要html5 css3 实现一个和微信菜单一样的菜单，希望你们能提供ui

大概有一秒钟的延迟才能反应完，还没看代码、不知道是故意的还是怎么的。设备是 iPhone6 + 微信最新版。

能否提供下 Psd/AI 文件？这样做产品原型的时候方便很多。。。

能否把这个框架内嵌进入微信里面呢，微信内置的浏览器好像不支持页面缓存。 如果能把这个框架放入到微信应用里面。那么加载起来页面就更快了。能大大的提升微信内页面的体验。

打开页面后，看完button再想看dilag无法返回了，能否增加回退按钮，或者向右滑动返回

IIS中如何配WEUI,怎么配都没有样式出来
把LESS转成CSS,还是不出来
最后把LESS加到MIME中,引入less.js
也不出来样式,CHROME环境中报 406 (Not Acceptable) 错
谢谢

例如：tap验证码的input,键盘弹起后，该输入框没有定位到

weui_icon_toast图标不出现

module.js:338
throw err;
^
Error: Cannot find module 'lodash'
at Function.Module._resolveFilename (module.js:336:15)
at Function.Module._load (module.js:278:25)
at Module.require (module.js:365:17)
at require (module.js:384:17)
at Object. (D:\git\weui\node_modules\browser-sync\lib\hooks.js:3:20)
at Module._compile (module.js:460:26)
at Object.Module._extensions..js (module.js:478:10)
at Module.load (module.js:355:32)
at Function.Module._load (module.js:310:12)
at Module.require (module.js:365:17)
at require (module.js:384:17)

.weui_btn_area.weui_btn_area_inline .weui_btn {
...
display: inline-block \9;
width: 48% \9;
margin-left: 1% \9;
margin-right: 1% \9;
}

看UI的话应该是有的，自己写的话太累了，希望能加上

$container.on('click', '.js_cell[data-id]', function () {
    var id = $(this).data('id');
    var $tpl = $($('#tpl_' + id).html()).addClass('slideIn').addClass(id);
    $container.append($tpl);
    stack.push($tpl);
    history.pushState({id: id}, '', '#' + id);

    //加载数据
    if(typeof eval('load_'+id) != 'undefined' && eval('load_'+id) instanceof Function) { 
        eval('load_'+id+'();');
    }
    $($tpl).on('webkitAnimationEnd', function (){
        $(this).removeClass('slideIn');
    }).on('animationend', function (){
        $(this).removeClass('slideIn');
    });
    // tooltips
    if (id == 'cell') {
        $('.js_tooltips').show();
        setTimeout(function (){
            $('.js_tooltips').hide();
        }, 3000);
    }
});

添加的三行代码用于页面跳转前的加载数据

//加载测试
function load_test(){
    $('#toast').show();
    setTimeout(function () {
        $('#toast').hide();
    }, 800);
}

我用mx3手机测试过，用chrom iPhone4也是这样。

.weui_actionsheet 的 position 值是 absolute，其位置受最近的 positioned 祖先元素位置影响。当最近的 positioned 祖先元素高度不为一屏或位置不在当前屏的时候，action sheet 的位置会错误。可以考虑将其改为 fixed 解决这个问题。
https://github.com/weui/weui/blob/master/src/style/widget/weui_tips/weui_actionsheet.less#L4

.weui_dialog {
position: fixed;
z-index: 13;
width: 85%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform:translate(-50%,-50%);/需要加上这行，QQ和微信里才能显示居中/
background-color: @weuiDialogBackgroudColor;
text-align: center;
border-radius: 3px;
.weui_dialog_confirm & {
.weui_dialog_hd {
text-align: left;
padding: 1.2em 20px .5em;
}
.weui_dialog_bd {
text-align: left;
}
}
}

目前听说是有 Zepto.js 的，
作为微信内生态的合作伙伴，想知道有没有内置 React.js 的计划～
毕竟你们也要推基于 React.js 的 React-weUI 嘛

cell链接到另一个网页后，回退后cell上会有黑线。

目前WeUI整理出来的组件有：

• button
• cell
• dialog
• toast
• article
• icon

使用场景是移动端，微信内。

我们知道，一套完整的Wap端UI库肯定不止以上这些组件，所以我们希望借助开源社区的力量，来丰富WeUI的组件库。

各位在开发微信内的Web应用时，希望使用哪些组件，可以提出建议，谢谢~

目前感谢@sinhe 同学提出“图片列表” #8， 将加入我们的开发计划。

最近在微信开中写了几个页面，在iPhone 华为 小米 页面样式都是好的，唯独vivo手机5.5寸屏幕，样式乱掉了

在ios微信浏览器中将Input的type设为date后无法点击和输入……
（在Android设备中没有问题，在chrome中使用设备模式也没问题）

<div class="weui_cells_title">输入日期</div>
<div class="weui_cells weui_cells_form">
  <div class="weui_cell">
    <div class="weui_cell_hd">
      <label class="weui_label">生日</label>
    </div>
    <div class="weui_cell_bd weui_cell_primary">
      <input type="date" class="weui_input">
    </div>
  </div>
</div>
<div class="weui_btn_area">
  <button class="weui_btn weui_btn_primary" type="submit">提交</button>
</div>

设备：iphone 5s
系统：ios 8.1.3

截图如下：

项目整个用的compass，如果能提供scss版本的会方便不少

Hey, nice work guys.

我注意到你们使用 history.pushState() 实现了简单的路由，我在微信 webview 中测试了一下，有一个问题有点奇怪：使用微信 webview 上方的 Back 和使用“屏幕边缘左滑返回” 的效果完全不一样

当使用 Webview Back 时，所有的路由都很正常
但当通过屏幕边缘左滑返回时，路由好像失效了，直接退出了整个 webview。

我发现好像所有使用 pushState 实现路由的 web app 都有这个问题，
但是使用原始的 locatin.hash & hashchange 做路由的却没有这个问题……

但是它们确实都给 history.length +1 了……
是微信 webview 做了什么处理吗？还是 pushState 的表现在 iOS WebView 上本来有有不同？（Safari 是没有这个问题的）

比如我向关注的微信用户发了一个外链接的图文消息，然后点击跳转到对应的外链接，而这个外链接是由weui做成的，但是这个页面是在微信程序里面打开的，而不是在手机浏览器中打开的，请问这种情况下weui能否正确显示。

= =..issue 一血。

这个表单左侧 的label，居然宽度只有3个汉字的位置，一旦超过3个汉字，就和右侧 的input重叠了。

好奇葩的设定，是为了什么呢？
或者说我还不太会用？

React-weui有没有时间表呀？

如题

用于提示用户有新内容

ios微信客户端中打开页面，时间插件点不开，就像加了一个disabled属性一样。Android的微信客户端中打开页面没有问题，这个和系统有关系吗？
然后我将连接复制到浏览器中：
Android UC浏览器
iOS 自带的Safari浏览器
两者都能点开时间插件，但是样式风格完全不一样(好像是和系统有关)
不知道你们有没有遇到过这样子的情况

是否可以考虑给个微信群或者QQ群方便大家的交流，weui才出，最近想使用weui框架，如果有个官方的交流方式更快捷方便一点~

如题，实际需要的只要 Style 目录的文件就好了。可是用 Bower 直接下载了整个 Git 仓库。

而不使用fastclick时，checkbox等控件对点击响应又比较慢。

RT

这个有没有 JS 方法能直接弹出来？还是必须用户去点右上角？

Hey, nice work guys.

看到你回答了 微信内 pushState 相关的问题，我这里做了一些小尝试

我使用 H5 history.pushState 在微信内修改url后，点击 “用safari打开”/“复制链接” 发现链接地址是修改之前的地址，不知道这种情况有没有遇到过。

希望加入card 和tab 控件

1.发布
2.朋友圈回复
3.最重要的，相关照片的view

那就福利啊