DataType
/
omi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

omim - update tag

This commit is contained in:
dntzhang 2019-06-12 11:00:36 +08:00
parent 6d2592556e
commit 4f59eca558
6 changed files with 27 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
packages/omim/demos/tag/bundle.js
View File

File diff suppressed because one or more lines are too long

2
packages/omim/docs/build/repl/tag-preview.html vendored
View File

@ -38,7 +38,7 @@
}
</style>
<script src="./libs/omi.dev.js"></script>
<script src="../js/tag.js"></script>
<script src="https://tencent.github.io/omi/packages/omim/src/tag/index.js"></script>
</head>
<body style="background-color:#eee;">

2
packages/omim/docs/public/repl/tag-preview.html
View File

@ -38,7 +38,7 @@
}
</style>
<script src="./libs/omi.dev.js"></script>
<script src="../js/tag.js"></script>
<script src="https://tencent.github.io/omi/packages/omim/src/tag/index.js"></script>
</head>
<body style="background-color:#eee;">

2
packages/omim/src/tag/index.js
View File

@ -108,7 +108,7 @@ exports = module.exports = __webpack_require__(/*! ../../node_modules/_css-loade
// module
exports.push([module.i, ".m-icon {\n margin-left: 0.6em;\n text-align: center;\n display: inline-block; }\n\n.mdc-tag > span {\n display: inline-block;\n width: 17px;\n height: 17px;\n vertical-align: bottom;\n width: auto; }\n\n.mdc-tag {\n margin: 5px 5px 0 0;\n background-color: #fff;\n color: #000;\n padding: 0 10px;\n height: 32px;\n font-size: 12px;\n box-sizing: border-box;\n border: 1px solid rgba(64, 158, 255, 0.2);\n white-space: nowrap;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.08929em;\n text-decoration: none;\n text-transform: uppercase;\n padding: 0 10px;\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n line-height: inherit;\n user-select: none;\n overflow: hidden;\n vertical-align: middle;\n border-radius: 4px; }\n\n.mdc-tag--active {\n background-color: #ccc; }\n\n.mdc-tag--success {\n background-color: rgba(103, 194, 58, 0.1);\n border-color: rgba(103, 194, 58, 0.2);\n color: #09bb07 !important; }\n\n.mdc-tag--primary {\n background-color: rgba(64, 158, 255, 0.1);\n border-color: rgba(64, 158, 255, 0.2);\n color: #0072d9 !important; }\n\n.mdc-tag--warn {\n background-color: rgba(230, 162, 60, 0.1);\n border-color: rgba(230, 162, 60, 0.2);\n color: #e6a23c !important; }\n\n.mdc-tag--danger {\n background-color: rgba(245, 108, 108, 0.1);\n border-color: rgba(245, 108, 108, 0.2);\n color: #e64340 !important; }\n\n.mdc-tag--mediun {\n height: 28px;\n line-height: 26px; }\n\n.mdc-tag--small {\n height: 24px;\n padding: 0 8px;\n line-height: 22px; }\n\n.mdc-tag--mini {\n height: 20px;\n padding: 0 5px;\n line-height: 19px; }\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 15px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n margin-left: 8px;\n display: inline-block;\n width: 17px;\n height: 17px;\n vertical-align: bottom; }\n", ""]);
exports.push([module.i, ".m-icon {\n margin-left: 0.6em;\n text-align: center;\n display: inline-block; }\n\n.mdc-tag > span {\n display: inline-block;\n line-height: 32px;\n height: 32px;\n vertical-align: bottom;\n width: auto; }\n\n.mdc-tag {\n margin: 5px 5px 0 0;\n background-color: #fff;\n color: #000;\n padding: 0 10px;\n height: 32px;\n font-size: 12px;\n box-sizing: border-box;\n border: 1px solid rgba(64, 158, 255, 0.2);\n white-space: nowrap;\n font-family: Roboto, sans-serif;\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.08929em;\n text-decoration: none;\n text-transform: uppercase;\n padding: 0 10px;\n display: inline-flex;\n position: relative;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n line-height: inherit;\n user-select: none;\n overflow: hidden;\n border-radius: 4px; }\n\n.mdc-tag--active {\n background-color: #ccc; }\n\n.mdc-tag--success {\n background-color: rgba(103, 194, 58, 0.1);\n border-color: rgba(103, 194, 58, 0.2);\n color: #09bb07 !important; }\n\n.mdc-tag--primary {\n background-color: rgba(64, 158, 255, 0.1);\n border-color: rgba(64, 158, 255, 0.2);\n color: #0072d9 !important; }\n\n.mdc-tag--warn {\n background-color: rgba(230, 162, 60, 0.1);\n border-color: rgba(230, 162, 60, 0.2);\n color: #e6a23c !important; }\n\n.mdc-tag--danger {\n background-color: rgba(245, 108, 108, 0.1);\n border-color: rgba(245, 108, 108, 0.2);\n color: #e64340 !important; }\n\n.mdc-tag--mediun {\n height: 28px;\n line-height: 26px; }\n\n.mdc-tag--small {\n height: 24px;\n padding: 0 8px;\n line-height: 22px; }\n\n.mdc-tag--mini {\n height: 20px;\n padding: 0 5px;\n line-height: 19px; }\n\n.material-icons {\n font-family: 'Material Icons';\n font-weight: normal;\n font-style: normal;\n font-size: 15px;\n line-height: 1;\n letter-spacing: normal;\n text-transform: none;\n display: inline-block;\n white-space: nowrap;\n word-wrap: normal;\n direction: ltr;\n -webkit-font-feature-settings: 'liga';\n -webkit-font-smoothing: antialiased;\n margin-left: 8px;\n display: inline-block;\n width: 17px;\n height: 32px;\n line-height: 32px;\n vertical-align: bottom; }\n\nm-icon {\n display: inline-block;\n height: 32px;\n line-height: 32px;\n padding-top: 14px; }\n", ""]);
// exports

2
packages/omim/src/tag/index.js.map
View File

File diff suppressed because one or more lines are too long

15
packages/omim/src/tag/index.scss
View File

@ -8,8 +8,8 @@
.mdc-tag>span {
display: inline-block;
width: 17px;
height: 17px;
line-height: 32px;
height: 32px;
vertical-align: bottom;
width: auto;
}
@ -39,7 +39,6 @@
line-height: inherit;
user-select: none;
overflow: hidden;
vertical-align: middle;
border-radius: $mdc-shape-small-component-radius;
}
@ -106,6 +105,14 @@
margin-left: 8px;
display: inline-block;
width: 17px;
height: 17px;
height: 32px;
line-height: 32px;
vertical-align: bottom;
}
m-icon {
display: inline-block;
height: 32px;
line-height: 32px;
padding-top: 14px;
}