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>

时间: 2024-12-21 07:37:26

glyphicon图标的使用举例的相关文章

glyphicon 图标的使用

基本用法<span class="glyphicon glyphicon-search"></span>可以将图标放于按钮于链接中,一个大按钮,按钮的内容是图标,按钮的背景色为蓝色.<button type="button" class="btn btn-primary btn-lg">  <span class="glyphicon glyphicon-user"></s

bootstrap glyphicon图标无法显示

如果不注意bootstrap引入css和fonts的规范,则可能会导致bootstrap 在显示glyphicon图标时无法正常显示,显示为方框. 此时可搜索bootstrap.css中的.glyphicon,可发现其大约上下10行左右有引入字体的URL,如下所示: 确保该目录存在即可. 通常出错是因为路径不正确所致.

Bootstrap3基础 input-group glyphicon 输入框组与可爱的glyphicon图标

礼悟:    公恒学思合行悟,尊师重道存感恩.叶见寻根三返一,江河湖海同一体.          虚怀若谷良心主,愿行无悔给最苦.读书锻炼养身心,诚劝且行且珍惜.              ide:visual studio 2017             browser:Firefox / Chrome   bootstrap:3.3.7 代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8&qu

Bootstrap3基础 input-group glyphicon 输入框组与glyphicon图标

? 内容 参数 ??OS ??Windows 10 x64 ??browser ??Firefox 65.0.2 ??framework?? ??Bootstrap 3.3.7 ??editor ??Visual Studio Code 1.32.1?? ??typesetting ??Markdown ? code <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="U

为应用程序设置一个图标 (窗口左上角 程序图标)

1.准备相应的图标文件 这里举例pr.ico2.创建img文件夹保存pr.ico文件3.创建rc文件,并输入以下内容     IDI_ICON1               ICON    DISCARDABLE     "/img/pr.ico"4.在项目文件.pro中添加如下内容      RC_FILE = pr.rc5.make6.你会发现应用程序的图标变成你指定的图标了. 为应用程序设置一个图标 (窗口左上角 程序图标),布布扣,bubuko.com

修复 Firefox 下本地使用 Bootstrap 3 时 glyphicon 不显示问题

本地开发使用 Firefox 调试,遇到了 glyphicon 图标不显示的问题,期初以为是路径问题,搜索一大圈后找到了答案,原来这是一个安全性的问题,于是问题就好办了,解决方案如下: 1. 在Firefox地址栏输入 about:config 回车: 2. 搜索 security.fileuri.strict_origin_policy 双击,把 true 变为 false: 3. 刷新页面 完工.

项目经验:Glyphicons字体图标改造,制造适合自己项目的字体图标

Bootstrap对我们来说已经不陌生了,大型的项目一定会用到它.它的DOM结构,字体图标,组件,响应式布局等,很大程度上提高了WEB开发速度. 在bootstrap刚出来的时候,它拥有丰富的组件.美丽优雅的排版布局.漂亮的设计.卓越的兼容性等优点,风靡了全球.是的,特别是它的字体图标,对于前端来说,摆脱了切图的麻烦:对于设计师来说,不用为设计图标而烦恼,bootstrap为我们提供了足够多的字体图标,200多个供我们选择使用. 随着人们审美眼光的提高,过去的审美观已经不能满足现在的审美观.过去

纯js实现html转pdf

项目开发中遇到了一个变态需求,需要把一整个页面导出为pdf格式,而且要保留页面上的所有的表格.svg图片和样式.简而言之,就是希望像截图一样,把整个页面截下来,然后保存成pdf.咋不上天呢--查了一下,能够实现html转pdf的方法还是挺多的,大概有以下几种:1.大部分浏览器就有这个功能.然而我们客户要的可不是这个,人家要的是能够在系统中主动触发的导出为pdf功能,所以这种方案pass.2.利用第三方工具.我找到了一种利用wkhtmltopdf这种工具来导出的方案,自己在我们的项目中试了一下,效

登录页面简单模板

一  div+glyphicon图标,效果图如下: 代码如下: <!-- <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %> -