lshcom 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +31 -0
- package/package.json +14 -0
- package/src/assets/Porsche/iconfont.css +19 -0
- package/src/assets/Porsche/iconfont.eot +0 -0
- package/src/assets/Porsche/iconfont.js +1 -0
- package/src/assets/Porsche/iconfont.svg +36 -0
- package/src/assets/Porsche/iconfont.ttf +0 -0
- package/src/assets/Porsche/iconfont.woff +0 -0
- package/src/assets/cluemanagement/demo.css +539 -0
- package/src/assets/cluemanagement/demo_index.html +207 -0
- package/src/assets/cluemanagement/iconfont.css +17 -0
- package/src/assets/cluemanagement/iconfont.js +1 -0
- package/src/assets/cluemanagement/iconfont.json +16 -0
- package/src/assets/cluemanagement/iconfont.ttf +0 -0
- package/src/assets/css/_bootstrap-variables.scss +108 -0
- package/src/assets/css/_core-variables.scss +1 -0
- package/src/assets/css/_custom.scss +4 -0
- package/src/assets/css/bootstrap/_alert.scss +48 -0
- package/src/assets/css/bootstrap/_badge.scss +48 -0
- package/src/assets/css/bootstrap/_breadcrumb.scss +38 -0
- package/src/assets/css/bootstrap/_button-group.scss +198 -0
- package/src/assets/css/bootstrap/_buttons.scss +141 -0
- package/src/assets/css/bootstrap/_card.scss +223 -0
- package/src/assets/css/bootstrap/_carousel.scss +185 -0
- package/src/assets/css/bootstrap/_close.scss +29 -0
- package/src/assets/css/bootstrap/_code.scss +64 -0
- package/src/assets/css/bootstrap/_custom-forms.scss +254 -0
- package/src/assets/css/bootstrap/_dropdown.scss +128 -0
- package/src/assets/css/bootstrap/_forms.scss +390 -0
- package/src/assets/css/bootstrap/_functions.scss +90 -0
- package/src/assets/css/bootstrap/_grid.scss +53 -0
- package/src/assets/css/bootstrap/_images.scss +43 -0
- package/src/assets/css/bootstrap/_input-group.scss +176 -0
- package/src/assets/css/bootstrap/_jumbotron.scss +16 -0
- package/src/assets/css/bootstrap/_list-group.scss +114 -0
- package/src/assets/css/bootstrap/_media.scss +8 -0
- package/src/assets/css/bootstrap/_mixins.scss +41 -0
- package/src/assets/css/bootstrap/_modal.scss +142 -0
- package/src/assets/css/bootstrap/_nav.scss +120 -0
- package/src/assets/css/bootstrap/_navbar.scss +284 -0
- package/src/assets/css/bootstrap/_pagination.scss +66 -0
- package/src/assets/css/bootstrap/_popover.scss +195 -0
- package/src/assets/css/bootstrap/_print.scss +111 -0
- package/src/assets/css/bootstrap/_progress.scss +32 -0
- package/src/assets/css/bootstrap/_reboot.scss +481 -0
- package/src/assets/css/bootstrap/_tables.scss +142 -0
- package/src/assets/css/bootstrap/_tooltip.scss +107 -0
- package/src/assets/css/bootstrap/_transitions.scss +34 -0
- package/src/assets/css/bootstrap/_type.scss +123 -0
- package/src/assets/css/bootstrap/_utilities.scss +14 -0
- package/src/assets/css/bootstrap/_variables.scss +636 -0
- package/src/assets/css/bootstrap/bootstrap-grid.scss +37 -0
- package/src/assets/css/bootstrap/bootstrap-reboot.scss +9 -0
- package/src/assets/css/bootstrap/bootstrap.scss +48 -0
- package/src/assets/css/bootstrap/mixins/_alert.scss +13 -0
- package/src/assets/css/bootstrap/mixins/_background-variant.scss +12 -0
- package/src/assets/css/bootstrap/mixins/_badge.scss +12 -0
- package/src/assets/css/bootstrap/mixins/_border-radius.scss +35 -0
- package/src/assets/css/bootstrap/mixins/_box-shadow.scss +5 -0
- package/src/assets/css/bootstrap/mixins/_breakpoints.scss +105 -0
- package/src/assets/css/bootstrap/mixins/_buttons.scss +83 -0
- package/src/assets/css/bootstrap/mixins/_clearfix.scss +7 -0
- package/src/assets/css/bootstrap/mixins/_float.scss +9 -0
- package/src/assets/css/bootstrap/mixins/_forms.scss +81 -0
- package/src/assets/css/bootstrap/mixins/_gradients.scss +37 -0
- package/src/assets/css/bootstrap/mixins/_grid-framework.scss +56 -0
- package/src/assets/css/bootstrap/mixins/_grid.scss +47 -0
- package/src/assets/css/bootstrap/mixins/_hover.scss +60 -0
- package/src/assets/css/bootstrap/mixins/_image.scss +36 -0
- package/src/assets/css/bootstrap/mixins/_list-group.scss +26 -0
- package/src/assets/css/bootstrap/mixins/_lists.scss +7 -0
- package/src/assets/css/bootstrap/mixins/_nav-divider.scss +10 -0
- package/src/assets/css/bootstrap/mixins/_navbar-align.scss +9 -0
- package/src/assets/css/bootstrap/mixins/_pagination.scss +22 -0
- package/src/assets/css/bootstrap/mixins/_reset-text.scss +18 -0
- package/src/assets/css/bootstrap/mixins/_resize.scss +6 -0
- package/src/assets/css/bootstrap/mixins/_screen-reader.scss +35 -0
- package/src/assets/css/bootstrap/mixins/_size.scss +6 -0
- package/src/assets/css/bootstrap/mixins/_table-row.scss +30 -0
- package/src/assets/css/bootstrap/mixins/_text-emphasis.scss +12 -0
- package/src/assets/css/bootstrap/mixins/_text-hide.scss +8 -0
- package/src/assets/css/bootstrap/mixins/_text-truncate.scss +8 -0
- package/src/assets/css/bootstrap/mixins/_transition.scss +9 -0
- package/src/assets/css/bootstrap/mixins/_visibility.scss +5 -0
- package/src/assets/css/bootstrap/utilities/_align.scss +6 -0
- package/src/assets/css/bootstrap/utilities/_background.scss +6 -0
- package/src/assets/css/bootstrap/utilities/_borders.scss +52 -0
- package/src/assets/css/bootstrap/utilities/_clearfix.scss +3 -0
- package/src/assets/css/bootstrap/utilities/_display.scss +53 -0
- package/src/assets/css/bootstrap/utilities/_embed.scss +52 -0
- package/src/assets/css/bootstrap/utilities/_flex.scss +44 -0
- package/src/assets/css/bootstrap/utilities/_float.scss +9 -0
- package/src/assets/css/bootstrap/utilities/_position.scss +25 -0
- package/src/assets/css/bootstrap/utilities/_screenreaders.scss +11 -0
- package/src/assets/css/bootstrap/utilities/_sizing.scss +10 -0
- package/src/assets/css/bootstrap/utilities/_spacing.scss +41 -0
- package/src/assets/css/bootstrap/utilities/_text.scss +49 -0
- package/src/assets/css/bootstrap/utilities/_visibility.scss +11 -0
- package/src/assets/css/core/_animate.scss +44 -0
- package/src/assets/css/core/_aside.scss +64 -0
- package/src/assets/css/core/_avatars.scss +51 -0
- package/src/assets/css/core/_badge.scss +3 -0
- package/src/assets/css/core/_breadcrumb-menu.scss +35 -0
- package/src/assets/css/core/_breadcrumb.scss +6 -0
- package/src/assets/css/core/_buttons.scss +575 -0
- package/src/assets/css/core/_callout.scss +55 -0
- package/src/assets/css/core/_card.scss +191 -0
- package/src/assets/css/core/_charts.scss +9 -0
- package/src/assets/css/core/_dropdown.scss +69 -0
- package/src/assets/css/core/_footer.scss +8 -0
- package/src/assets/css/core/_grid.scss +15 -0
- package/src/assets/css/core/_input-group.scss +6 -0
- package/src/assets/css/core/_input.scss +26 -0
- package/src/assets/css/core/_layout.scss +397 -0
- package/src/assets/css/core/_loading.scss +128 -0
- package/src/assets/css/core/_mixins.scss +116 -0
- package/src/assets/css/core/_mobile.scss +0 -0
- package/src/assets/css/core/_modal.scss +16 -0
- package/src/assets/css/core/_nav.scss +32 -0
- package/src/assets/css/core/_navbar.scss +106 -0
- package/src/assets/css/core/_others.scss +4 -0
- package/src/assets/css/core/_progress.scss +15 -0
- package/src/assets/css/core/_rtl.scss +267 -0
- package/src/assets/css/core/_sidebar.scss +426 -0
- package/src/assets/css/core/_switches.scss +301 -0
- package/src/assets/css/core/_tables.scss +72 -0
- package/src/assets/css/core/_temp.scss +47 -0
- package/src/assets/css/core/_typography.scss +36 -0
- package/src/assets/css/core/_utilities.scss +3 -0
- package/src/assets/css/core/_variables.scss +174 -0
- package/src/assets/css/core/_widgets.scss +253 -0
- package/src/assets/css/core/core.scss +40 -0
- package/src/assets/css/core/utilities/_background.scss +8 -0
- package/src/assets/css/core/utilities/_borders.scss +18 -0
- package/src/assets/css/core/utilities/_display.scss +18 -0
- package/src/assets/css/iconfont.css +85 -0
- package/src/assets/css/loading.css +18 -0
- package/src/assets/css/main.scss +15 -0
- package/src/assets/css/themes/default.scss +518 -0
- package/src/assets/css/themes/first.css +25 -0
- package/src/assets/css/vendors/_vendors.scss +1 -0
- package/src/assets/css/vendors/chart.js/chart.scss +45 -0
- package/src/assets/financial/demo.css +539 -0
- package/src/assets/financial/demo_index.html +230 -0
- package/src/assets/financial/iconfont.css +21 -0
- package/src/assets/financial/iconfont.js +1 -0
- package/src/assets/financial/iconfont.json +23 -0
- package/src/assets/financial/iconfont.ttf +0 -0
- package/src/assets/font_jipan/demo.css +539 -0
- package/src/assets/font_jipan/demo_index.html +211 -0
- package/src/assets/font_jipan/iconfont.css +19 -0
- package/src/assets/font_jipan/iconfont.js +1 -0
- package/src/assets/font_jipan/iconfont.json +16 -0
- package/src/assets/font_jipan/iconfont.ttf +0 -0
- package/src/assets/font_jipan/iconfont.woff +0 -0
- package/src/assets/font_jipan/iconfont.woff2 +0 -0
- package/src/assets/fontgift/demo.css +539 -0
- package/src/assets/fontgift/demo_index.html +207 -0
- package/src/assets/fontgift/iconfont.css +17 -0
- package/src/assets/fontgift/iconfont.js +1 -0
- package/src/assets/fontgift/iconfont.json +16 -0
- package/src/assets/fontgift/iconfont.ttf +0 -0
- package/src/assets/fonts/iconfont.eot +0 -0
- package/src/assets/fonts/iconfont.svg +79 -0
- package/src/assets/fonts/iconfont.ttf +0 -0
- package/src/assets/fonts/iconfont.woff +0 -0
- package/src/assets/img/1.jpg +0 -0
- package/src/assets/img/2.jpg +0 -0
- package/src/assets/img/404.jpg +0 -0
- package/src/assets/img/A01-Line.png +0 -0
- package/src/assets/img/A01.png +0 -0
- package/src/assets/img/W02-Line.png +0 -0
- package/src/assets/img/W02.png +0 -0
- package/src/assets/img/arrow-left.png +0 -0
- package/src/assets/img/arrow-right.png +0 -0
- package/src/assets/img/borad-check.png +0 -0
- package/src/assets/img/call-conference-end.png +0 -0
- package/src/assets/img/call-conference.png +0 -0
- package/src/assets/img/call-consult-end.png +0 -0
- package/src/assets/img/call-consult-out.png +0 -0
- package/src/assets/img/call-consult.png +0 -0
- package/src/assets/img/call-expansion-menu.png +0 -0
- package/src/assets/img/call-expansion.png +0 -0
- package/src/assets/img/call-hang-up.png +0 -0
- package/src/assets/img/call-hold.png +0 -0
- package/src/assets/img/call-holding.png +0 -0
- package/src/assets/img/call-shrink-menu.png +0 -0
- package/src/assets/img/call-shrink.png +0 -0
- package/src/assets/img/call-transfer-end.png +0 -0
- package/src/assets/img/call-transfer.png +0 -0
- package/src/assets/img/call.png +0 -0
- package/src/assets/img/cancle-keep.png +0 -0
- package/src/assets/img/card.png +0 -0
- package/src/assets/img/cash.png +0 -0
- package/src/assets/img/customer-portrayal-blue.png +0 -0
- package/src/assets/img/customer-portrayal-white.png +0 -0
- package/src/assets/img/error.png +0 -0
- package/src/assets/img/iris.png +0 -0
- package/src/assets/img/left-kuang.png +0 -0
- package/src/assets/img/lockimg.png +0 -0
- package/src/assets/img/offLine.png +0 -0
- package/src/assets/img/success.png +0 -0
- package/src/assets/img/tishi.png +0 -0
- package/src/assets/img/userimg.png +0 -0
- package/src/assets/iocnfont/AI/demo.css +539 -0
- package/src/assets/iocnfont/AI/demo_index.html +211 -0
- package/src/assets/iocnfont/AI/iconfont.css +19 -0
- package/src/assets/iocnfont/AI/iconfont.js +1 -0
- package/src/assets/iocnfont/AI/iconfont.json +16 -0
- package/src/assets/iocnfont/AI/iconfont.ttf +0 -0
- package/src/assets/iocnfont/AI/iconfont.woff +0 -0
- package/src/assets/iocnfont/AI/iconfont.woff2 +0 -0
- package/src/assets/iocnfont/add/demo.css +539 -0
- package/src/assets/iocnfont/add/demo_index.html +212 -0
- package/src/assets/iocnfont/add/iconfont.css +20 -0
- package/src/assets/iocnfont/add/iconfont.js +1 -0
- package/src/assets/iocnfont/add/iconfont.json +16 -0
- package/src/assets/iocnfont/add/iconfont.svg +21 -0
- package/src/assets/iocnfont/add/iconfont.ttf +0 -0
- package/src/assets/iocnfont/add/iconfont.woff +0 -0
- package/src/assets/iocnfont/add/iconfont.woff2 +0 -0
- package/src/assets/iocnfont/addsf/demo.css +539 -0
- package/src/assets/iocnfont/addsf/demo_index.html +506 -0
- package/src/assets/iocnfont/addsf/iconfont.css +69 -0
- package/src/assets/iocnfont/addsf/iconfont.js +1 -0
- package/src/assets/iocnfont/addsf/iconfont.json +107 -0
- package/src/assets/iocnfont/addsf/iconfont.ttf +0 -0
- package/src/assets/iocnfont/arrow/demo.css +370 -0
- package/src/assets/iocnfont/arrow/demo_fontclass.html +58 -0
- package/src/assets/iocnfont/arrow/demo_symbol.html +87 -0
- package/src/assets/iocnfont/arrow/demo_unicode.html +96 -0
- package/src/assets/iocnfont/arrow/iconfont.css +36 -0
- package/src/assets/iocnfont/arrow/iconfont.eot +0 -0
- package/src/assets/iocnfont/arrow/iconfont.js +1 -0
- package/src/assets/iocnfont/arrow/iconfont.svg +35 -0
- package/src/assets/iocnfont/arrow/iconfont.ttf +0 -0
- package/src/assets/iocnfont/arrow/iconfont.woff +0 -0
- package/src/assets/iocnfont/company/demo.css +539 -0
- package/src/assets/iocnfont/company/demo_index.html +253 -0
- package/src/assets/iocnfont/company/iconfont.css +24 -0
- package/src/assets/iocnfont/company/iconfont.js +1 -0
- package/src/assets/iocnfont/company/iconfont.json +30 -0
- package/src/assets/iocnfont/company/iconfont.ttf +0 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.css +39 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.eot +0 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.js +1 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.json +23 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.svg +14 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.ttf +0 -0
- package/src/assets/iocnfont/iconfont-otr/iconfont.woff +0 -0
- package/src/assets/iocnfont/iconfont.css +89 -0
- package/src/assets/iocnfont/iconfont.eot +0 -0
- package/src/assets/iocnfont/iconfont.js +1 -0
- package/src/assets/iocnfont/iconfont.svg +134 -0
- package/src/assets/iocnfont/iconfont.ttf +0 -0
- package/src/assets/iocnfont/iconfont.woff +0 -0
- package/src/assets/iocnfont/vehicle/iconfont.css +31 -0
- package/src/assets/iocnfont/vehicle/iconfont.eot +0 -0
- package/src/assets/iocnfont/vehicle/iconfont.js +1 -0
- package/src/assets/iocnfont/vehicle/iconfont.svg +54 -0
- package/src/assets/iocnfont/vehicle/iconfont.ttf +0 -0
- package/src/assets/iocnfont/vehicle/iconfont.woff +0 -0
- package/src/assets/lixinghang/iconfont.css +50 -0
- package/src/assets/lixinghang/iconfont.eot +0 -0
- package/src/assets/lixinghang/iconfont.js +1 -0
- package/src/assets/lixinghang/iconfont.json +58 -0
- package/src/assets/lixinghang/iconfont.svg +18 -0
- package/src/assets/lixinghang/iconfont.ttf +0 -0
- package/src/assets/lixinghang/iconfont.woff +0 -0
- package/src/assets/lixinghang/iconfont.woff2 +0 -0
- package/src/assets/privacy/demo.css +539 -0
- package/src/assets/privacy/demo_index.html +207 -0
- package/src/assets/privacy/iconfont.css +17 -0
- package/src/assets/privacy/iconfont.js +1 -0
- package/src/assets/privacy/iconfont.json +16 -0
- package/src/assets/privacy/iconfont.ttf +0 -0
- package/src/assets/sheche/demo.css +539 -0
- package/src/assets/sheche/demo_index.html +230 -0
- package/src/assets/sheche/iconfont.css +21 -0
- package/src/assets/sheche/iconfont.js +1 -0
- package/src/assets/sheche/iconfont.json +23 -0
- package/src/assets/sheche/iconfont.ttf +0 -0
- package/src/assets/suggtion/demo.css +539 -0
- package/src/assets/suggtion/demo_index.html +207 -0
- package/src/assets/suggtion/iconfont.css +17 -0
- package/src/assets/suggtion/iconfont.js +1 -0
- package/src/assets/suggtion/iconfont.json +16 -0
- package/src/assets/suggtion/iconfont.ttf +0 -0
- package/src/assets/survey/demo.css +539 -0
- package/src/assets/survey/demo_index.html +207 -0
- package/src/assets/survey/iconfont.css +17 -0
- package/src/assets/survey/iconfont.js +1 -0
- package/src/assets/survey/iconfont.json +16 -0
- package/src/assets/survey/iconfont.ttf +0 -0
- package/src/common/common.js +599 -0
- package/src/common/global.js +214 -0
- package/src/components/LshCust/index.vue +926 -0
- package/src/components/LshVehicle/index.vue +1002 -0
- package/src/components/el/DatePicker.vue +113 -0
- package/src/components/el/Dialog.vue +66 -0
- package/src/components/el/Page.vue +69 -0
- package/src/components/el/Select.vue +173 -0
- package/src/components/el/Table.vue +98 -0
- package/src/components/el/Upload.vue +175 -0
- package/src/components/lsh-customer/dialog.vue +66 -0
- package/src/components/lsh-customer/index.vue +453 -0
- package/src/components/lsh-vehicle/dialog.vue +47 -0
- package/src/components/lsh-vehicle/index.vue +534 -0
- package/src/components/lsh-vehicle/lshCust.vue +715 -0
|
@@ -0,0 +1,207 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8"/>
|
|
5
|
+
<title>iconfont Demo</title>
|
|
6
|
+
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
|
|
7
|
+
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
|
|
8
|
+
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
|
|
9
|
+
<link rel="stylesheet" href="demo.css">
|
|
10
|
+
<link rel="stylesheet" href="iconfont.css">
|
|
11
|
+
<script src="iconfont.js"></script>
|
|
12
|
+
<!-- jQuery -->
|
|
13
|
+
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
|
|
14
|
+
<!-- 代码高亮 -->
|
|
15
|
+
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
|
|
16
|
+
<style>
|
|
17
|
+
.main .logo {
|
|
18
|
+
margin-top: 0;
|
|
19
|
+
height: auto;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.main .logo a {
|
|
23
|
+
display: flex;
|
|
24
|
+
align-items: center;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.main .logo .sub-title {
|
|
28
|
+
margin-left: 0.5em;
|
|
29
|
+
font-size: 22px;
|
|
30
|
+
color: #fff;
|
|
31
|
+
background: linear-gradient(-45deg, #3967FF, #B500FE);
|
|
32
|
+
-webkit-background-clip: text;
|
|
33
|
+
-webkit-text-fill-color: transparent;
|
|
34
|
+
}
|
|
35
|
+
</style>
|
|
36
|
+
</head>
|
|
37
|
+
<body>
|
|
38
|
+
<div class="main">
|
|
39
|
+
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
|
|
40
|
+
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
|
|
41
|
+
|
|
42
|
+
</a></h1>
|
|
43
|
+
<div class="nav-tabs">
|
|
44
|
+
<ul id="tabs" class="dib-box">
|
|
45
|
+
<li class="dib active"><span>Unicode</span></li>
|
|
46
|
+
<li class="dib"><span>Font class</span></li>
|
|
47
|
+
<li class="dib"><span>Symbol</span></li>
|
|
48
|
+
</ul>
|
|
49
|
+
|
|
50
|
+
</div>
|
|
51
|
+
<div class="tab-container">
|
|
52
|
+
<div class="content unicode" style="display: block;">
|
|
53
|
+
<ul class="icon_lists dib-box">
|
|
54
|
+
|
|
55
|
+
<li class="dib">
|
|
56
|
+
<span class="icon iconfont"></span>
|
|
57
|
+
<div class="name">线索跟进</div>
|
|
58
|
+
<div class="code-name">&#xe69c;</div>
|
|
59
|
+
</li>
|
|
60
|
+
|
|
61
|
+
</ul>
|
|
62
|
+
<div class="article markdown">
|
|
63
|
+
<h2 id="unicode-">Unicode 引用</h2>
|
|
64
|
+
<hr>
|
|
65
|
+
|
|
66
|
+
<p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
|
|
67
|
+
<ul>
|
|
68
|
+
<li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
|
|
69
|
+
<li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
|
|
70
|
+
</ul>
|
|
71
|
+
<blockquote>
|
|
72
|
+
<p>注意:新版 iconfont 支持两种方式引用多色图标:SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
|
|
73
|
+
</blockquote>
|
|
74
|
+
<p>Unicode 使用步骤如下:</p>
|
|
75
|
+
<h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
|
|
76
|
+
<pre><code class="language-css"
|
|
77
|
+
>@font-face {
|
|
78
|
+
font-family: 'iconfont';
|
|
79
|
+
src: url('iconfont.ttf?t=1657723692796') format('truetype');
|
|
80
|
+
}
|
|
81
|
+
</code></pre>
|
|
82
|
+
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
|
|
83
|
+
<pre><code class="language-css"
|
|
84
|
+
>.iconfont {
|
|
85
|
+
font-family: "iconfont" !important;
|
|
86
|
+
font-size: 16px;
|
|
87
|
+
font-style: normal;
|
|
88
|
+
-webkit-font-smoothing: antialiased;
|
|
89
|
+
-moz-osx-font-smoothing: grayscale;
|
|
90
|
+
}
|
|
91
|
+
</code></pre>
|
|
92
|
+
<h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
|
|
93
|
+
<pre>
|
|
94
|
+
<code class="language-html"
|
|
95
|
+
><span class="iconfont">&#x33;</span>
|
|
96
|
+
</code></pre>
|
|
97
|
+
<blockquote>
|
|
98
|
+
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
|
|
99
|
+
</blockquote>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
<div class="content font-class">
|
|
103
|
+
<ul class="icon_lists dib-box">
|
|
104
|
+
|
|
105
|
+
<li class="dib">
|
|
106
|
+
<span class="icon iconfont icon-xiansuogenjin"></span>
|
|
107
|
+
<div class="name">
|
|
108
|
+
线索跟进
|
|
109
|
+
</div>
|
|
110
|
+
<div class="code-name">.icon-xiansuogenjin
|
|
111
|
+
</div>
|
|
112
|
+
</li>
|
|
113
|
+
|
|
114
|
+
</ul>
|
|
115
|
+
<div class="article markdown">
|
|
116
|
+
<h2 id="font-class-">font-class 引用</h2>
|
|
117
|
+
<hr>
|
|
118
|
+
|
|
119
|
+
<p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
|
|
120
|
+
<p>与 Unicode 使用方式相比,具有如下特点:</p>
|
|
121
|
+
<ul>
|
|
122
|
+
<li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
|
|
123
|
+
<li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
|
|
124
|
+
</ul>
|
|
125
|
+
<p>使用步骤如下:</p>
|
|
126
|
+
<h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
|
|
127
|
+
<pre><code class="language-html"><link rel="stylesheet" href="./iconfont.css">
|
|
128
|
+
</code></pre>
|
|
129
|
+
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
|
|
130
|
+
<pre><code class="language-html"><span class="iconfont icon-xxx"></span>
|
|
131
|
+
</code></pre>
|
|
132
|
+
<blockquote>
|
|
133
|
+
<p>"
|
|
134
|
+
iconfont" 是你项目下的 font-family。可以通过编辑项目查看,默认是 "iconfont"。</p>
|
|
135
|
+
</blockquote>
|
|
136
|
+
</div>
|
|
137
|
+
</div>
|
|
138
|
+
<div class="content symbol">
|
|
139
|
+
<ul class="icon_lists dib-box">
|
|
140
|
+
|
|
141
|
+
<li class="dib">
|
|
142
|
+
<svg class="icon svg-icon" aria-hidden="true">
|
|
143
|
+
<use xlink:href="#icon-xiansuogenjin"></use>
|
|
144
|
+
</svg>
|
|
145
|
+
<div class="name">线索跟进</div>
|
|
146
|
+
<div class="code-name">#icon-xiansuogenjin</div>
|
|
147
|
+
</li>
|
|
148
|
+
|
|
149
|
+
</ul>
|
|
150
|
+
<div class="article markdown">
|
|
151
|
+
<h2 id="symbol-">Symbol 引用</h2>
|
|
152
|
+
<hr>
|
|
153
|
+
|
|
154
|
+
<p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
|
|
155
|
+
这种用法其实是做了一个 SVG 的集合,与另外两种相比具有如下特点:</p>
|
|
156
|
+
<ul>
|
|
157
|
+
<li>支持多色图标了,不再受单色限制。</li>
|
|
158
|
+
<li>通过一些技巧,支持像字体那样,通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
|
|
159
|
+
<li>兼容性较差,支持 IE9+,及现代浏览器。</li>
|
|
160
|
+
<li>浏览器渲染 SVG 的性能一般,还不如 png。</li>
|
|
161
|
+
</ul>
|
|
162
|
+
<p>使用步骤如下:</p>
|
|
163
|
+
<h3 id="-symbol-">第一步:引入项目下面生成的 symbol 代码:</h3>
|
|
164
|
+
<pre><code class="language-html"><script src="./iconfont.js"></script>
|
|
165
|
+
</code></pre>
|
|
166
|
+
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
|
|
167
|
+
<pre><code class="language-html"><style>
|
|
168
|
+
.icon {
|
|
169
|
+
width: 1em;
|
|
170
|
+
height: 1em;
|
|
171
|
+
vertical-align: -0.15em;
|
|
172
|
+
fill: currentColor;
|
|
173
|
+
overflow: hidden;
|
|
174
|
+
}
|
|
175
|
+
</style>
|
|
176
|
+
</code></pre>
|
|
177
|
+
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
|
|
178
|
+
<pre><code class="language-html"><svg class="icon" aria-hidden="true">
|
|
179
|
+
<use xlink:href="#icon-xxx"></use>
|
|
180
|
+
</svg>
|
|
181
|
+
</code></pre>
|
|
182
|
+
</div>
|
|
183
|
+
</div>
|
|
184
|
+
|
|
185
|
+
</div>
|
|
186
|
+
</div>
|
|
187
|
+
<script>
|
|
188
|
+
$(document).ready(function () {
|
|
189
|
+
$('.tab-container .content:first').show()
|
|
190
|
+
|
|
191
|
+
$('#tabs li').click(function (e) {
|
|
192
|
+
var tabContent = $('.tab-container .content')
|
|
193
|
+
var index = $(this).index()
|
|
194
|
+
|
|
195
|
+
if ($(this).hasClass('active')) {
|
|
196
|
+
return
|
|
197
|
+
} else {
|
|
198
|
+
$('#tabs li').removeClass('active')
|
|
199
|
+
$(this).addClass('active')
|
|
200
|
+
|
|
201
|
+
tabContent.hide().eq(index).fadeIn()
|
|
202
|
+
}
|
|
203
|
+
})
|
|
204
|
+
})
|
|
205
|
+
</script>
|
|
206
|
+
</body>
|
|
207
|
+
</html>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "iconfont"; /* Project id */
|
|
3
|
+
src: url('iconfont.ttf?t=1657723692796') format('truetype');
|
|
4
|
+
}
|
|
5
|
+
|
|
6
|
+
.iconfont {
|
|
7
|
+
font-family: "iconfont" !important;
|
|
8
|
+
font-size: 16px;
|
|
9
|
+
font-style: normal;
|
|
10
|
+
-webkit-font-smoothing: antialiased;
|
|
11
|
+
-moz-osx-font-smoothing: grayscale;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
.icon-xiansuogenjin:before {
|
|
15
|
+
content: "\e69c";
|
|
16
|
+
}
|
|
17
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
!function(t){var e,n,c,l,o,i='<svg><symbol id="icon-xiansuogenjin" viewBox="0 0 1025 1024"><path d="M472.860846 194.876089c83.105227 0 193.91105 25.937377 193.91105 250.017528 0 18.349516 15.172282 33.523518 33.521797 33.523518 18.351236 0 33.525238-15.172282 33.525238-33.523518 0-261.838834-141.509911-316.360996-260.252797-316.360996s-260.251077 54.874806-260.251077 316.360996c0 110.630361 50.815102 217.551942 130.039528 277.542662l0 4.940453C167.263225 752.605381 55.046827 824.417407 55.046827 913.519298c0 18.351236 15.174002 33.523518 33.526958 33.523518 18.347796 0 33.523518-15.170562 33.523518-33.523518 0-46.92914 96.689752-106.395195 258.6616-124.211445 16.763479-1.589477 29.642716-16.235374 29.642716-32.995412l0-51.348368c0-11.28976-6.001824-21.523309-15.174002-28.051519-68.634792-44.818439-115.040988-138.155495-115.040988-232.022376C279.656804 220.2802 389.755619 194.876089 472.860846 194.876089z" ></path><path d="M884.851942 357.377763l-42.17275-10.761655C829.271849 154.294536 668.357932 2.024691 472.860846 2.024691c-199.204146 0-361.7041 157.740123-370.349892 354.651225L77.631508 377.844862c-7.584421 6.52821-11.819586 15.702107-11.819586 25.407551l0 131.801026c0 18.351236 15.174002 33.525238 33.523518 33.525238s33.525238-15.174002 33.525238-33.525238L132.860678 418.957961l24.879446-20.468819c7.587861-6.52821 11.821306-15.702107 11.821306-25.409271 0-167.971952 136.566017-304.009864 304.008144-304.009864 167.443847 0 304.011585 136.566017 304.011585 304.009864 0 15.174002 10.233549 28.583065 25.409271 32.465586l41.637764 10.233549 0 119.805979c0 18.351236 15.172282 33.521797 33.521797 33.521797 18.352956 0 33.525238-15.168841 33.525238-33.521797l0-145.741635C910.257773 374.139522 900.025944 360.554997 884.851942 357.377763z" ></path><path d="M760.107231 493.412235c-5.996664 17.81969-61.578477 63.166234-247.899945 63.166234-18.349516 0-33.523518 15.172282-33.523518 33.523518 0 18.349516 15.174002 33.523518 33.523518 33.523518 283.369024 0 311.06962-98.805614 313.713588-118.746327l-32.997132-4.231725L760.107231 493.412235z" ></path><path d="M603.603941 726.666284l0-22.053135c0-18.347796-15.175722-33.521797-33.521797-33.521797-18.352956 0-33.525238 15.172282-33.525238 33.521797l0 51.343208c0 16.763479 12.877517 31.232194 29.637556 32.998853 17.295025 2.114142 34.056784 4.236885 49.758891 7.059756l0-67.575141C612.251454 728.255761 607.837386 727.727655 603.603941 726.666284z" ></path><path d="M955.979001 825.468229l-22.057032 0c-0.759313 0-1.44807 0.344379-2.170425 0.448532-3.378271-20.368737-11.201546-39.079417-22.74411-55.172819 0.552686-0.446852 1.239763-0.655159 1.757171-1.172567l15.577674-15.575994c8.614506-8.614506 8.614506-22.57444 0-31.187266-8.617866-8.616186-22.57444-8.616186-31.188946 0l-15.609592 15.577674c-0.517408 0.515728-0.688757 1.206165-1.172567 1.755491-16.093402-11.544244-34.83768-19.399437-55.170803-22.74243 0.104154-0.759313 0.448532-1.412792 0.448532-2.170425l0-22.057032c0-12.164126-9.892907-22.055353-22.055353-22.055353-12.167486 0-22.057032 9.891227-22.057032 22.055353l0 22.057032c0 0.757633 0.347738 1.44639 0.450212 2.170425-20.367057 3.342993-39.077737 11.198186-55.209777 22.74243-0.443493-0.549326-0.653479-1.239763-1.170887-1.755491l-15.577674-15.577674c-8.616186-8.616186-22.571081-8.616186-31.183907 0-8.617866 8.612826-8.617866 22.57276 0 31.187266l15.574314 15.575994c0.515728 0.517408 1.204485 0.688757 1.757171 1.172567-11.545924 16.093402-19.402797 34.83936-22.74579 55.204737-0.757633-0.102474-1.411113-0.443493-2.170425-0.443493l-22.055353 0c-12.162446 0-22.055353 9.887867-22.055353 22.051993 0 12.165806 9.891227 22.053673 22.055353 22.053673l22.055353 0c0.759313 0 1.44975-0.341019 2.170425-0.446852 3.378271 20.367057 11.199866 39.114695 22.74579 55.208097-0.552686 0.446852-1.241443 0.653479-1.757171 1.169208l-15.574314 15.577674c-8.617866 8.617866-8.617866 22.57276 0 31.188946 8.612826 8.614506 22.567721 8.614506 31.183907 0l15.577674-15.575994c0.517408-0.517408 0.690437-1.207845 1.170887-1.757171 16.096762 11.544244 34.84272 19.399437 55.209777 22.74243-0.102474 0.757633-0.450212 1.412792-0.450212 2.170425l0 22.057032c0 12.164126 9.889547 22.053673 22.057032 22.053673 12.162446 0 22.055353-9.889547 22.055353-22.053673l0-22.057032c0-0.757633-0.344379-1.44639-0.448532-2.170425 20.367057-3.376591 39.079417-11.198186 55.170803-22.74243 0.448532 0.549326 0.655159 1.239763 1.172567 1.757171l15.575994 15.575994c8.614506 8.614506 22.57444 8.614506 31.187266 0 8.616186-8.616186 8.616186-22.571081 0-31.188946l-15.577674-15.577674c-0.515728-0.515728-1.206165-0.687077-1.755491-1.169208 11.544244-16.093402 19.399437-34.84104 22.74243-55.208097 0.757633 0.105833 1.44639 0.446852 2.205703 0.446852l22.057032 0c12.164126 0 22.053673-9.887867 22.053673-22.053673C978.032338 835.392718 968.142791 825.468229 955.979001 825.468229zM801.593549 935.742976c-48.727059 0-88.221074-39.494351-88.221074-88.219394 0-48.728739 39.494351-88.221074 88.221074-88.221074 48.728739 0 88.219394 39.492671 88.219394 88.221074C889.812944 896.250304 850.321952 935.742976 801.593549 935.742976z" ></path></symbol></svg>',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss"),a=function(t,e){e.parentNode.insertBefore(t,e)};if(d&&!t.__iconfont__svg__cssinject__){t.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(t){console&&console.log(t)}}function s(){o||(o=!0,c())}function r(){try{l.documentElement.doScroll("left")}catch(t){return void setTimeout(r,50)}s()}e=function(){var t,e=document.createElement("div");e.innerHTML=i,i=null,(e=e.getElementsByTagName("svg")[0])&&(e.setAttribute("aria-hidden","true"),e.style.position="absolute",e.style.width=0,e.style.height=0,e.style.overflow="hidden",e=e,(t=document.body).firstChild?a(e,t.firstChild):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(e,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),e()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(c=e,l=t.document,o=!1,r(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}(window);
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
{
|
|
2
|
+
"id": "",
|
|
3
|
+
"name": "",
|
|
4
|
+
"font_family": "iconfont",
|
|
5
|
+
"css_prefix_text": "icon-",
|
|
6
|
+
"description": "",
|
|
7
|
+
"glyphs": [
|
|
8
|
+
{
|
|
9
|
+
"icon_id": "704717",
|
|
10
|
+
"name": "线索跟进",
|
|
11
|
+
"font_class": "xiansuogenjin",
|
|
12
|
+
"unicode": "e69c",
|
|
13
|
+
"unicode_decimal": 59036
|
|
14
|
+
}
|
|
15
|
+
]
|
|
16
|
+
}
|
|
Binary file
|
|
@@ -0,0 +1,108 @@
|
|
|
1
|
+
// Bootstrap overrides
|
|
2
|
+
|
|
3
|
+
//
|
|
4
|
+
// Color system
|
|
5
|
+
//
|
|
6
|
+
|
|
7
|
+
$white: #fff;
|
|
8
|
+
$gray-100: #f0f3f5;
|
|
9
|
+
$gray-200: #c2cfd6;
|
|
10
|
+
$gray-300: #a4b7c1;
|
|
11
|
+
$gray-400: #869fac;
|
|
12
|
+
$gray-500: #678898;
|
|
13
|
+
$gray-600: #536c79;
|
|
14
|
+
$gray-700: #3e515b;
|
|
15
|
+
$gray-800: #29363d;
|
|
16
|
+
$gray-900: #151b1e;
|
|
17
|
+
$black: #000 !default;
|
|
18
|
+
|
|
19
|
+
$blue: #20a8d8;
|
|
20
|
+
$indigo: #6610f2 !default;
|
|
21
|
+
$purple: #6f42c1 !default;
|
|
22
|
+
$pink: #e83e8c !default;
|
|
23
|
+
$red: #f86c6b;
|
|
24
|
+
$orange: #f8cb00;
|
|
25
|
+
$yellow: #ffc107 !default;
|
|
26
|
+
$green: #4dbd74;
|
|
27
|
+
$teal: #20c997 !default;
|
|
28
|
+
$cyan: #63c2de;
|
|
29
|
+
|
|
30
|
+
$colors: (
|
|
31
|
+
blue: $blue,
|
|
32
|
+
indigo: $indigo,
|
|
33
|
+
purple: $purple,
|
|
34
|
+
pink: $pink,
|
|
35
|
+
red: $red,
|
|
36
|
+
orange: $orange,
|
|
37
|
+
yellow: $yellow,
|
|
38
|
+
green: $green,
|
|
39
|
+
teal: $teal,
|
|
40
|
+
cyan: $cyan,
|
|
41
|
+
white: $white,
|
|
42
|
+
gray: $gray-600,
|
|
43
|
+
gray-dark: $gray-800
|
|
44
|
+
);
|
|
45
|
+
|
|
46
|
+
$theme-colors: (
|
|
47
|
+
primary: $blue,
|
|
48
|
+
secondary: $gray-300,
|
|
49
|
+
success: $green,
|
|
50
|
+
info: $cyan,
|
|
51
|
+
warning: $yellow,
|
|
52
|
+
danger: $red,
|
|
53
|
+
light: $gray-100,
|
|
54
|
+
dark: $gray-800
|
|
55
|
+
);
|
|
56
|
+
|
|
57
|
+
// Options
|
|
58
|
+
//
|
|
59
|
+
// Quickly modify global styling by enabling or disabling optional features.
|
|
60
|
+
|
|
61
|
+
$enable-transitions: true;
|
|
62
|
+
$enable-rounded: false;
|
|
63
|
+
|
|
64
|
+
// Body
|
|
65
|
+
//
|
|
66
|
+
// Settings for the `<body>` element.
|
|
67
|
+
|
|
68
|
+
$body-bg: #e4e5e6;
|
|
69
|
+
|
|
70
|
+
// Typography
|
|
71
|
+
//
|
|
72
|
+
// Font, line-height, and color for body text, headings, and more.
|
|
73
|
+
|
|
74
|
+
$font-size-base: 0.875rem;
|
|
75
|
+
|
|
76
|
+
// Breadcrumbs
|
|
77
|
+
|
|
78
|
+
$breadcrumb-bg: #fff;
|
|
79
|
+
|
|
80
|
+
// Cards
|
|
81
|
+
|
|
82
|
+
$card-border-color: $gray-200;
|
|
83
|
+
$card-cap-bg: $gray-100;
|
|
84
|
+
|
|
85
|
+
// Dropdowns
|
|
86
|
+
|
|
87
|
+
$dropdown-padding-y: 0;
|
|
88
|
+
$dropdown-border-color: $gray-200;
|
|
89
|
+
$dropdown-divider-bg: $gray-100;
|
|
90
|
+
|
|
91
|
+
// Buttons
|
|
92
|
+
|
|
93
|
+
$btn-secondary-border: $gray-300;
|
|
94
|
+
|
|
95
|
+
// Progress bars
|
|
96
|
+
|
|
97
|
+
$progress-bg: $gray-100;
|
|
98
|
+
|
|
99
|
+
// Tables
|
|
100
|
+
|
|
101
|
+
$table-bg-accent: $gray-100;
|
|
102
|
+
$table-bg-hover: $gray-100;
|
|
103
|
+
|
|
104
|
+
// Forms
|
|
105
|
+
|
|
106
|
+
$input-group-addon-bg: $gray-100;
|
|
107
|
+
$input-border-color: $gray-200;
|
|
108
|
+
$input-group-addon-border-color: $gray-200;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
// core overrides
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Base styles
|
|
3
|
+
//
|
|
4
|
+
|
|
5
|
+
.alert {
|
|
6
|
+
padding: $alert-padding-y $alert-padding-x;
|
|
7
|
+
margin-bottom: $alert-margin-bottom;
|
|
8
|
+
border: $alert-border-width solid transparent;
|
|
9
|
+
@include border-radius($alert-border-radius);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
// Headings for larger alerts
|
|
13
|
+
.alert-heading {
|
|
14
|
+
// Specified to prevent conflicts of changing $headings-color
|
|
15
|
+
color: inherit;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
// Provide class for links that match alerts
|
|
19
|
+
.alert-link {
|
|
20
|
+
font-weight: $alert-link-font-weight;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
// Dismissible alerts
|
|
25
|
+
//
|
|
26
|
+
// Expand the right padding and account for the close button's positioning.
|
|
27
|
+
|
|
28
|
+
.alert-dismissible {
|
|
29
|
+
// Adjust close link position
|
|
30
|
+
.close {
|
|
31
|
+
position: relative;
|
|
32
|
+
top: -$alert-padding-y;
|
|
33
|
+
right: -$alert-padding-x;
|
|
34
|
+
padding: $alert-padding-y $alert-padding-x;
|
|
35
|
+
color: inherit;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
// Alternate styles
|
|
41
|
+
//
|
|
42
|
+
// Generate contextual modifier classes for colorizing the alert.
|
|
43
|
+
|
|
44
|
+
@each $color, $value in $theme-colors {
|
|
45
|
+
.alert-#{$color} {
|
|
46
|
+
@include alert-variant(theme-color-level($color, -10), theme-color-level($color, -9), theme-color-level($color, 6));
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
// Base class
|
|
2
|
+
//
|
|
3
|
+
// Requires one of the contextual, color modifier classes for `color` and
|
|
4
|
+
// `background-color`.
|
|
5
|
+
|
|
6
|
+
.badge {
|
|
7
|
+
display: inline-block;
|
|
8
|
+
padding: $badge-padding-y $badge-padding-x;
|
|
9
|
+
font-size: $badge-font-size;
|
|
10
|
+
font-weight: $badge-font-weight;
|
|
11
|
+
line-height: 1;
|
|
12
|
+
color: $badge-color;
|
|
13
|
+
text-align: center;
|
|
14
|
+
white-space: nowrap;
|
|
15
|
+
vertical-align: baseline;
|
|
16
|
+
@include border-radius();
|
|
17
|
+
|
|
18
|
+
// Empty badges collapse automatically
|
|
19
|
+
&:empty {
|
|
20
|
+
display: none;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
// Quick fix for badges in buttons
|
|
25
|
+
.btn .badge {
|
|
26
|
+
position: relative;
|
|
27
|
+
top: -1px;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
// Pill badges
|
|
31
|
+
//
|
|
32
|
+
// Make them extra rounded with a modifier to replace v3's badges.
|
|
33
|
+
|
|
34
|
+
.badge-pill {
|
|
35
|
+
padding-right: $badge-pill-padding-x;
|
|
36
|
+
padding-left: $badge-pill-padding-x;
|
|
37
|
+
@include border-radius($badge-pill-border-radius);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Colors
|
|
41
|
+
//
|
|
42
|
+
// Contextual variations (linked badges get darker on :hover).
|
|
43
|
+
|
|
44
|
+
@each $color, $value in $theme-colors {
|
|
45
|
+
.badge-#{$color} {
|
|
46
|
+
@include badge-variant($value);
|
|
47
|
+
}
|
|
48
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
.breadcrumb {
|
|
2
|
+
padding: $breadcrumb-padding-y $breadcrumb-padding-x;
|
|
3
|
+
margin-bottom: 1rem;
|
|
4
|
+
list-style: none;
|
|
5
|
+
background-color: $breadcrumb-bg;
|
|
6
|
+
@include border-radius($border-radius);
|
|
7
|
+
@include clearfix;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.breadcrumb-item {
|
|
11
|
+
float: left;
|
|
12
|
+
|
|
13
|
+
// The separator between breadcrumbs (by default, a forward-slash: "/")
|
|
14
|
+
+ .breadcrumb-item::before {
|
|
15
|
+
display: inline-block; // Suppress underlining of the separator in modern browsers
|
|
16
|
+
padding-right: $breadcrumb-item-padding;
|
|
17
|
+
padding-left: $breadcrumb-item-padding;
|
|
18
|
+
color: $breadcrumb-divider-color;
|
|
19
|
+
content: "#{$breadcrumb-divider}";
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// IE9-11 hack to properly handle hyperlink underlines for breadcrumbs built
|
|
23
|
+
// without `<ul>`s. The `::before` pseudo-element generates an element
|
|
24
|
+
// *within* the .breadcrumb-item and thereby inherits the `text-decoration`.
|
|
25
|
+
//
|
|
26
|
+
// To trick IE into suppressing the underline, we give the pseudo-element an
|
|
27
|
+
// underline and then immediately remove it.
|
|
28
|
+
+ .breadcrumb-item:hover::before {
|
|
29
|
+
text-decoration: underline;
|
|
30
|
+
}
|
|
31
|
+
+ .breadcrumb-item:hover::before {
|
|
32
|
+
text-decoration: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&.active {
|
|
36
|
+
color: $breadcrumb-active-color;
|
|
37
|
+
}
|
|
38
|
+
}
|