chore: track root project files and subrepos
This commit is contained in:
hajimi
@@ -0,0 +1,199 @@
|
||||
@font-face {
|
||||
font-family: admin-icons;
|
||||
src: url('~@/static/admin-icons.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-display: "auto";
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
|
||||
[class*="admin-icons-"],
|
||||
[class^=admin-icons-] {
|
||||
font-family: admin-icons !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
}
|
||||
|
||||
|
||||
|
||||
.admin-icons-stat:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
|
||||
.admin-icons-fl-xitong:before {
|
||||
content: "\e623";
|
||||
}
|
||||
|
||||
.admin-icons-tongji:before {
|
||||
content: "\e64a";
|
||||
}
|
||||
|
||||
.admin-icons-yonghutongji:before {
|
||||
content: "\e661";
|
||||
}
|
||||
|
||||
.admin-icons-dashboard:before {
|
||||
content: "\e78b";
|
||||
}
|
||||
|
||||
.admin-icons-qudaofenxi:before {
|
||||
content: "\e6c6";
|
||||
}
|
||||
|
||||
.admin-icons-shebeitongji:before {
|
||||
content: "\e6fd";
|
||||
}
|
||||
|
||||
.admin-icons-xitongguanli:before {
|
||||
content: "\e671";
|
||||
}
|
||||
|
||||
.admin-icons-kaifashili:before {
|
||||
content: "\e614";
|
||||
}
|
||||
|
||||
.admin-icons-yonghutongji1:before {
|
||||
content: "\e769";
|
||||
}
|
||||
|
||||
.admin-icons-shijianfenxi:before {
|
||||
content: "\e604";
|
||||
}
|
||||
|
||||
.admin-icons-ziyuan:before {
|
||||
content: "\e619";
|
||||
}
|
||||
|
||||
.admin-icons-cuowutongji:before {
|
||||
content: "\e51f";
|
||||
}
|
||||
|
||||
.admin-icons-shijianfenxi1:before {
|
||||
content: "\e629";
|
||||
}
|
||||
|
||||
|
||||
.admin-icons-tongjishouye:before {
|
||||
content: "\e679";
|
||||
}
|
||||
|
||||
.admin-icons-yemiantongji:before {
|
||||
content: "\e684";
|
||||
}
|
||||
|
||||
|
||||
.admin-icons-manager-user:before {
|
||||
content: "\e610";
|
||||
}
|
||||
|
||||
.admin-icons-manager-role:before {
|
||||
content: "\e61a";
|
||||
}
|
||||
|
||||
.admin-icons-manager-permission:before {
|
||||
content: "\e637";
|
||||
}
|
||||
|
||||
.admin-icons-manager-app:before {
|
||||
content: "\e65b";
|
||||
}
|
||||
|
||||
.admin-icons-manager-tag:before {
|
||||
content: "\e83c";
|
||||
}
|
||||
|
||||
.admin-icons-manager-menu:before {
|
||||
content: "\e629";
|
||||
}
|
||||
|
||||
.admin-icons-overview:before {
|
||||
content: "\e609";
|
||||
}
|
||||
|
||||
.admin-icons-activity:before {
|
||||
content: "\e70e";
|
||||
}
|
||||
|
||||
.admin-icons-trend:before {
|
||||
content: "\e63c";
|
||||
}
|
||||
|
||||
.admin-icons-retention:before {
|
||||
content: "\e697";
|
||||
}
|
||||
|
||||
.admin-icons-comparison:before {
|
||||
content: "\e955";
|
||||
}
|
||||
|
||||
.admin-icons-stickiness:before {
|
||||
content: "\e770";
|
||||
}
|
||||
|
||||
.admin-icons-page-ent:before {
|
||||
content: "\e767";
|
||||
}
|
||||
|
||||
.admin-icons-page-res:before {
|
||||
content: "\e69b";
|
||||
}
|
||||
|
||||
.admin-icons-scene:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.admin-icons-channel:before {
|
||||
content: "\e603";
|
||||
}
|
||||
|
||||
.admin-icons-error-js:before {
|
||||
content: "\ec0c";
|
||||
}
|
||||
|
||||
.admin-icons-error-app:before {
|
||||
content: "\e617";
|
||||
}
|
||||
|
||||
.admin-icons-help:before {
|
||||
content: "\e65c";
|
||||
}
|
||||
|
||||
.admin-icons-icon:before {
|
||||
content: "\e503";
|
||||
}
|
||||
|
||||
.admin-icons-table:before {
|
||||
content: "\e639";
|
||||
}
|
||||
|
||||
.admin-icons-eco:before {
|
||||
content: "\e698";
|
||||
}
|
||||
|
||||
.admin-icons-doc:before {
|
||||
content: "\e656";
|
||||
}
|
||||
|
||||
.admin-icons-pulgin:before {
|
||||
content: "\e648";
|
||||
}
|
||||
|
||||
.admin-icons-lang:before {
|
||||
content: "\e618";
|
||||
}
|
||||
|
||||
.admin-icons-user:before {
|
||||
content: "\e68d";
|
||||
}
|
||||
|
||||
.admin-icons-safety:before {
|
||||
content: "\e769";
|
||||
}
|
||||
@@ -0,0 +1,293 @@
|
||||
@import '@/uni.scss';
|
||||
|
||||
$theme-map: ();
|
||||
$primary-key: 'primary';
|
||||
$success-key: 'success';
|
||||
$warn-key: 'warn';
|
||||
$warning-key: 'warning';
|
||||
$error-key: 'error';
|
||||
|
||||
@mixin themeify {
|
||||
@each $theme-name, $theme-map in $themes {
|
||||
$theme-map: $theme-map !global;
|
||||
[data-theme='#{inspect($theme-name)}'] {
|
||||
@content;
|
||||
}
|
||||
}
|
||||
}
|
||||
@function getTheme($key) {
|
||||
@return map-get($theme-map, $key);
|
||||
}
|
||||
@mixin uni-button($button-type) {
|
||||
$button-type-color: getTheme(#{$button-type + '-color'});
|
||||
uni-button,
|
||||
button {
|
||||
&[type='#{$button-type}'] {
|
||||
background-color: $button-type-color;
|
||||
&[disabled] {
|
||||
background-color: opacify($button-type-color, 0.6);
|
||||
}
|
||||
&[plain] {
|
||||
color: $button-type-color;
|
||||
border-color: $button-type-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
&[loading] {
|
||||
background-color: $button-type-color;
|
||||
&[plain] {
|
||||
color: $button-type-color;
|
||||
}
|
||||
}
|
||||
&.button-hover {
|
||||
$hover-color: darken(
|
||||
$color: $button-type-color,
|
||||
$amount: 10%
|
||||
);
|
||||
background-color: $hover-color;
|
||||
&[plain] {
|
||||
color: $hover-color;
|
||||
border-color: $hover-color;
|
||||
background-color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-switch {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.uni-switch-input.uni-switch-input-checked {
|
||||
background-color: $primary-color !important;
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
@mixin uni-ui-checkbox {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.checklist-box {
|
||||
&.is-checked {
|
||||
.checkbox__inner {
|
||||
border-color: $primary-color !important;
|
||||
background-color: $primary-color !important;
|
||||
}
|
||||
.radio__inner {
|
||||
border-color: $primary-color !important;
|
||||
.radio__inner-icon {
|
||||
background-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
.checklist-text {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
.checkbox__inner:hover {
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-ui-easyinput {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
$error-color: getTheme(#{$error-key + '-color'});
|
||||
.uni-easyinput {
|
||||
&.uni-easyinput-error {
|
||||
color: $error-color !important;
|
||||
}
|
||||
.uni-easyinput__content {
|
||||
&.is-focused {
|
||||
&.is-input-border {
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
.uni-icons {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-menu {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
// 左侧菜单
|
||||
.uni-nav-menu {
|
||||
.uni-menu-item.is-active {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
// 修改密码
|
||||
.navbar-menu {
|
||||
.menu-item.hover-highlight:hover {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-table {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.uni-table {
|
||||
.link-btn-color {
|
||||
color: $primary-color;
|
||||
}
|
||||
.uni-table-checkbox {
|
||||
.checkbox__inner {
|
||||
&.checkbox--indeterminate,
|
||||
&.is-checked {
|
||||
border-color: $primary-color;
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.checkbox__inner:hover {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.uni-table-th-content {
|
||||
.arrow-box {
|
||||
.arrow.active ::after {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
// 表格头部搜索按钮
|
||||
.opera-area {
|
||||
.btn.btn-submit {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.dropdown-btn {
|
||||
.icon-search.active {
|
||||
.icon-search-0 {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.icon-search-1 {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.icon-calendar.active {
|
||||
.icon-calendar-0 {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.icon-calendar-1 {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
.uni-icons.uni-stat-edit--btn {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
.uni-pagination {
|
||||
.uni-pagination__num-current .page--active {
|
||||
background-color: $primary-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-picker {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.uni-picker-select {
|
||||
.uni-picker-item.selected {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-calendar {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.uni-calendar__button-text {
|
||||
color: $primary-color;
|
||||
}
|
||||
.uni-datetime-picker--btn {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
.uni-calendar-item--multiple {
|
||||
.uni-calendar-item--before-checked,
|
||||
.uni-calendar-item--after-checked {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.uni-calendar-item__weeks-box {
|
||||
.uni-calendar-item--checked {
|
||||
background-color: $primary-color;
|
||||
}
|
||||
&-text {
|
||||
color: darken($color: $primary-color, $amount: 40%);
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-popup {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
.uni-popup-dialog {
|
||||
.uni-button-color {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
@mixin uni-tag($tag-type) {
|
||||
$tag-type-color: getTheme(#{$tag-type + '-color'});
|
||||
.uni-tag {
|
||||
&--#{$tag-type} {
|
||||
background-color: $tag-type-color !important;
|
||||
border-color: $tag-type-color !important;
|
||||
}
|
||||
&--#{$tag-type}--inverted {
|
||||
background-color: #fff !important;
|
||||
color: $tag-type-color !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
body {
|
||||
@at-root {
|
||||
@include themeify {
|
||||
$primary-color: getTheme(#{$primary-key + '-color'});
|
||||
// 组件
|
||||
@include uni-button($primary-key);
|
||||
@include uni-button($warn-key);
|
||||
@include uni-tag($primary-key);
|
||||
@include uni-tag($success-key);
|
||||
@include uni-tag($warning-key);
|
||||
@include uni-tag($error-key);
|
||||
@include uni-ui-checkbox;
|
||||
@include uni-switch;
|
||||
@include uni-ui-easyinput;
|
||||
@include uni-menu;
|
||||
@include uni-table;
|
||||
@include uni-picker;
|
||||
@include uni-calendar;
|
||||
@include uni-popup;
|
||||
// 页面
|
||||
.link-btn {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
.uni-stat--tab-item {
|
||||
&.uni-stat--tab-item-line-active,
|
||||
&.uni-stat--tab-item-boldLine-active {
|
||||
color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
&.uni-stat--tab-item-box-active {
|
||||
border-color: $primary-color;
|
||||
}
|
||||
}
|
||||
.uni-title.app-list {
|
||||
color: $primary-color;
|
||||
border-color: $primary-color;
|
||||
}
|
||||
.uni-link {
|
||||
color: $primary-color;
|
||||
}
|
||||
.uni-selector-select .uni-picker-item.selected {
|
||||
color: $primary-color;
|
||||
}
|
||||
.uni-tabs__item.is-active {
|
||||
color: $primary-color;
|
||||
}
|
||||
.uni-modal__btn_primary {
|
||||
color: $primary-color !important;
|
||||
}
|
||||
.uni-radio-input-checked {
|
||||
background-color: $primary-color !important;
|
||||
border-color: $primary-color !important;
|
||||
}
|
||||
.uni-container {
|
||||
.icon-item:hover,
|
||||
.icon-item:hover .icon-text {
|
||||
color: $primary-color;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,542 @@
|
||||
@font-face {
|
||||
font-family: uni-icons;
|
||||
src: url('~@/uni_modules/uni-icons/components/uni-icons/uni.ttf') format('truetype');
|
||||
font-weight: 400;
|
||||
font-display: "auto";
|
||||
font-style: normal
|
||||
}
|
||||
|
||||
[class*=" uni-icons-"],
|
||||
[class^=uni-icons-] {
|
||||
font-family: uni-icons !important;
|
||||
speak: none;
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-variant: normal;
|
||||
text-transform: none;
|
||||
line-height: 1;
|
||||
vertical-align: baseline;
|
||||
display: inline-block;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale
|
||||
}
|
||||
|
||||
.uni-icons-shop:before {
|
||||
content: "\e609";
|
||||
}
|
||||
|
||||
.uni-icons-headphones:before {
|
||||
content: "\e8bf";
|
||||
}
|
||||
|
||||
.uni-icons-pulldown:before {
|
||||
content: "\e588";
|
||||
}
|
||||
|
||||
.uni-icons-scan:before {
|
||||
content: "\e612";
|
||||
}
|
||||
|
||||
.uni-icons-back:before {
|
||||
content: "\e471";
|
||||
}
|
||||
|
||||
.uni-icons-forward:before {
|
||||
content: "\e470";
|
||||
}
|
||||
|
||||
.uni-icons-refreshempty:before {
|
||||
content: "\e461";
|
||||
}
|
||||
|
||||
.uni-icons-checkbox-filled:before {
|
||||
content: "\e442";
|
||||
}
|
||||
|
||||
.uni-icons-checkbox:before {
|
||||
content: "\e7fa";
|
||||
}
|
||||
|
||||
.uni-icons-loop:before {
|
||||
content: "\e565";
|
||||
}
|
||||
|
||||
.uni-icons-arrowthindown:before {
|
||||
content: "\e585";
|
||||
}
|
||||
|
||||
.uni-icons-arrowthinleft:before {
|
||||
content: "\e586";
|
||||
}
|
||||
|
||||
.uni-icons-arrowthinright:before {
|
||||
content: "\e587";
|
||||
}
|
||||
|
||||
.uni-icons-arrowthinup:before {
|
||||
content: "\e584";
|
||||
}
|
||||
|
||||
.uni-icons-bars:before {
|
||||
content: "\e563";
|
||||
}
|
||||
|
||||
.uni-icons-cart-filled:before {
|
||||
content: "\e7f4";
|
||||
}
|
||||
|
||||
.uni-icons-cart:before {
|
||||
content: "\e7f5";
|
||||
}
|
||||
|
||||
.uni-icons-arrowleft:before {
|
||||
content: "\e582";
|
||||
}
|
||||
|
||||
.uni-icons-arrowdown:before {
|
||||
content: "\e581";
|
||||
}
|
||||
|
||||
.uni-icons-arrowright:before {
|
||||
content: "\e583";
|
||||
}
|
||||
|
||||
.uni-icons-arrowup:before {
|
||||
content: "\e580";
|
||||
}
|
||||
|
||||
.uni-icons-eye-filled:before {
|
||||
content: "\e568";
|
||||
}
|
||||
|
||||
.uni-icons-eye-slash-filled:before {
|
||||
content: "\e822";
|
||||
}
|
||||
|
||||
.uni-icons-eye-slash:before {
|
||||
content: "\e823";
|
||||
}
|
||||
|
||||
.uni-icons-eye:before {
|
||||
content: "\e824";
|
||||
}
|
||||
|
||||
.uni-icons-reload:before {
|
||||
content: "\e462";
|
||||
}
|
||||
|
||||
.uni-icons-hand-thumbsdown-filled:before {
|
||||
content: "\e83b";
|
||||
}
|
||||
|
||||
.uni-icons-hand-thumbsdown:before {
|
||||
content: "\e83c";
|
||||
}
|
||||
|
||||
.uni-icons-hand-thumbsup-filled:before {
|
||||
content: "\e83d";
|
||||
}
|
||||
|
||||
.uni-icons-heart-filled:before {
|
||||
content: "\e83e";
|
||||
}
|
||||
|
||||
.uni-icons-hand-thumbsup:before {
|
||||
content: "\e83f";
|
||||
}
|
||||
|
||||
.uni-icons-heart:before {
|
||||
content: "\e840";
|
||||
}
|
||||
|
||||
.uni-icons-mail-open-filled:before {
|
||||
content: "\e84d";
|
||||
}
|
||||
|
||||
.uni-icons-mail-open:before {
|
||||
content: "\e84e";
|
||||
}
|
||||
|
||||
.uni-icons-list:before {
|
||||
content: "\e562";
|
||||
}
|
||||
|
||||
.uni-icons-map-pin:before {
|
||||
content: "\e85e";
|
||||
}
|
||||
|
||||
.uni-icons-map-pin-ellipse:before {
|
||||
content: "\e864";
|
||||
}
|
||||
|
||||
.uni-icons-paperclip:before {
|
||||
content: "\e567";
|
||||
}
|
||||
|
||||
.uni-icons-images-filled:before {
|
||||
content: "\e87a";
|
||||
}
|
||||
|
||||
.uni-icons-images:before {
|
||||
content: "\e87b";
|
||||
}
|
||||
|
||||
.uni-icons-search:before {
|
||||
content: "\e466";
|
||||
}
|
||||
|
||||
.uni-icons-settings:before {
|
||||
content: "\e560";
|
||||
}
|
||||
|
||||
.uni-icons-cloud-download:before {
|
||||
content: "\e8e4";
|
||||
}
|
||||
|
||||
.uni-icons-cloud-upload-filled:before {
|
||||
content: "\e8e5";
|
||||
}
|
||||
|
||||
.uni-icons-cloud-upload:before {
|
||||
content: "\e8e6";
|
||||
}
|
||||
|
||||
.uni-icons-cloud-download-filled:before {
|
||||
content: "\e8e9";
|
||||
}
|
||||
|
||||
.uni-icons-more:before {
|
||||
content: "\e507";
|
||||
}
|
||||
|
||||
.uni-icons-more-filled:before {
|
||||
content: "\e537";
|
||||
}
|
||||
|
||||
.uni-icons-refresh:before {
|
||||
content: "\e407";
|
||||
}
|
||||
|
||||
.uni-icons-refresh-filled:before {
|
||||
content: "\e437";
|
||||
}
|
||||
|
||||
.uni-icons-undo-filled:before {
|
||||
content: "\e7d6";
|
||||
}
|
||||
|
||||
.uni-icons-undo:before {
|
||||
content: "\e406";
|
||||
}
|
||||
|
||||
.uni-icons-redo:before {
|
||||
content: "\e405";
|
||||
}
|
||||
|
||||
.uni-icons-redo-filled:before {
|
||||
content: "\e7d9";
|
||||
}
|
||||
|
||||
.uni-icons-camera:before {
|
||||
content: "\e301";
|
||||
}
|
||||
|
||||
.uni-icons-camera-filled:before {
|
||||
content: "\e7ef";
|
||||
}
|
||||
|
||||
.uni-icons-smallcircle-filled:before {
|
||||
content: "\e801";
|
||||
}
|
||||
|
||||
.uni-icons-circle:before {
|
||||
content: "\e411";
|
||||
}
|
||||
|
||||
.uni-icons-flag-filled:before {
|
||||
content: "\e825";
|
||||
}
|
||||
|
||||
.uni-icons-flag:before {
|
||||
content: "\e508";
|
||||
}
|
||||
|
||||
.uni-icons-gear-filled:before {
|
||||
content: "\e532";
|
||||
}
|
||||
|
||||
.uni-icons-gear:before {
|
||||
content: "\e502";
|
||||
}
|
||||
|
||||
.uni-icons-home:before {
|
||||
content: "\e500";
|
||||
}
|
||||
|
||||
.uni-icons-info:before {
|
||||
content: "\e504";
|
||||
}
|
||||
|
||||
.uni-icons-home-filled:before {
|
||||
content: "\e530";
|
||||
}
|
||||
|
||||
.uni-icons-info-filled:before {
|
||||
content: "\e534";
|
||||
}
|
||||
|
||||
.uni-icons-circle-filled:before {
|
||||
content: "\e441";
|
||||
}
|
||||
|
||||
.uni-icons-chat-filled:before {
|
||||
content: "\e847";
|
||||
}
|
||||
|
||||
.uni-icons-chat:before {
|
||||
content: "\e263";
|
||||
}
|
||||
|
||||
.uni-icons-checkmarkempty:before {
|
||||
content: "\e472";
|
||||
}
|
||||
|
||||
.uni-icons-locked-filled:before {
|
||||
content: "\e856";
|
||||
}
|
||||
|
||||
.uni-icons-locked:before {
|
||||
content: "\e506";
|
||||
}
|
||||
|
||||
.uni-icons-map-filled:before {
|
||||
content: "\e85c";
|
||||
}
|
||||
|
||||
.uni-icons-map:before {
|
||||
content: "\e364";
|
||||
}
|
||||
|
||||
.uni-icons-minus-filled:before {
|
||||
content: "\e440";
|
||||
}
|
||||
|
||||
.uni-icons-mic-filled:before {
|
||||
content: "\e332";
|
||||
}
|
||||
|
||||
.uni-icons-minus:before {
|
||||
content: "\e410";
|
||||
}
|
||||
|
||||
.uni-icons-micoff:before {
|
||||
content: "\e360";
|
||||
}
|
||||
|
||||
.uni-icons-mic:before {
|
||||
content: "\e302";
|
||||
}
|
||||
|
||||
.uni-icons-clear:before {
|
||||
content: "\e434";
|
||||
}
|
||||
|
||||
.uni-icons-smallcircle:before {
|
||||
content: "\e868";
|
||||
}
|
||||
|
||||
.uni-icons-close:before {
|
||||
content: "\e404";
|
||||
}
|
||||
|
||||
.uni-icons-closeempty:before {
|
||||
content: "\e460";
|
||||
}
|
||||
|
||||
.uni-icons-paperplane:before {
|
||||
content: "\e503";
|
||||
}
|
||||
|
||||
.uni-icons-paperplane-filled:before {
|
||||
content: "\e86e";
|
||||
}
|
||||
|
||||
.uni-icons-image:before {
|
||||
content: "\e363";
|
||||
}
|
||||
|
||||
.uni-icons-image-filled:before {
|
||||
content: "\e877";
|
||||
}
|
||||
|
||||
.uni-icons-location-filled:before {
|
||||
content: "\e333";
|
||||
}
|
||||
|
||||
.uni-icons-location:before {
|
||||
content: "\e303";
|
||||
}
|
||||
|
||||
.uni-icons-plus-filled:before {
|
||||
content: "\e439";
|
||||
}
|
||||
|
||||
.uni-icons-plus:before {
|
||||
content: "\e409";
|
||||
}
|
||||
|
||||
.uni-icons-plusempty:before {
|
||||
content: "\e468";
|
||||
}
|
||||
|
||||
.uni-icons-help-filled:before {
|
||||
content: "\e535";
|
||||
}
|
||||
|
||||
.uni-icons-help:before {
|
||||
content: "\e505";
|
||||
}
|
||||
|
||||
.uni-icons-navigate-filled:before {
|
||||
content: "\e884";
|
||||
}
|
||||
|
||||
.uni-icons-navigate:before {
|
||||
content: "\e501";
|
||||
}
|
||||
|
||||
.uni-icons-mic-slash-filled:before {
|
||||
content: "\e892";
|
||||
}
|
||||
|
||||
.uni-icons-sound:before {
|
||||
content: "\e590";
|
||||
}
|
||||
|
||||
.uni-icons-sound-filled:before {
|
||||
content: "\e8a1";
|
||||
}
|
||||
|
||||
.uni-icons-spinner-cycle:before {
|
||||
content: "\e465";
|
||||
}
|
||||
|
||||
.uni-icons-download-filled:before {
|
||||
content: "\e8a4";
|
||||
}
|
||||
|
||||
.uni-icons-videocam-filled:before {
|
||||
content: "\e8af";
|
||||
}
|
||||
|
||||
.uni-icons-upload:before {
|
||||
content: "\e402";
|
||||
}
|
||||
|
||||
.uni-icons-upload-filled:before {
|
||||
content: "\e8b1";
|
||||
}
|
||||
|
||||
.uni-icons-starhalf:before {
|
||||
content: "\e463";
|
||||
}
|
||||
|
||||
.uni-icons-star-filled:before {
|
||||
content: "\e438";
|
||||
}
|
||||
|
||||
.uni-icons-star:before {
|
||||
content: "\e408";
|
||||
}
|
||||
|
||||
.uni-icons-trash:before {
|
||||
content: "\e401";
|
||||
}
|
||||
|
||||
.uni-icons-compose:before {
|
||||
content: "\e400";
|
||||
}
|
||||
|
||||
.uni-icons-videocam:before {
|
||||
content: "\e300";
|
||||
}
|
||||
|
||||
.uni-icons-trash-filled:before {
|
||||
content: "\e8dc";
|
||||
}
|
||||
|
||||
.uni-icons-download:before {
|
||||
content: "\e403";
|
||||
}
|
||||
|
||||
.uni-icons-qq:before {
|
||||
content: "\e264";
|
||||
}
|
||||
|
||||
.uni-icons-weibo:before {
|
||||
content: "\e260";
|
||||
}
|
||||
|
||||
.uni-icons-weixin:before {
|
||||
content: "\e261";
|
||||
}
|
||||
|
||||
.uni-icons-pengyouquan:before {
|
||||
content: "\e262";
|
||||
}
|
||||
|
||||
.uni-icons-chatboxes:before {
|
||||
content: "\e203";
|
||||
}
|
||||
|
||||
.uni-icons-chatboxes-filled:before {
|
||||
content: "\e233";
|
||||
}
|
||||
|
||||
.uni-icons-email-filled:before {
|
||||
content: "\e231";
|
||||
}
|
||||
|
||||
.uni-icons-email:before {
|
||||
content: "\e201";
|
||||
}
|
||||
|
||||
.uni-icons-person-filled:before {
|
||||
content: "\e131";
|
||||
}
|
||||
|
||||
.uni-icons-contact-filled:before {
|
||||
content: "\e130";
|
||||
}
|
||||
|
||||
.uni-icons-person:before {
|
||||
content: "\e101";
|
||||
}
|
||||
|
||||
.uni-icons-contact:before {
|
||||
content: "\e100";
|
||||
}
|
||||
|
||||
.uni-icons-phone:before {
|
||||
content: "\e200";
|
||||
}
|
||||
|
||||
.uni-icons-personadd-filled:before {
|
||||
content: "\e132";
|
||||
}
|
||||
|
||||
.uni-icons-personadd:before {
|
||||
content: "\e102";
|
||||
}
|
||||
|
||||
.uni-icons-phone-filled:before {
|
||||
content: "\e230";
|
||||
}
|
||||
|
||||
.uni-icons-chatbubble-filled:before {
|
||||
content: "\e232";
|
||||
}
|
||||
|
||||
.uni-icons-chatbubble:before {
|
||||
content: "\e202";
|
||||
}
|
||||
@@ -0,0 +1,605 @@
|
||||
/* 全局公共样式 */
|
||||
|
||||
body,
|
||||
html {
|
||||
-webkit-user-select: auto;
|
||||
user-select: auto;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
/* #ifdef H5 */
|
||||
|
||||
.uni-app--showleftwindow uni-main {
|
||||
position: relative;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.uni-mask + .uni-left-window,
|
||||
.uni-mask + .uni-right-window {
|
||||
position: fixed;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-head .uni-page-head {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
uni-page-head .uni-btn-icon {
|
||||
color: #333 !important;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow
|
||||
uni-page-head[uni-page-head-type="default"]
|
||||
~ uni-page-wrapper {
|
||||
height: auto;
|
||||
padding-top: 44px;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-wrapper {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
padding: 15px;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow uni-page-body {
|
||||
width: 100%;
|
||||
min-height: 100%;
|
||||
box-sizing: border-box;
|
||||
border-radius: 5px;
|
||||
box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.uni-app--showleftwindow .uni-container .uni-forms {
|
||||
padding: 15px;
|
||||
max-width: 650px;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef H5 */
|
||||
.uni-nav-menu {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
.pointer {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-top-window {
|
||||
z-index: 999;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.uni-tips {
|
||||
font-size: 12px;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* 容器 */
|
||||
.uni-container {
|
||||
padding: 15px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* 标题栏 */
|
||||
.uni-header {
|
||||
padding: 0 15px;
|
||||
display: flex;
|
||||
min-height: 55px;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 1px #f5f5f5 solid;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.uni-title {
|
||||
margin-right: 10px;
|
||||
font-size: 16px;
|
||||
font-weight: 500;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
.uni-sub-title {
|
||||
margin-top: 3px;
|
||||
font-size: 14px;
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.uni-link {
|
||||
color: #3a8ee6;
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.uni-group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
flex-wrap: wrap;
|
||||
word-break: keep-all;
|
||||
}
|
||||
|
||||
/* 按钮样式 */
|
||||
.uni-button-group {
|
||||
margin-top: 30px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.uni-button {
|
||||
padding: 10px 20px;
|
||||
font-size: 14px;
|
||||
border-radius: 4px;
|
||||
line-height: 1;
|
||||
margin: 0;
|
||||
box-sizing: border-box;
|
||||
overflow: initial;
|
||||
}
|
||||
|
||||
.uni-group .uni-button {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.uni-group .uni-search {
|
||||
margin: 10px;
|
||||
}
|
||||
|
||||
.uni-group > .uni-button:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.uni-button:hover,
|
||||
.uni-button:focus {
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
.uni-button:active {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.uni-button-full {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
/* 搜索框样式 */
|
||||
.uni-search {
|
||||
width: 268px;
|
||||
height: 28px;
|
||||
line-height: 28px;
|
||||
font-size: 12px;
|
||||
color: #606266;
|
||||
padding: 0 10px;
|
||||
border: 1px #dcdfe6 solid;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
/* 分页容器 */
|
||||
.uni-pagination-box {
|
||||
margin-top: 20px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.uni-input-border,
|
||||
.uni-textarea-border {
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
color: #666;
|
||||
border: 1px #e5e5e5 solid;
|
||||
border-radius: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.uni-input-border {
|
||||
padding: 0 10px;
|
||||
height: 35px;
|
||||
}
|
||||
|
||||
.uni-textarea-border {
|
||||
padding: 10px;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.uni-disabled {
|
||||
background-color: #f5f7fa;
|
||||
color: #c0c4cc;
|
||||
}
|
||||
|
||||
.uni-icon-password-eye {
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 6px;
|
||||
font-size: 20px;
|
||||
font-weight: normal;
|
||||
font-style: normal;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
.uni-eye-active {
|
||||
color: #007aff;
|
||||
}
|
||||
|
||||
.uni-tabs__header {
|
||||
position: relative;
|
||||
background-color: #f5f7fa;
|
||||
border-bottom: 1px solid #e4e7ed;
|
||||
}
|
||||
|
||||
.uni-tabs__nav-wrap {
|
||||
overflow: hidden;
|
||||
margin-bottom: -1px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.uni-tabs__nav-scroll {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.uni-tabs__nav {
|
||||
position: relative;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.uni-tabs__item {
|
||||
position: relative;
|
||||
padding: 0 20px;
|
||||
height: 40px;
|
||||
box-sizing: border-box;
|
||||
line-height: 40px;
|
||||
display: inline-block;
|
||||
list-style: none;
|
||||
font-size: 14px;
|
||||
font-weight: 500;
|
||||
color: #909399;
|
||||
margin-top: -1px;
|
||||
margin-left: -1px;
|
||||
border: 1px solid transparent;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-tabs__item.is-active {
|
||||
background-color: #fff;
|
||||
border-right-color: #dcdfe6;
|
||||
border-left-color: #dcdfe6;
|
||||
}
|
||||
|
||||
.uni-form-item-tips {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
.uni-form-item-empty {
|
||||
color: #999;
|
||||
min-height: 36px;
|
||||
line-height: 36px;
|
||||
}
|
||||
|
||||
::v-deep .uni-forms-item__label .label-text {
|
||||
color: #606266 !important;
|
||||
}
|
||||
|
||||
::v-deep .flex-center-x .uni-forms-item__content {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.link-btn {
|
||||
line-height: 26px;
|
||||
margin-top: 5px;
|
||||
color: #007aff !important;
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* button 重置样式 */
|
||||
::v-deep button[size="mini"] {
|
||||
line-height: 2.4;
|
||||
font-size: 12px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
button {
|
||||
/* #ifndef MP-TOUTIAO */
|
||||
background: #fff;
|
||||
/* #endif */
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type="primary"] {
|
||||
background-color: #409eff;
|
||||
border-color: #409eff;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
button[type="warn"] {
|
||||
background-color: #f56c6c;
|
||||
border-color: #f56c6c;
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
button[type="default"] {
|
||||
background: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
color: #606266;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
button[type="primary"][plain] {
|
||||
border-color: #409eff;
|
||||
color: #409eff;
|
||||
}
|
||||
|
||||
button[type="warn"][plain] {
|
||||
border-color: #f56c6c;
|
||||
color: #f56c6c;
|
||||
}
|
||||
|
||||
button[type="default"][plain] {
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
button[plain] {
|
||||
border-color: #dcdfe6;
|
||||
color: #606266;
|
||||
}
|
||||
|
||||
button:after {
|
||||
border-width: 0;
|
||||
}
|
||||
|
||||
.uni-input-placeholder {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select-picker {
|
||||
margin-right: 20px;
|
||||
}
|
||||
|
||||
.select-picker button {
|
||||
margin-top: 5px;
|
||||
line-height: 29px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.select-picker button text {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
.select-picker-icon {
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/* stat style start */
|
||||
.m-m {
|
||||
margin: 15px !important;
|
||||
}
|
||||
|
||||
.mb-s {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.mb-m {
|
||||
margin-bottom: 15px !important;
|
||||
}
|
||||
|
||||
.mb-l {
|
||||
margin-bottom: 30px !important;
|
||||
}
|
||||
|
||||
.ml-s {
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
.ml-m {
|
||||
margin-left: 15px !important;
|
||||
}
|
||||
|
||||
.ml-l {
|
||||
margin-left: 30px !important;
|
||||
}
|
||||
|
||||
.p-m {
|
||||
padding: 15px;
|
||||
}
|
||||
|
||||
.p-channel {
|
||||
padding: 0 15px 15px 15px;
|
||||
}
|
||||
|
||||
.p-1015 {
|
||||
padding: 10px 15px;
|
||||
}
|
||||
|
||||
.uni-charts-box {
|
||||
width: 100%;
|
||||
height: 350px;
|
||||
}
|
||||
|
||||
.uni-stat--x {
|
||||
border-radius: 4px;
|
||||
box-shadow: -1px -1px 5px 0 rgba(0, 0, 0, 0.1);
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
.uni-stat--app-select{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
width: 900px;
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.flex {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.label-text {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
color: #555;
|
||||
margin: auto 0;
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.uni-stat-edit--x {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.uni-stat-edit--btn {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.uni-stat-datetime-picker {
|
||||
margin: 15px;
|
||||
}
|
||||
|
||||
/* uni-popup modal start */
|
||||
.modal {
|
||||
max-width: calc(100vw - 200px);
|
||||
min-width: 600px;
|
||||
margin: 0 auto;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
padding: 20px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.modal-content {
|
||||
padding: 15px;
|
||||
height: 600px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
/* uni-popup modal end */
|
||||
|
||||
.uni-stat-tooltip-s {
|
||||
width: 160px;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
/* #ifndef APP-NVUE */
|
||||
@media screen and (max-width: 500px) {
|
||||
.hide-on-phone {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
.uni-charts-box {
|
||||
width: 100%;
|
||||
height: 220px;
|
||||
}
|
||||
|
||||
.uni-group .uni-search {
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
width: 100%;
|
||||
margin: 20px 20px 10px 20px;
|
||||
}
|
||||
|
||||
.uni-header {
|
||||
padding-left: 0px;
|
||||
padding-right: 0px;
|
||||
border: unset;
|
||||
}
|
||||
|
||||
.uni-group {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.uni-stat-breadcrumb-on-phone {
|
||||
padding: 0 20px !important;
|
||||
border-bottom: 1px #f5f5f5 solid;
|
||||
}
|
||||
|
||||
.flex {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 500px) {
|
||||
.dispaly-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 1fr;
|
||||
column-gap: 15px;
|
||||
}
|
||||
|
||||
.pc-flex-wrap {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.uni-stat-datetime-picker {
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
::v-deep .uni-pagination-picker-show .uni-picker-container .uni-picker-custom {
|
||||
width: 100px;
|
||||
margin: 0 86px;
|
||||
}
|
||||
|
||||
::v-deep .uni-pagination-picker-show .uni-picker-container .uni-picker-custom .uni-picker-select + div {
|
||||
left: 50% !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* #endif */
|
||||
|
||||
/* #ifdef H5 */
|
||||
/* fix 弹出层被遮盖 */
|
||||
::v-deep .uni-table-scroll {
|
||||
min-height: calc(100vh - 237px);
|
||||
box-sizing: border-box;
|
||||
}
|
||||
::v-deep .uni-table .tr-table--border {
|
||||
border-left: 1px #ebeef5 solid;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
/* #ifndef H5 */
|
||||
.fix-top-window {
|
||||
margin-top: 85px;
|
||||
}
|
||||
/* #endif */
|
||||
|
||||
/* 地图选择top需要大于topWindow的高度 */
|
||||
.uni-system-choose-location{
|
||||
display: block;
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 60px;
|
||||
width: 100%;
|
||||
height: calc(100% - 60px);
|
||||
background: #f8f8f8;
|
||||
}
|
||||
Reference in New Issue
Block a user