GithubHelp home page GithubHelp logo

salt-ui's People

Contributors

2999 avatar gbk avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

salt-ui's Issues

总结一下salt还需要的组件

-------------与amaze相比---------------------:

1. Badge 组件(数字红点):

据了解,tabBar已经在排期了.
list的红点用group.list传入jsx实现,怎么实现呢?本人还不会,期望一个demo.

2. Breadcrumb(面包屑)

用在组织架构的层级和省地市的节点告知. 什么时候可有呢?

3. slide (幻灯片)

为啥style={{backgroundImage: "http://xxx.jpg"}} 设置的图片不显示呢?应该怎么用呢?

4. style (底层样式)

能否按钉钉的规范,做一个style包,对当前的style重新组合一下, 适配不同的产品?一大堆的t-FAL....链接起来,阅读理解和使用上比较困难.

5. Typography(排版)

学习一下amaze, 对文字排版做一个规范使用, 方便统一文字大小,开发快捷.
补充: http://g.alicdn.com/platform/tingle-ui/1.1.0/docs/docs.html#tingle-style
在这里,文字和 底层样式的定义....(不习惯的时候,还是好难理解呀)

6 . Notification(通知)

弹出的这个很使用呀.

7. 固定元素

  底部浮动或者顶部浮动.....

-----对比ant的移动端组件-----------

1. Accordion(手风琴)

实现下花菜单或手风琴效果,

2. ActionSheet 动作面板

3 ..... Ant UI的好丰富呀没有办法一一说了.


执行nowa server提示Cannot find module 'watchpack'

在sudo npm install watchpack --save 后执行 nowa server 还报这个错。。求解决方案。。。

module.js:442
throw err;
^
Error: Cannot find module 'watchpack'
at Function.Module._resolveFilename (module.js:440:15)
at Function.Module._load (module.js:388:25)
at Module.require (module.js:468:17)
at require (internal/module.js:20:19)
at Object. (/Users/zjz/.nowa/install/webpack/1.13.3/webpack/lib/node/NodeWatchFileSystem.js:5:17)
at Module._compile (module.js:541:32)
at Object.Module._extensions..js (module.js:550:10)
at Module.load (module.js:458:32)
at tryModuleLoad (module.js:417:12)
at Function.Module._load (module.js:409:3)

scroll-list 是不是有问题啊

iphone safri 浏览器里面 下拉显示 “下拉显示更多” 想向上滑动滑不动 同样显示 “下拉显示更多” 会有这个什么问题吗?

还有 http://g.alicdn.com/platform/tingle-ui/1.2.3/docs/docs.html#tingle-scroll-list 文档中 那个gif 是 chorem 演示的吧, 我也是 chome 手机调试 结果 上下是可以滑但是不显示 “下拉显示更多” 了

  let  dataSource={
            type:'DATA',
            data:[{
                name:'1'
                },{
                name:'2'
                },{
                name:'3'
                },{
                name:'4'
                },{
                name:'5'
            }]
        };

 <ScrollList scrollLoad={ true } dataSource={dataSource2}>
                         <div style={{height:"200px" , border: "#ccc solid 1px", margin:"10px"}} >1</div>
                         <div style={{height:"200px" , border: "#ccc solid 1px", margin:"10px"}} >2</div>
                          <div style={{height:"200px" , border: "#ccc solid 1px", margin:"10px"}}>RepeatItem</div> 
                    </ScrollList>

代码从实力上拷贝的 不知道问题在哪 求教了

Tab组件使用疑问!

请问Tab和TabBar能同时使用吗,使用中发现在页面内容使用Tab,底部使用TabBar的事件会失效,点击不了,另外Tab能和redux配合使用吗?在使用过程中发现,当redux状态树与使用Tab页面的组件进行绑定后,即使状态数据发生改变,页面也不会执行render方法,求解!

找个ScrollList的例子吧

你写个例子,比什么都强!
我转了一下午了,没弄明白,怎么用.

东西是你做的,你肯定觉得使用 很简单.
你写个简单能真正跑起来的例子,对其他不熟悉的使用者来说,方便多了.

最后,希望能写个例子.

地址栏变动了三次,如何减少

使用salt-ui后,阿里h5测试工具显示 首页会重定向两次,
一次是加了 url#/
另一次 是变成 url#/?_k=bfdr6n
如何减少重定向

关于className="t-FS20 t-PL6"的文字字号调整无效的问题?

请看这两张图红圈的文字size.
className="t-FS20 t-PL6"

t-PL6 调整有效果, t-FS20 这个修改字号,有反应(闪现模糊一下),但是字号始终不增大.

image

image

<Group > <Group.List className="t-FS20 t-PL6" borderTopNone > <List onClick={this.handleClick.bind(this)} data={[{ title : this.props.label, value : 'sdfafd' }]} /> </Group.List> </Group>

demo中,avatar例子定义全局变量报错

demo中,avatar例子定义全局变量报错
global.colors = ['green', 'grey', 'orange', 'blue', 'red'];

