TextLink文字链

author: 闫申申

定义

用于页面跳转或者触发一个自定义事件。

图片展示

TextLink 文字链 - 图1

代码演示

  2. import TextLink from 'pile/dist/components/textlink'
  3. <TextLink
  4.     href="javascript:;"
  5.     iconClassName="icon-toast_warning toast_icon"
  6.     iconFloat="right"
  7. >文字按钮</TextLink>
  8. <TextLink
  9.     href="javascript:;"
  10.     type="danger"
  11.     iconClassName="icon-toast_warning toast_icon"
  12.     iconFloat="right"
  13. >文字按钮</TextLink>
  14. <TextLink
  15.     href="javascript:;"
  16.     type="normal"
  17.     iconClassName="icon-toast_warning toast_icon"
  18.     iconFloat="right"
  19. >文字按钮</TextLink>
  20. <TextLink
  21.     type="disabled"
  22.     iconClassName="icon-toast_warning toast_icon"
  23.     iconFloat="right"
  24. >文字按钮</TextLink>

属性

参数 描述 数据类型 默认值
type 类型："" 默认，normal 普通 ， danger 危险提示 ，disabled 禁止 string ""
href 链接地址：有值时标签为a，不传值时标签为span string normal
iconClassName icon 的classname,传值时icon彩绘展示 string ""
iconFloat icon展示位置：left 左侧，right 右侧 string left

原文: https://didi.github.io/pile.js/docs/2017/08/develop-components-textlink.html