Environment
win7/chrome 68/vue 3.1.0
Reproduction link
Steps to reproduce
- iview-project中webpack为2.x希望能更新;
非 template/render 模式下,需要加前缀 i-
,本身vue组件就有中划线和驼峰的区分,iview由多了两种,.vue中组件名首字母大写,为什么不统一呢?- icon页面,示例:
<Icon custom="i-icon i-icon-shop_fill" size="24" />
<Icon custom="i-icon i-icon-publishgoods_fill" size="24" />
<Icon custom="i-icon i-icon-financial_fill" size="24" />
不能得到任何图标,这样也不行:<Icon type="md-analytics" />
这样可以:<Icon type="ios-alert" size="50"></Icon>
文档中没有解释。
4. 非 template/render 模式下, <i-icon type="md-arrow-up"></i-icon>
这是不行的,需要 <Icon type="ios-alert" size="50"></Icon>
,而其他的又需要 i-
开头,如: <i-button type="error" shape="circle" icon="ios-search">search</i-button>
,而且button内嵌的icon,也不知道怎么加Icon的其他属性。
What is expected?
文档一致性
What is actually happening?
体验不一致,不知道是不是我理解的不对。
1条答案
按热度按时间6l7fqoea1#
Translation of this issue:
Environment
Win7/chrome 68/vue 3.1.0
Reproduction link
http://no-link.com
Steps to reproduce
non-template/render mode, prefix i-
is needed, and the Vue component itself can be distinguished between the middle line and the hump. There are two kinds of iview. The first letter of the component name in the `vue'is capitalized. Why not uniform?'. <Icon custom= "i-icon i-icon-shop_fill" size= "24" / > <Icon custom= "i-icon i-icon-publishgoods_fill" size= "24" / > <Icon custom= "i-icon i-icon-financial_fill" size= "24" / >
'.
You can't get any icons.
<Icon type= "md-analytics" / > This way:
`There is no explanation in the document.
<i-icon type="md-arrow-up"> </i-icon>
is not feasible. It requires<Icon type="ios-alert" size="50"> </Icon>
, while other needsi-''to start, such as
<i-button type= "error" shape= "circle icon="ios-search"> search </i-button and the embedded icon is unknown. How do we add other attributes of Icon?What is expected?
Document consistency
What is actually happening?
I don't know whether I understand it correctly or not.