Axure8-元件案例之带图标文字的提示语

元件案例-带图标文字的文本输入框

预计效果：

效果

说明

为文本输入框设置提示语，我们可以在文本输入框的Hint属性中，放入需要的提示语即可。
这里因为要显示搜索图标，其实搜索图标也属于文字，只不过是图标文字。
其实他是一种文字，我们只需要当他当做提示文字放入到输入框的提示语中即可。

放入普通的文字提示语

选中"文本输入框"组件，然后在属性面板中，在hint属性值中，填入相应的提示语即可。

image.png

实现方法

01 双击安装FontAwesome字体文件， 载入FontAwesome
4.4.0图标字体元件库。
02 切换到FontAwesome 4.4.0图标字体元件库。
03 从元件库中找到 图标， 拖放到画布。
04 双击 图标， 复制里面的图标文字。
05 将复制的内容粘贴到文本框属性的{提示文字}中， 并输入其他文字（ 见图7-4） 。
06 单击【 提示样式】 ， 在样式设置界面中设置提示文字字体为“FontAwesome”， 字体
颜色为灰色