开发者社区> 问答> 正文

saltui 和 tingle-UI 是什么关系?

正在用saltUI写前端,又看到 tingle-UI ,乱了。谁能介绍下 tingle-UI用法

展开
收起
独醉落梅 2017-01-11 13:26:13 6425 0
4 条回答
写回答
取消 提交回答
  • Resaltui 和 tingle-UI 是什么关系?
    http://g.alicdn.com/platform/tingle-ui/1.2.0/docs/docs.html#tingle-icon

    我的理解正好相反, 以这个文档为准, 这个是最新的. 相应的index.html的引入文件版本也需要调整到最新.

    CDN地址:
    http://alinw.alicdn.com/platform/tingle-ui/1.2.0/salt-ui.min.js
    http://alinw.alicdn.com/platform/tingle-ui/1.2.0/salt-ui.min.css

    salt-ui的前身是tingle-ui.
    2017-02-03 15:47:04
    赞同 展开评论 打赏
  • 以salt-UI为准
    2017-01-11 21:46:39
    赞同 展开评论 打赏
  • 你好,以https://github.com/saltjs/salt-ui这上面saltui的文档为准。
    另外 你是在哪看到了tingle-ui?
    2017-01-11 17:35:05
    赞同 展开评论 打赏
  • Resaltui 和 tingle-UI 是什么关系?
    tingle-icon
    在nowa下,我想引用私有的icon 步骤是什么,崩溃啊

    -------------------------

    回 1楼独醉落梅的帖子
    const WoDeHuiYi = require('../../images/wodehuiyi.svg');
    const KaiShiHuiYi = require('../../images/kaishihuiyi.svg');
    const JinQiHuiYi = require('../../images/jinqihuiyi.svg');
    const CanJiaHuiYi = require('../../images/canjiahuiyi.svg');
    const YuYueHuiYi = require('../../images/yuyuehuiyi.svg');
    const HuiYiLiShi = require('../../images/huiyilishi.svg');

    现在我是这样一个一个引入的,但是看例子,可以通过  <Icon name="icon-name"/>  这样引入,他们是怎么做的

    -------------------------

    回 3楼injekt的帖子
    http://g.alicdn.com/platform/tingle-ui/1.1.0/docs/docs.html#tingle-ui
    这个地方。
    我的九宫格的那个页面 , 图标 <Icon name="icon-name"/>  怎么用呢
    <Grid col={2} className="t-BCf t-FAC" square={true} touchable={true}>
                    <div className="grid-cell-full">
                        <WoDeHuiYi className="wo-de-hui-yi" fill="#000"/>
                        <div className="menu-title">我的会议</div>
                    </div>
                    <div className="grid-cell-full">
                        <KaiShiHuiYi className="kai-shi-hui-yi"/>
                        <div className="menu-title">开始会议</div>
                    </div>
                    <div className="grid-cell-full">
                        <JinQiHuiYi className="jin-qi-hui-yi"/>
                        <div className="menu-title">近期会议</div>
                    </div>
                    <div className="grid-cell-full">
                        <CanJiaHuiYi className="can-jia-hui-yi"/>
                        <div className="menu-title">参加会议</div>
                    </div>
                    <div className="grid-cell-full">
                        <YuYueHuiYi className="yu-yue-hui-yi" onClick={this.handleClick}/>
                        <div className="menu-title">预约会议</div>
                    </div>
                    <div className="grid-cell-full">
                        <HuiYiLiShi className="hui-yi-li-shi"/>
                        <div className="menu-title">会议历史</div>
                    </div>
                </Grid>


    -------------------------

    Re回 4楼独醉落梅的帖子
    <Grid col={3} className="t-BCf" square={true} touchable={true}>
      <div className="demo" onClick={t.add.bind(t)}>
        <Icon name="user" fill={'#42A5F5'}/>
        <div className="menu-title">用户</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
        <Icon name="time" fill={'#FF8A65'}/>
        <div className="menu-title">时钟</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
        <Icon name="star" fill={'#EA80FC'}/>
        <div className="menu-title">星星</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
          <Icon name="map" fill={'#EF9A9A'}/>
          <div className="menu-title">地图</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
          <Icon name="pen" fill={'#9FA8DA'}/>
          <div className="menu-title">编辑</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
          <Icon name="info-circle" fill={'#80DEEA'}/>
          <div className="menu-title">信息</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
          <Icon name="plus-circle" fill={'#DCE775'}/>
          <div className="menu-title">添加</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
          <Icon name="search" fill={'#A1887F'}/>
          <div className="menu-title">搜索</div>
      </div>
      <div className="demo" onClick={t.add.bind(t)}>
        <Icon name="plus" fill={'#BDBDBD'}/>
        <div className="menu-title" style={{color: '#bbb'}}>添加</div>
      </div>
    </Grid>
    这个是官网给出的九宫格的例子,我想知道我怎么能用 <Icon name="plus" fill={'#BDBDBD'}/>用引用SVG图片呢。
    2017-01-11 13:31:57
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
ui-model,跨框架复用 立即下载
UI2CODE智能生成flutter代码--整体架构 【上叶】 立即下载
低代码开发师(初级)实战教程 立即下载