报以下错误:
请在钉钉App打开此页面 Uncaught TypeError: Cannot set property 'colors' of undefined [React Transform HMR] There was an error updating D:/nodejs/demo/src/pages/demo/PageDemo.js: TypeError: Cannot set property 'colors' of undefined at Object.<anonymous> (http://10.10.10.119:3000/0.e2a6989ce238fab4e719.hot-update.js:77:16) at Object.176 (http://10.10.10.119:3000/0.e2a6989ce238fab4e719.hot-update.js:110:31) at __webpack_require__ (http://10.10.10.119:3000/app.js:556:30) at Object.hotApply [as apply] (http://10.10.10.119:3000/app.js:511:14) at cb (http://10.10.10.119:3000/app.js:1789:37) at hotUpdateDownloaded (http://10.10.10.119:3000/app.js:312:13) at hotAddUpdateChunk (http://10.10.10.119:3000/app.js:284:13) at webpackHotUpdateCallback (http://10.10.10.119:3000/app.js:5:12) at http://10.10.10.119:3000/0.e2a6989ce238fab4e719.hot-update.js:1:1

TabBar不支持嵌套空变量

为了根据条件隐藏TabBar.Item,使用如下代码
在这个代码中如果debugTabBarItem===“”,那么就会报错。

var debugTabBarItem = "";
            if (this.props.debugMode) {
                debugTabBarItem = (
                 <TabBar.Item title="DEBUG" icon="settings">
                    <a className="btn btn-warning" href="/Account/Logout">Logout</a>
                 </TabBar.Item>
                    );
            }
            return (
<div>
    <TabBar activeIndex={this.state.activeIndex} onChange={onChange.bind(this)}>
        <TabBar.Item title="所有报表" icon="time">
            <MyAllReportList corpId={this.props.corpId} />
        </TabBar.Item>
        <TabBar.Item title="我的收藏" icon="star">
            <MyFavList corpId={this.props.corpId} />
        </TabBar.Item>
        {debugTabBarItem}
    </TabBar>
</div>

原有的react+redux+webpack如何引入

RT,项目已经采用了react+redux+webpack的方式,如果按照wiki全局引入该组件,势必会有资源先后加载的问题,请问目前有什么方法能解决?

自行开发的所有代码均在app.js中

需求: 面包屑滑动组件

位置: 钉钉中管理部门和成员,里面有一个左右滑动的面包屑组件.
希望能添加了,与钉钉的保持风格一致.

如何引用salt-ui的最新版

最近两天发现Salt-ui的参考文档更新了,统一到了https://salt-ui.github.io/components/tingle-button/。

我们不是阿里内部团队,不能安装使用tnpm,目前我们使用引用阿里CDN上的salt-ui.js的方式使用salt-ui,目前的问题是我们不知道最新版的Salt-ui版本是多少?应该使用哪个cdn url引用。

我们现在使用:

<script src="//g.alicdn.com/platform/tingle-ui/1.2.0/salt-ui.min.js"></script>

在这个Saltui版本中SelectField在Chrome 56.0.2924.87中有问题,选择框不能正常滚动,但我们发现在最新的salt-ui参考文档的SelectField示例中已经修复了此问题,所以想更新正在使用的salt-ui的版本。

请指导如何引用最新的salt-ui,如果能告知如何找到salt-ui的源代码就更好了。

注:尝试过了从CDN上使用1.2.6的salt-ui js文件,但提到的selectfield的bug还是存在。

<script src="//g.alicdn.com/platform/tingle-ui/1.2.6/salt-ui.min.js"></script>

salt的需求和建议

  1. badge
    可以独立使用的小徽章,也可以附加到list,tabbar等上.用作数目或者标签提示.

  2. style
    这个的适用范围是? 有些组件怎么设置了,没有作用?

  3. 九宫格, 内置的子项图片太小了,就不居中了.

t.context.router.push(route);

demo中的t.context.router.push(route) 可以传参数吗?
比如像这样的:
salt.router.push({
id:'xxx', // frame id
url:'xxx', // 跳转的frame 所需要加载的url
anim:1, // 转场动画,1:从左到右,2:bottom 从下往上;默认1;
needPost:true // 是否需要发送数据到加载的frame;
param:'xxx' // 当needPost 是true的时候发送的数据
}).then(()=>{}).catch((e)=>{
})

Dev Setup: Ubuntu

Ubuntu 14.04或Ubuntu 16.04环境搭建(以下为刚安装好系统后命令)

非root帐号登录,nowa只支持4.0<=node<5.0,npm>=3.0

PS:不用谢我

sudo apt-get update
sudo apt-get -y install make build-essential curl git zlib1g-dev python2.7 libkrb5-dev
sudo wget http://nodejs.org/dist/v4.4.7/node-v4.4.7.tar.gz
sudo tar xfz node-v4.4.7.tar.gz
cd node-v4.4.7
sudo ./configure
sudo make
sudo make install
sudo npm config set registry https://registry.npm.taobao.org
sudo npm config set python python2.7
sudo npm install -g npm
sudo chmod 777 /usr/local/lib/node_modules/
sudo npm install -g webpack
sudo npm i nowa -g --registry=https://registry.npm.taobao.org && nowa install --registry=https://registry.npm.taobao.org

CheckBoxField模式Slot下选项点击有误

如题,使用官方demo,tingle-ui用的是1.2.10,当checkboxfield使用slot模式时,选项无法正常选中,需要点中选项,放置约1秒方可正常选中,在list模式下无此问题。请教是什么原因?是某些属性配置不正确还是别的原因?

有考虑过实现.5pxborder方案么?

现在手机分辨率普遍很好,已经不是一两年钱的640x320年代,1pxborder显示效果较原生border而言偏粗,校验统一一下.5pxborder标准,统一按照这个标准设计组件,效果更好。

请教源代码和npm版本预计何时会发布

如题,
公司在钉钉项目中在评估采用哪个组件库比较合适,当然首选是salt-ui,因为我们的前端小伙伴也是用的react
只是团队想了解下salt-ui发布的大致时间,好心里有数,谢谢

alicdn挂掉了。。

alicdn挂掉了,导致sult-ui整体无法打开,望工作人员尽快和alicdn协商解决。。

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.