glyphicon图标的使用举例
<a href="" ng-click="DialTelephone.html"
title="拨打" style="text-decoration: none">
<span class="glyphicon glyphicon-earphone" style="color:red" aria-hidden="true">
</span></a>
<tbody>
<tr ng-repeat="customer in customerList">
<td class="text-center">{{customer.type|T_}}</td>
<td class="text-center" ><a href="detail.html?cid={{customer.cid}}" title="查看" target="_blank" style="text-decoration: underline;" ng-bind="customer.cid"></a></t-bind="customer.cname">
<a href="relieveBlack.html" title="解除黑名单" data-toggle="modal" data-target="#mergeModal" ng-click="relieve(customer.cid, customer.black)" ng-cl><span style="color:red;font-weight:bold;display:{{customer.black|black_}};" id="RELIEVE">!</span></a>
<!--<a href="#" class="btn" data-toggle="popover" data-html="true" data-placement="right" title="电话:customer.tel " data-content="手机:<a href='#'>13691226585</a>">
<span class="glyphicon glyphicon-earphone text-green "> </span>
</a>-->
</td>
<td class="text-center" ng-bind="customer.cname"></td>
<td class="text-center">{{customer.assessment}}</td>
<td class="text-center" nowrap="nowrap" ng-bind="customer.city">
<a href="#" style="text-decoration: underline;" data-toggle="modal" data-target="#person"></a>
</td>
<td class="text-center" ng-bind="customer.userid"></td>
<td class="text-center">{{customer.register|date:'yyyy-MM-dd'}}</td>
<td class="text-center">{{customer.updatedt|date:'yyyy-MM-dd'}}</td>
<td class="text-center">5</td>
<td class="text-center table-option"><a href="../../cresource/view/add.html?cid={{customer.cid}}" title="添加客源" target="_blank"> <span class="icon-plus text-green" aria-hidden="true"></span>
</a><a href="blacklist.html" title="拉黑" ng-click="black(customer.cid, customer.black);" data-toggle="modal" data-target="#mergeModal"> <span class="icon-ban-circle text-red" aria-hidden="true"></span></a>
<a ui-sref="callphone" data-toggle="modal" data-target="#cainmergeModal" title="拨打" style="text-decoration: none" ng-click="op($index)">
<span class="glyphicon glyphicon-earphone" style="color:red" aria-hidden="true">
</span></a>
</td>
</tr>
</tbody>
</table>
<div class="panel-footer">
<nav class="pull-right">
<pagination num-pages="pages" curr-page="page" on-select-page="selectPage(page)"></pagination>
</nav>
</div>
</div>
</div>
</div>
</div>
转载于:https://www.cnblogs.com/shunzdd/p/5585972.html
glyphicon图标的使用举例相关推荐
- bootstrap引用glyphicon图标无法显示
一开始直接引用的时候总是不显示,但是可以直接引入icon图标,查阅了一下相关文档,原来是glyphicon图标无法被跨域显示.如果直接用网页链接就可以显示,所以,若想在本地文件中调用glyphicon ...
- CSS中利用BootStrap框架引入glyphicon图标无法显示的解决方法
想要引用如图的对勾图标 结果显示出来的是一个方框 出现该问题的原因是由于没有注意bootstrap引入css和fonts的规范,就可能会导致bootstrap 在显示glyphicon图标时无法正常显 ...
- Bootstrap 4 glyphicon 图标显示不出来(无fonts文件夹)
为什么Bootstrap 4 glyphicon 图标显示不出来? bootstrap4已经不默认提供图标了,但还是需使用,该怎么做呢? 在下面的博客中找到了解决方法:(感谢博主~~) Bootstr ...
- Bootstrap中glyphicon图标无法引用问题
<a href="#"><span class="glyphicon glyphicon-home redColor"></spa ...
- BootStrap中引用glyphicon图标无法显示的解决方式
1.首先看一下图标显示失败的页面: 2.经过参考大佬们的经验,我找到了解决办法.首先我的BootStrap的css样式表是经过下载之后直接拷贝了其中一个文件到编译器中使用的,没有把所有的css样式表和 ...
- BootStrap3 图标glyphicon
目录 官方地址 glyphicons官方地址 基类 说明 用法 整体代码 官方地址 https://v3.bootcss.com/components/#glyphicons glyphicons官方 ...
- Bootstrap3 Font Awesome 字体图标的基本图标
基本图标 Font Awesome图标跟Glyphicon图标的用法完全相同,所有图标都需要一个基类 .fa 和对应每个图标的 .fa-* 类.只需创建一个行内元素,并为它应用图标类,即可使用Font ...
- DGUS组态软件中位变量图标怎么用
位变量图标显示功能是把一个数据变量的每个位(bit)的 0/1 状态对应 8 种不同显示方案中的两种,用 ICON 图 标(或图标动画)来对应显示.多用于开关状态显示,比如风机的运转(动画).停止(静 ...
- 三分钟教会你自制 iconFont 字体图标库
app开发的时候,我们大多会用到字体icon,下面我们就讲解一下,如何自定义生成 iconFont 一般情况,我们优先选择在 Iconfont-阿里巴巴矢量图标库 下载我们需要的矢量icon的svg格 ...
最新文章
- 使virtualenv从您的全局站点包继承特定的包
- Microbiome:所谓的“富集培养”获得的微生物真的都是被“富集”出来的吗?
- c语言实现补码加减,C语言实现用位移运算符进行加减乘…
- 形容计算机老师风采的句子,关于老师的句子
- SWT外观:自定义FlatScrollBar颜色等
- Linux 命令之 timedatectl -- 查看系统当前时区设置
- 三星Galaxy S22或放弃Exynos 2200?假消息!依旧双版本
- mysql重建索引_mysql创建、删除、重建、删除索引的操作命令的一些总结
- 认识队列技术中的硬件队列和软件队列及如何改变硬件队列长度
- juniper srx电话单通
- 两个摄像头自动切换画面_你知道吗?你的手机摄像头之间会打架
- redux-form(V7.4.2)笔记( 五)核心模块回顾
- 数据库:SQL数据查询(详细、全面)
- Leftist Heaps
- MySQL 数据库和MySQL核心知识总结宝典
- Unity3D--学习太空射击游戏制作(四)
- TOP公链主网技术:多层扩容和多层分片
- happen-before原则与JMM内存模型
- RabbitMQ在Docker中安装以及Management API returned status code 500错误
- MATLAB 正态(高斯)分布概率密度函数
热门文章
- 为什么策略模式叫做策略模式
- CSDN博客——如何进入专栏并创建自己的专栏
- SpringCloud微服务核心组件类图版
- 大灰狼的故事-大灰狼和小鳄鱼
- openbroadcast中文_OBS直播软件下载|Open Broadcaster Software(obs直播软件) v0.651 官方中文版 - 今朝下载...
- 把漫画浏览器的漫画多数据源切换给实现了一下
- sql包含怎么写_实习生简历怎么写?都包含哪些内容?
- FLASH加载XML相册
- PVE迁移的一些问题
- 【RFID】RFID的射频前端