saltjs / salt-ui Goto Github PK
View Code? Open in Web Editor NEW钉钉微应用UI组件库
Home Page: http://open.dingtalk.com
钉钉微应用UI组件库
Home Page: http://open.dingtalk.com
代码如下:
let t = this;
orders.map(function(litem){
return();
})
当我第一次更新orders,isDelte正常,第二更新orders,isDelte失效!
-------------与amaze相比---------------------:
据了解,tabBar已经在排期了.
list的红点用group.list传入jsx实现,怎么实现呢?本人还不会,期望一个demo.
用在组织架构的层级和省地市的节点告知. 什么时候可有呢?
为啥style={{backgroundImage: "http://xxx.jpg"}} 设置的图片不显示呢?应该怎么用呢?
能否按钉钉的规范,做一个style包,对当前的style重新组合一下, 适配不同的产品?一大堆的t-FAL....链接起来,阅读理解和使用上比较困难.
学习一下amaze, 对文字排版做一个规范使用, 方便统一文字大小,开发快捷.
补充: http://g.alicdn.com/platform/tingle-ui/1.1.0/docs/docs.html#tingle-style
在这里,文字和 底层样式的定义....(不习惯的时候,还是好难理解呀)
弹出的这个很使用呀.
底部浮动或者顶部浮动.....
-----对比ant的移动端组件-----------
实现下花菜单或手风琴效果,
开发环境的链接打不开?
在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)
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和TabBar能同时使用吗,使用中发现在页面内容使用Tab,底部使用TabBar的事件会失效,点击不了,另外Tab能和redux配合使用吗?在使用过程中发现,当redux状态树与使用Tab页面的组件进行绑定后,即使状态数据发生改变,页面也不会执行render方法,求解!
你写个例子,比什么都强!
我转了一下午了,没弄明白,怎么用.
东西是你做的,你肯定觉得使用 很简单.
你写个简单能真正跑起来的例子,对其他不熟悉的使用者来说,方便多了.
最后,希望能写个例子.
钉钉现在是aa 就显示aa
salt-ui 只显示 A
使用salt-ui后,阿里h5测试工具显示 首页会重定向两次,
一次是加了 url#/
另一次 是变成 url#/?_k=bfdr6n
如何减少重定向
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
setTitle方法在安卓导航里只闪现,又回到最初的导航栏名字了。在ios里settitle方法,导航栏的title会成功变化
tabbar成了子组件中Group内head和list的夹层. 不再是顶层组件了.如何解决?
为了根据条件隐藏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>
RT,项目已经采用了react+redux+webpack的方式,如果按照wiki全局引入该组件,势必会有资源先后加载的问题,请问目前有什么方法能解决?
自行开发的所有代码均在app.js中
这个问题可有遇到过? 如何解决?
使用photoField时,总是会报isDingDing没有定义,已经在钉钉客户端运行了,唯一的可能就是运行demo的域名不在钉钉白名单中,如果是白名单的问题,那白名单如何破?
钉钉官方提供的微应用性能检测工具
http://mqc.aliyun.com/hfive.htm?from=dingtalk
用该工具测试salt-ui,首页加载时间过长(3s以上),是否可以优化加载速度?
位置: 钉钉中管理部门和成员,里面有一个左右滑动的面包屑组件.
希望能添加了,与钉钉的保持风格一致.
最近两天发现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>http://g.alicdn.com/platform/tingle-ui/1.2.3/docs/docs.html#tingle-icon-source 里 @ali/tingle-icon-source怎样安装?
nowa server 报错 error in cannot find module babel-core
npm install babel-core --save-dev也不行
是nowa init salt 之后需要写webpack.config.js么?
badge
可以独立使用的小徽章,也可以附加到list,tabbar等上.用作数目或者标签提示.
style
这个的适用范围是? 有些组件怎么设置了,没有作用?
九宫格, 内置的子项图片太小了,就不居中了.
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)=>{
})
onChange
onConfirm
onCancel
3个事件都不能触发
最新版demo什么时间发布?
忙了一天就在弄这个,还是没搞明白,也不开源
哎
当数据刷新成空时,依然展示原来老的数据而不是空
结构如下.
<div >
<SearchBar
placeholder='搜索人员'
hasHistory={true}
historyName='USER_LIST_SEARCH_HISTORY'
onSearch={t.handleOnSearch.bind(value)}
/>
</div>
<Scroller>
<Group >
......
</Group>
</Scroller>
</div>`
钉钉官方提供的微应用性能检测工具
http://mqc.aliyun.com/hfive.htm?from=dingtalk
用该工具测试salt-ui,首页加载时间过长(3s以上),是否可以优化加载速度?
非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
当TextareaField、TextField在页面下半部分时,会被弹起的虚拟键盘遮挡住,请问怎么解决?
[标签tab页切换组件]中的Tab.Item的Title是否可以固定?
当Item的内容过多时,Title也会随着屏幕滚动而滚动,是否把Title可以设置成固定在顶端?像TabBar固定在底部一样!
如题,使用官方demo,tingle-ui用的是1.2.10,当checkboxfield使用slot模式时,选项无法正常选中,需要点中选项,放置约1秒方可正常选中,在list模式下无此问题。请教是什么原因?是某些属性配置不正确还是别的原因?
用grouplist 就不会有这个问题
现在手机分辨率普遍很好,已经不是一两年钱的640x320年代,1pxborder显示效果较原生border而言偏粗,校验统一一下.5pxborder标准,统一按照这个标准设计组件,效果更好。
如题,
公司在钉钉项目中在评估采用哪个组件库比较合适,当然首选是salt-ui,因为我们的前端小伙伴也是用的react
只是团队想了解下salt-ui发布的大致时间,好心里有数,谢谢
rt,试用了demo好像木有支持,看tab的usage也没有给出说明,是不支持么?
是在className 里面添加吗? 能否给一个添加取消按钮的demo?
alicdn挂掉了,导致sult-ui整体无法打开,望工作人员尽快和alicdn协商解决。。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.