[new feature] Icon: name can be URL (#2149)
This commit is contained in:
@@ -44,6 +44,7 @@
|
||||
}
|
||||
|
||||
&__left-icon {
|
||||
height: 24px;
|
||||
min-width: 1em;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
|
||||
@@ -44,6 +44,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-cell">
|
||||
<i class="van-icon van-icon-location van-cell__left-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
@@ -69,6 +70,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<!---->
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable">
|
||||
@@ -79,6 +81,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable">
|
||||
@@ -89,6 +92,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon van-cell__right-icon--down" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
@@ -101,6 +105,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<!---->
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable">
|
||||
@@ -111,6 +116,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<!---->
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
@@ -118,16 +124,19 @@ exports[`renders demo correctly 1`] = `
|
||||
<div class="van-cell van-cell--clickable">
|
||||
<i class="van-icon van-icon-shop van-cell__left-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
<div class="van-cell__title"><span class="custom-text">单元格</span> <span class="van-tag" style="background-color:#f44;">标签</span></div>
|
||||
<div class="van-cell__value"><span>内容</span></div>
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell van-cell--clickable">
|
||||
<i class="van-icon van-icon-location van-cell__left-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
<div class="van-cell__title"><span>单元格</span>
|
||||
<!---->
|
||||
@@ -135,6 +144,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<!---->
|
||||
<i class="van-icon van-icon-arrow van-cell__right-icon" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
<div class="van-cell">
|
||||
@@ -145,6 +155,7 @@ exports[`renders demo correctly 1`] = `
|
||||
<!---->
|
||||
<i class="custom-icon van-icon van-icon-search" style="color:undefined;font-size:undefined;">
|
||||
<!---->
|
||||
<!---->
|
||||
</i>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -91,7 +91,7 @@ Vue.use(Cell).use(CellGroup);
|
||||
|
||||
| 参数 | 说明 | 类型 | 默认值 | 版本 |
|
||||
|------|------|------|------|------|
|
||||
| icon | 左侧图标,可选值见 Icon 组件 | `String` | - | - |
|
||||
| icon | 左侧图标名称或图片链接,可选值见 Icon 组件 | `String` | - | - |
|
||||
| title | 左侧标题 | `String | Number` | - | - |
|
||||
| value | 右侧内容 | `String | Number` | - | - |
|
||||
| label | 标题下方的描述信息 | `String` | - | - |
|
||||
|
||||
Reference in New Issue
Block a user