init commit

This commit is contained in:
2026-03-17 09:56:00 +08:00
commit e2c8ae752d
6827 changed files with 1211784 additions and 0 deletions

View File

@@ -0,0 +1 @@

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,215 @@
/*
jQuery autoComplete v1.0.7
Copyright (c) 2014 Simon Steinberger / Pixabay
GitHub: https://github.com/Pixabay/jQuery-autoComplete
License: http://www.opensource.org/licenses/mit-license.php
*/
(function ($) {
$.fn.autoComplete = function (options) {
var o = $.extend({}, $.fn.autoComplete.defaults, options);
// public methods
if (typeof options == 'string') {
this.each(function () {
var that = $(this);
if (options == 'destroy') {
$(window).off('resize.autocomplete', that.updateSC);
that.off('blur.autocomplete focus.autocomplete keydown.autocomplete keyup.autocomplete');
if (that.data('autocomplete'))
that.attr('autocomplete', that.data('autocomplete'));
else
that.removeAttr('autocomplete');
$(that.data('sc')).remove();
that.removeData('sc').removeData('autocomplete');
}
});
return this;
}
return this.each(function () {
var that = $(this);
// sc = 'suggestions container'
that.sc = $('<div class="autocomplete-suggestions ' + o.menuClass + '"></div>');
that.data('sc', that.sc).data('autocomplete', that.attr('autocomplete'));
that.attr('autocomplete', 'off');
that.cache = {};
that.last_val = '';
that.updateSC = function (resize, next) {
that.sc.css({
top: that.offset().top + that.outerHeight() - (that.sc.css("position") == "fixed" ? $(window).scrollTop() : 0),
left: that.offset().left,
width: that.outerWidth()
});
if (!resize) {
that.sc.show();
if (!that.sc.maxHeight) that.sc.maxHeight = parseInt(that.sc.css('max-height'));
if (!that.sc.suggestionHeight) that.sc.suggestionHeight = $('.autocomplete-suggestion', that.sc).first().outerHeight();
if (that.sc.suggestionHeight)
if (!next) that.sc.scrollTop(0);
else {
var scrTop = that.sc.scrollTop(), selTop = next.offset().top - that.sc.offset().top;
if (selTop + that.sc.suggestionHeight - that.sc.maxHeight > 0)
that.sc.scrollTop(selTop + that.sc.suggestionHeight + scrTop - that.sc.maxHeight);
else if (selTop < 0)
that.sc.scrollTop(selTop + scrTop);
}
}
}
$(window).on('resize.autocomplete', that.updateSC);
that.sc.appendTo('body');
that.on('click', function () {
if ($(this).val().length > 0 && that.sc.is(":hidden")) {
setTimeout(function () {
that.sc.show();
}, 100);
}
});
that.sc.on('mouseleave', '.autocomplete-suggestion', function () {
$('.autocomplete-suggestion.selected').removeClass('selected');
});
that.sc.on('mouseenter', '.autocomplete-suggestion', function () {
$('.autocomplete-suggestion.selected').removeClass('selected');
$(this).addClass('selected');
});
that.sc.on('mousedown click', '.autocomplete-suggestion', function (e) {
var item = $(this), v = item.data('val');
if (v || item.hasClass('autocomplete-suggestion')) { // else outside click
that.val(v);
o.onSelect(e, v, item);
that.sc.hide();
}
return false;
});
that.on('blur.autocomplete', function () {
try {
over_sb = $('.autocomplete-suggestions:hover').length;
} catch (e) {
over_sb = 0;
} // IE7 fix :hover
if (!over_sb) {
that.last_val = that.val();
that.sc.hide();
setTimeout(function () {
that.sc.hide();
}, 350); // hide suggestions on fast input
} else if (!that.is(':focus')) setTimeout(function () {
that.focus();
}, 20);
});
if (!o.minChars) that.on('focus.autocomplete', function () {
that.last_val = '\n';
that.trigger('keyup.autocomplete');
});
function suggest(data) {
var val = that.val();
that.cache[val] = data;
if (data.length && val.length >= o.minChars) {
var s = '';
if (data.length > 0) {
s += typeof o.header === 'function' ? o.header.call(data, o, that) : o.header;
for (var i = 0; i < data.length; i++) s += o.renderItem(data[i], val);
s += typeof o.footer === 'function' ? o.footer.call(data, o, that) : o.footer;
}
that.sc.html(s);
that.updateSC(0);
} else
that.sc.hide();
}
that.on('keydown.autocomplete', function (e) {
// down (40), up (38)
if ((e.which == 40 || e.which == 38) && that.sc.html()) {
var next, sel = $('.autocomplete-suggestion.selected', that.sc);
if (!sel.length) {
next = (e.which == 40) ? $('.autocomplete-suggestion', that.sc).first() : $('.autocomplete-suggestion', that.sc).last();
that.val(next.addClass('selected').data('val'));
} else {
next = (e.which == 40) ? sel.next('.autocomplete-suggestion') : sel.prev('.autocomplete-suggestion');
if (next.length) {
sel.removeClass('selected');
that.val(next.addClass('selected').data('val'));
} else {
sel.removeClass('selected');
that.val(that.last_val);
next = 0;
}
}
that.updateSC(0, next);
return false;
}
// esc
else if (e.which == 27) that.val(that.last_val).sc.hide();
// enter or tab
else if (e.which == 13 || e.which == 9) {
var sel = $('.autocomplete-suggestion.selected', that.sc);
if (sel.length && that.sc.is(':visible')) {
o.onSelect(e, sel.data('val'), sel);
setTimeout(function () {
that.sc.hide();
}, 20);
}
}
});
that.on('keyup.autocomplete', function (e) {
if (!~$.inArray(e.which, [13, 27, 35, 36, 37, 38, 39, 40])) {
var val = that.val();
if (val.length >= o.minChars) {
if (val != that.last_val) {
that.last_val = val;
clearTimeout(that.timer);
if (o.cache) {
if (val in that.cache) {
suggest(that.cache[val]);
return;
}
// no requests if previous suggestions were empty
for (var i = 1; i < val.length - o.minChars; i++) {
var part = val.slice(0, val.length - i);
if (part in that.cache && !that.cache[part].length) {
suggest([]);
return;
}
}
}
that.timer = setTimeout(function () {
o.source(val, suggest)
}, o.delay);
}
} else {
that.last_val = val;
that.sc.hide();
}
}
});
});
}
$.fn.autoComplete.defaults = {
source: 0,
minChars: 3,
delay: 150,
cache: 1,
menuClass: '',
header: '',
footer: '',
renderItem: function (item, search) {
// escape special characters
search = search.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
var re = new RegExp("(" + search.split(' ').join('|') + ")", "gi");
return '<div class="autocomplete-suggestion" data-val="' + item + '">' + item.replace(re, "<b>$1</b>") + '</div>';
},
onSelect: function (e, term, item) {
}
};
}(jQuery));

View File

@@ -0,0 +1,910 @@
/*!
*
* Super simple WYSIWYG editor v0.8.20
* https://summernote.org
*
*
* Copyright 2013- Alan Hong and contributors
* Summernote may be freely distributed under the MIT license.
*
* Date: 2021-10-14T21:15Z
*
*/
@font-face {
font-family: "summernote";
font-style: normal;
font-weight: 400;
font-display: auto;
src: url("../font/summernote.eot?#iefix") format("embedded-opentype"), url("../font/summernote.woff2") format("woff2"), url("../font/summernote.woff") format("woff"), url("../font/summernote.ttf") format("truetype");
}
[class^=note-icon]:before,
[class*=" note-icon"]:before {
display: inline-block;
font-family: "summernote";
font-style: normal;
font-size: inherit;
text-decoration: inherit;
text-rendering: auto;
text-transform: none;
vertical-align: middle;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
speak: none;
}
.note-icon-fw {
text-align: center;
width: 1.25em;
}
.note-icon-border {
border: solid 0.08em #eee;
border-radius: 0.1em;
padding: 0.2em 0.25em 0.15em;
}
.note-icon-pull-left {
float: left;
}
.note-icon-pull-right {
float: right;
}
.note-icon.note-icon-pull-left {
margin-right: 0.3em;
}
.note-icon.note-icon-pull-right {
margin-left: 0.3em;
}
.note-icon-align::before {
content: "\ea01";
}
.note-icon-align-center::before {
content: "\ea02";
}
.note-icon-align-indent::before {
content: "\ea03";
}
.note-icon-align-justify::before {
content: "\ea04";
}
.note-icon-align-left::before {
content: "\ea05";
}
.note-icon-align-outdent::before {
content: "\ea06";
}
.note-icon-align-right::before {
content: "\ea07";
}
.note-icon-arrow-circle-down::before {
content: "\ea08";
}
.note-icon-arrow-circle-left::before {
content: "\ea09";
}
.note-icon-arrow-circle-right::before {
content: "\ea0a";
}
.note-icon-arrow-circle-up::before {
content: "\ea0b";
}
.note-icon-arrows-alt::before {
content: "\ea0c";
}
.note-icon-arrows-h::before {
content: "\ea0d";
}
.note-icon-arrows-v::before {
content: "\ea0e";
}
.note-icon-bold::before {
content: "\ea0f";
}
.note-icon-caret::before {
content: "\ea10";
}
.note-icon-chain-broken::before {
content: "\ea11";
}
.note-icon-circle::before {
content: "\ea12";
}
.note-icon-close::before {
content: "\ea13";
}
.note-icon-code::before {
content: "\ea14";
}
.note-icon-col-after::before {
content: "\ea15";
}
.note-icon-col-before::before {
content: "\ea16";
}
.note-icon-col-remove::before {
content: "\ea17";
}
.note-icon-eraser::before {
content: "\ea18";
}
.note-icon-float-left::before {
content: "\ea19";
}
.note-icon-float-none::before {
content: "\ea1a";
}
.note-icon-float-right::before {
content: "\ea1b";
}
.note-icon-font::before {
content: "\ea1c";
}
.note-icon-frame::before {
content: "\ea1d";
}
.note-icon-italic::before {
content: "\ea1e";
}
.note-icon-link::before {
content: "\ea1f";
}
.note-icon-magic::before {
content: "\ea20";
}
.note-icon-menu-check::before {
content: "\ea21";
}
.note-icon-minus::before {
content: "\ea22";
}
.note-icon-orderedlist::before {
content: "\ea23";
}
.note-icon-pencil::before {
content: "\ea24";
}
.note-icon-picture::before {
content: "\ea25";
}
.note-icon-question::before {
content: "\ea26";
}
.note-icon-redo::before {
content: "\ea27";
}
.note-icon-rollback::before {
content: "\ea28";
}
.note-icon-row-above::before {
content: "\ea29";
}
.note-icon-row-below::before {
content: "\ea2a";
}
.note-icon-row-remove::before {
content: "\ea2b";
}
.note-icon-special-character::before {
content: "\ea2c";
}
.note-icon-square::before {
content: "\ea2d";
}
.note-icon-strikethrough::before {
content: "\ea2e";
}
.note-icon-subscript::before {
content: "\ea2f";
}
.note-icon-summernote::before {
content: "\ea30";
}
.note-icon-superscript::before {
content: "\ea31";
}
.note-icon-table::before {
content: "\ea32";
}
.note-icon-text-height::before {
content: "\ea33";
}
.note-icon-trash::before {
content: "\ea34";
}
.note-icon-underline::before {
content: "\ea35";
}
.note-icon-undo::before {
content: "\ea36";
}
.note-icon-unorderedlist::before {
content: "\ea37";
}
.note-icon-video::before {
content: "\ea38";
}
/* Theme Variables
------------------------------------------ */
/* Layout
------------------------------------------ */
.note-editor {
position: relative;
}
.note-editor .note-dropzone {
position: absolute;
display: none;
z-index: 100;
color: lightskyblue;
background-color: #fff;
opacity: 0.95;
}
.note-editor .note-dropzone .note-dropzone-message {
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 28px;
font-weight: 700;
}
.note-editor .note-dropzone.hover {
color: #098ddf;
}
.note-editor.dragover .note-dropzone {
display: table;
}
.note-editor .note-editing-area {
position: relative;
}
.note-editor .note-editing-area .note-editable {
outline: none;
}
.note-editor .note-editing-area .note-editable sup {
vertical-align: super;
}
.note-editor .note-editing-area .note-editable sub {
vertical-align: sub;
}
.note-editor .note-editing-area .note-editable img.note-float-left {
margin-right: 10px;
}
.note-editor .note-editing-area .note-editable img.note-float-right {
margin-left: 10px;
}
/* Frame mode layout
------------------------------------------ */
.note-editor.note-frame,
.note-editor.note-airframe {
border: 1px solid #00000032;
}
.note-editor.note-frame.codeview .note-editing-area .note-editable,
.note-editor.note-airframe.codeview .note-editing-area .note-editable {
display: none;
}
.note-editor.note-frame.codeview .note-editing-area .note-codable,
.note-editor.note-airframe.codeview .note-editing-area .note-codable {
display: block;
}
.note-editor.note-frame .note-editing-area,
.note-editor.note-airframe .note-editing-area {
overflow: hidden;
}
.note-editor.note-frame .note-editing-area .note-editable,
.note-editor.note-airframe .note-editing-area .note-editable {
padding: 10px;
overflow: auto;
word-wrap: break-word;
}
.note-editor.note-frame .note-editing-area .note-editable[contenteditable=false],
.note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false] {
background-color: #8080801d;
}
.note-editor.note-frame .note-editing-area .note-codable,
.note-editor.note-airframe .note-editing-area .note-codable {
display: none;
width: 100%;
padding: 10px;
border: none;
box-shadow: none;
font-family: Menlo, Monaco, monospace, sans-serif;
font-size: 14px;
color: #ccc;
background-color: #222;
resize: none;
outline: none;
-ms-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
margin-bottom: 0;
}
.note-editor.note-frame.fullscreen,
.note-editor.note-airframe.fullscreen {
position: fixed;
top: 0;
left: 0;
width: 100% !important;
z-index: 1050;
}
.note-editor.note-frame.fullscreen .note-resizebar,
.note-editor.note-airframe.fullscreen .note-resizebar {
display: none;
}
.note-editor.note-frame .note-status-output,
.note-editor.note-airframe .note-status-output {
display: block;
width: 100%;
font-size: 14px;
line-height: 1.42857143;
height: 20px;
margin-bottom: 0;
color: #000;
border: 0;
border-top: 1px solid #e2e2e2;
}
.note-editor.note-frame .note-status-output:empty,
.note-editor.note-airframe .note-status-output:empty {
height: 0;
border-top: 0 solid transparent;
}
.note-editor.note-frame .note-status-output .pull-right,
.note-editor.note-airframe .note-status-output .pull-right {
float: right !important;
}
.note-editor.note-frame .note-status-output .text-muted,
.note-editor.note-airframe .note-status-output .text-muted {
color: #777;
}
.note-editor.note-frame .note-status-output .text-primary,
.note-editor.note-airframe .note-status-output .text-primary {
color: #286090;
}
.note-editor.note-frame .note-status-output .text-success,
.note-editor.note-airframe .note-status-output .text-success {
color: #3c763d;
}
.note-editor.note-frame .note-status-output .text-info,
.note-editor.note-airframe .note-status-output .text-info {
color: #31708f;
}
.note-editor.note-frame .note-status-output .text-warning,
.note-editor.note-airframe .note-status-output .text-warning {
color: #8a6d3b;
}
.note-editor.note-frame .note-status-output .text-danger,
.note-editor.note-airframe .note-status-output .text-danger {
color: #a94442;
}
.note-editor.note-frame .note-status-output .alert,
.note-editor.note-airframe .note-status-output .alert {
margin: -7px 0 0 0;
padding: 7px 10px 2px 10px;
border-radius: 0;
color: #000;
background-color: #f5f5f5;
}
.note-editor.note-frame .note-status-output .alert .note-icon,
.note-editor.note-airframe .note-status-output .alert .note-icon {
margin-right: 5px;
}
.note-editor.note-frame .note-status-output .alert-success,
.note-editor.note-airframe .note-status-output .alert-success {
color: #3c763d !important;
background-color: #dff0d8 !important;
}
.note-editor.note-frame .note-status-output .alert-info,
.note-editor.note-airframe .note-status-output .alert-info {
color: #31708f !important;
background-color: #d9edf7 !important;
}
.note-editor.note-frame .note-status-output .alert-warning,
.note-editor.note-airframe .note-status-output .alert-warning {
color: #8a6d3b !important;
background-color: #fcf8e3 !important;
}
.note-editor.note-frame .note-status-output .alert-danger,
.note-editor.note-airframe .note-status-output .alert-danger {
color: #a94442 !important;
background-color: #f2dede !important;
}
.note-editor.note-frame .note-statusbar,
.note-editor.note-airframe .note-statusbar {
background-color: #8080801d;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar .note-resizebar,
.note-editor.note-airframe .note-statusbar .note-resizebar {
padding-top: 1px;
height: 9px;
width: 100%;
cursor: ns-resize;
}
.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar {
width: 20px;
margin: 1px auto;
border-top: 1px solid #00000032;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar {
cursor: default;
}
.note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar,
.note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar {
display: none;
}
.note-editor.note-frame .note-placeholder,
.note-editor.note-airframe .note-placeholder {
padding: 10px;
}
.note-editor.note-airframe {
border: 0;
}
.note-editor.note-airframe .note-editing-area .note-editable {
padding: 0;
}
/* Popover
------------------------------------------ */
.note-popover.popover {
display: none;
max-width: none;
}
.note-popover.popover .popover-content a {
display: inline-block;
max-width: 200px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle;
}
.note-popover.popover .arrow {
left: 20px !important;
}
/* Popover and Toolbar (Button container)
------------------------------------------ */
.note-toolbar {
position: relative;
}
.note-popover .popover-content, .note-editor .note-toolbar {
margin: 0;
padding: 0 0 5px 5px;
}
.note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group {
margin-top: 5px;
margin-left: 0;
margin-right: 5px;
}
.note-popover .popover-content > .note-btn-group, .note-editor .note-toolbar > .note-btn-group .note-btn {
background-color: #fff;
}
.note-popover .popover-content .note-btn-group .note-table, .note-editor .note-toolbar .note-btn-group .note-table {
min-width: 0;
padding: 5px;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker {
font-size: 18px;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
position: absolute !important;
z-index: 3;
width: 10em;
height: 10em;
cursor: pointer;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
position: relative !important;
z-index: 1;
width: 5em;
height: 5em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted, .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
position: absolute !important;
z-index: 2;
width: 1em;
height: 1em;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
}
.note-popover .popover-content .note-style .dropdown-style blockquote, .note-popover .popover-content .note-style .dropdown-style pre, .note-editor .note-toolbar .note-style .dropdown-style blockquote, .note-editor .note-toolbar .note-style .dropdown-style pre {
margin: 0;
padding: 5px 10px;
}
.note-popover .popover-content .note-style .dropdown-style h1, .note-popover .popover-content .note-style .dropdown-style h2, .note-popover .popover-content .note-style .dropdown-style h3, .note-popover .popover-content .note-style .dropdown-style h4, .note-popover .popover-content .note-style .dropdown-style h5, .note-popover .popover-content .note-style .dropdown-style h6, .note-popover .popover-content .note-style .dropdown-style p, .note-editor .note-toolbar .note-style .dropdown-style h1, .note-editor .note-toolbar .note-style .dropdown-style h2, .note-editor .note-toolbar .note-style .dropdown-style h3, .note-editor .note-toolbar .note-style .dropdown-style h4, .note-editor .note-toolbar .note-style .dropdown-style h5, .note-editor .note-toolbar .note-style .dropdown-style h6, .note-editor .note-toolbar .note-style .dropdown-style p {
margin: 0;
padding: 0;
}
.note-popover .popover-content .note-color-all .note-dropdown-menu, .note-editor .note-toolbar .note-color-all .note-dropdown-menu {
min-width: 337px;
}
.note-popover .popover-content .note-color .dropdown-toggle, .note-editor .note-toolbar .note-color .dropdown-toggle {
width: 20px;
padding-left: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette {
display: inline-block;
margin: 0;
width: 160px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child {
margin: 0 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title {
font-size: 12px;
margin: 2px 7px;
text-align: center;
border-bottom: 1px solid #eee;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select {
font-size: 11px;
margin: 3px;
padding: 0 3px;
cursor: pointer;
width: 100%;
border-radius: 5px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
background: #eee;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row {
height: 20px;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
display: none;
}
.note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn, .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
border: 1px solid #eee;
}
.note-popover .popover-content .note-para .note-dropdown-menu, .note-editor .note-toolbar .note-para .note-dropdown-menu {
min-width: 228px;
padding: 5px;
}
.note-popover .popover-content .note-para .note-dropdown-menu > div + div, .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div {
margin-left: 5px;
}
.note-popover .popover-content .note-dropdown-menu, .note-editor .note-toolbar .note-dropdown-menu {
min-width: 160px;
}
.note-popover .popover-content .note-dropdown-menu.right, .note-editor .note-toolbar .note-dropdown-menu.right {
right: 0;
left: auto;
}
.note-popover .popover-content .note-dropdown-menu.right::before, .note-editor .note-toolbar .note-dropdown-menu.right::before {
right: 9px;
left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.right::after, .note-editor .note-toolbar .note-dropdown-menu.right::after {
right: 10px;
left: auto !important;
}
.note-popover .popover-content .note-dropdown-menu.note-check a i, .note-editor .note-toolbar .note-dropdown-menu.note-check a i {
color: deepskyblue;
visibility: hidden;
}
.note-popover .popover-content .note-dropdown-menu.note-check a.checked i, .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i {
visibility: visible;
}
.note-popover .popover-content .note-fontsize-10, .note-editor .note-toolbar .note-fontsize-10 {
font-size: 10px;
}
.note-popover .popover-content .note-color-palette, .note-editor .note-toolbar .note-color-palette {
line-height: 1;
}
.note-popover .popover-content .note-color-palette div .note-color-btn, .note-editor .note-toolbar .note-color-palette div .note-color-btn {
width: 20px;
height: 20px;
padding: 0;
margin: 0;
border: 0;
border-radius: 0;
}
.note-popover .popover-content .note-color-palette div .note-color-btn:hover, .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover {
transform: scale(1.2);
transition: all 0.2s;
}
/* Dialog
------------------------------------------ */
.note-modal .modal-dialog {
outline: 0;
border-radius: 5px;
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
}
.note-modal .form-group {
margin-left: 0;
margin-right: 0;
}
.note-modal .note-modal-form {
margin: 0;
}
.note-modal .note-image-dialog .note-dropzone {
min-height: 100px;
font-size: 30px;
line-height: 4;
color: lightgray;
text-align: center;
border: 4px dashed lightgray;
margin-bottom: 10px;
}
@-moz-document url-prefix() {
.note-modal .note-image-input {
height: auto;
}
}
/* Placeholder
------------------------------------------ */
.note-placeholder {
position: absolute;
display: none;
color: gray;
}
/* Handle
------------------------------------------ */
.note-handle .note-control-selection {
position: absolute;
display: none;
border: 1px solid #000;
}
.note-handle .note-control-selection > div {
position: absolute;
}
.note-handle .note-control-selection .note-control-selection-bg {
width: 100%;
height: 100%;
background-color: #000;
-webkit-opacity: 0.3;
-khtml-opacity: 0.3;
-moz-opacity: 0.3;
opacity: 0.3;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
filter: alpha(opacity=30);
}
.note-handle .note-control-selection .note-control-handle, .note-handle .note-control-selection .note-control-sizing, .note-handle .note-control-selection .note-control-holder {
width: 7px;
height: 7px;
border: 1px solid #000;
}
.note-handle .note-control-selection .note-control-sizing {
background-color: #000;
}
.note-handle .note-control-selection .note-control-nw {
top: -5px;
left: -5px;
border-right: none;
border-bottom: none;
}
.note-handle .note-control-selection .note-control-ne {
top: -5px;
right: -5px;
border-bottom: none;
border-left: none;
}
.note-handle .note-control-selection .note-control-sw {
bottom: -5px;
left: -5px;
border-top: none;
border-right: none;
}
.note-handle .note-control-selection .note-control-se {
right: -5px;
bottom: -5px;
cursor: se-resize;
}
.note-handle .note-control-selection .note-control-se.note-control-holder {
cursor: default;
border-top: none;
border-left: none;
}
.note-handle .note-control-selection .note-control-selection-info {
right: 0;
bottom: 0;
padding: 5px;
margin: 5px;
color: #fff;
background-color: #000;
font-size: 12px;
border-radius: 5px;
-webkit-opacity: 0.7;
-khtml-opacity: 0.7;
-moz-opacity: 0.7;
opacity: 0.7;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
filter: alpha(opacity=70);
}
.note-hint-popover {
min-width: 100px;
padding: 2px;
}
.note-hint-popover .popover-content {
padding: 3px;
max-height: 150px;
overflow: auto;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item {
display: block !important;
padding: 3px;
}
.note-hint-popover .popover-content .note-hint-group .note-hint-item.active, .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
display: block;
clear: both;
font-weight: 400;
line-height: 1.4;
color: white;
white-space: nowrap;
text-decoration: none;
background-color: #428bca;
outline: 0;
cursor: pointer;
}
/* Handle
------------------------------------------ */
html .note-fullscreen-body, body .note-fullscreen-body {
overflow: hidden !important;
}
body.darktheme .note-popover .popover-content > .note-btn-group, body.darktheme .note-editor .note-toolbar > .note-btn-group .note-btn {
background: #262626;
color: #ccc;
}

File diff suppressed because one or more lines are too long

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,184 @@
/*!
*
* Super simple WYSIWYG editor v0.8.20
* https://summernote.org
*
*
* Copyright 2013- Alan Hong and contributors
* Summernote may be freely distributed under the MIT license.
*
* Date: 2021-10-14T21:15Z
*
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else {
var a = factory();
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(self, function() {
return /******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
(function ($) {
$.extend($.summernote.lang, {
'zh-CN': {
font: {
bold: '粗体',
italic: '斜体',
underline: '下划线',
clear: '清除格式',
height: '行高',
name: '字体',
strikethrough: '删除线',
subscript: '下标',
superscript: '上标',
size: '字号'
},
image: {
image: '图片',
insert: '插入图片',
resizeFull: '缩放至 100%',
resizeHalf: '缩放至 50%',
resizeQuarter: '缩放至 25%',
floatLeft: '靠左浮动',
floatRight: '靠右浮动',
floatNone: '取消浮动',
shapeRounded: '形状: 圆角',
shapeCircle: '形状: 圆',
shapeThumbnail: '形状: 缩略图',
shapeNone: '形状: 无',
dragImageHere: '将图片拖拽至此处',
dropImage: '拖拽图片或文本',
selectFromFiles: '从本地上传',
maximumFileSize: '文件大小最大值',
maximumFileSizeError: '文件大小超出最大值。',
url: '图片地址',
remove: '移除图片',
original: '原始图片'
},
video: {
video: '视频',
videoLink: '视频链接',
insert: '插入视频',
url: '视频地址',
providers: '(视频地址)'
},
link: {
link: '链接',
insert: '插入链接',
unlink: '去除链接',
edit: '编辑链接',
textToDisplay: '显示文本',
url: '链接地址',
openInNewWindow: '在新窗口打开'
},
table: {
table: '表格',
addRowAbove: '在上方插入行',
addRowBelow: '在下方插入行',
addColLeft: '在左侧插入列',
addColRight: '在右侧插入列',
delRow: '删除行',
delCol: '删除列',
delTable: '删除表格'
},
hr: {
insert: '水平线'
},
style: {
style: '样式',
p: '普通',
blockquote: '引用',
pre: '代码',
h1: '标题 1',
h2: '标题 2',
h3: '标题 3',
h4: '标题 4',
h5: '标题 5',
h6: '标题 6'
},
lists: {
unordered: '无序列表',
ordered: '有序列表'
},
options: {
help: '帮助',
fullscreen: '全屏',
codeview: '源代码'
},
paragraph: {
paragraph: '段落',
outdent: '减少缩进',
indent: '增加缩进',
left: '左对齐',
center: '居中对齐',
right: '右对齐',
justify: '两端对齐'
},
color: {
recent: '最近使用',
more: '更多',
background: '背景',
foreground: '前景',
transparent: '透明',
setTransparent: '透明',
reset: '重置',
resetToDefault: '默认'
},
shortcut: {
shortcuts: '快捷键',
close: '关闭',
textFormatting: '文本格式',
action: '动作',
paragraphFormatting: '段落格式',
documentStyle: '文档样式',
extraKeys: '额外按键'
},
help: {
insertParagraph: '插入段落',
undo: '撤销',
redo: '重做',
tab: '增加缩进',
untab: '减少缩进',
bold: '粗体',
italic: '斜体',
underline: '下划线',
strikethrough: '删除线',
removeFormat: '清除格式',
justifyLeft: '左对齐',
justifyCenter: '居中对齐',
justifyRight: '右对齐',
justifyFull: '两端对齐',
insertUnorderedList: '无序列表',
insertOrderedList: '有序列表',
outdent: '减少缩进',
indent: '增加缩进',
formatPara: '设置选中内容样式为 普通',
formatH1: '设置选中内容样式为 标题1',
formatH2: '设置选中内容样式为 标题2',
formatH3: '设置选中内容样式为 标题3',
formatH4: '设置选中内容样式为 标题4',
formatH5: '设置选中内容样式为 标题5',
formatH6: '设置选中内容样式为 标题6',
insertHorizontalRule: '插入水平线',
'linkDialog.show': '显示链接对话框'
},
history: {
undo: '撤销',
redo: '重做'
},
specialChar: {
specialChar: '特殊字符',
select: '选取特殊字符'
}
}
});
})(jQuery);
/******/ return __webpack_exports__;
/******/ })()
;
});
//# sourceMappingURL=summernote-zh-CN.js.map

View File

@@ -0,0 +1,2 @@
/*! Summernote v0.8.20 | (c) 2013- Alan Hong and contributors | MIT license */
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,(function(){return(e=jQuery).extend(e.summernote.lang,{"zh-CN":{font:{bold:"粗体",italic:"斜体",underline:"下划线",clear:"清除格式",height:"行高",name:"字体",strikethrough:"删除线",subscript:"下标",superscript:"上标",size:"字号"},image:{image:"图片",insert:"插入图片",resizeFull:"缩放至 100%",resizeHalf:"缩放至 50%",resizeQuarter:"缩放至 25%",floatLeft:"靠左浮动",floatRight:"靠右浮动",floatNone:"取消浮动",shapeRounded:"形状: 圆角",shapeCircle:"形状: 圆",shapeThumbnail:"形状: 缩略图",shapeNone:"形状: 无",dragImageHere:"将图片拖拽至此处",dropImage:"拖拽图片或文本",selectFromFiles:"从本地上传",maximumFileSize:"文件大小最大值",maximumFileSizeError:"文件大小超出最大值。",url:"图片地址",remove:"移除图片",original:"原始图片"},video:{video:"视频",videoLink:"视频链接",insert:"插入视频",url:"视频地址",providers:"(视频地址)"},link:{link:"链接",insert:"插入链接",unlink:"去除链接",edit:"编辑链接",textToDisplay:"显示文本",url:"链接地址",openInNewWindow:"在新窗口打开"},table:{table:"表格",addRowAbove:"在上方插入行",addRowBelow:"在下方插入行",addColLeft:"在左侧插入列",addColRight:"在右侧插入列",delRow:"删除行",delCol:"删除列",delTable:"删除表格"},hr:{insert:"水平线"},style:{style:"样式",p:"普通",blockquote:"引用",pre:"代码",h1:"标题 1",h2:"标题 2",h3:"标题 3",h4:"标题 4",h5:"标题 5",h6:"标题 6"},lists:{unordered:"无序列表",ordered:"有序列表"},options:{help:"帮助",fullscreen:"全屏",codeview:"源代码"},paragraph:{paragraph:"段落",outdent:"减少缩进",indent:"增加缩进",left:"左对齐",center:"居中对齐",right:"右对齐",justify:"两端对齐"},color:{recent:"最近使用",more:"更多",background:"背景",foreground:"前景",transparent:"透明",setTransparent:"透明",reset:"重置",resetToDefault:"默认"},shortcut:{shortcuts:"快捷键",close:"关闭",textFormatting:"文本格式",action:"动作",paragraphFormatting:"段落格式",documentStyle:"文档样式",extraKeys:"额外按键"},help:{insertParagraph:"插入段落",undo:"撤销",redo:"重做",tab:"增加缩进",untab:"减少缩进",bold:"粗体",italic:"斜体",underline:"下划线",strikethrough:"删除线",removeFormat:"清除格式",justifyLeft:"左对齐",justifyCenter:"居中对齐",justifyRight:"右对齐",justifyFull:"两端对齐",insertUnorderedList:"无序列表",insertOrderedList:"有序列表",outdent:"减少缩进",indent:"增加缩进",formatPara:"设置选中内容样式为 普通",formatH1:"设置选中内容样式为 标题1",formatH2:"设置选中内容样式为 标题2",formatH3:"设置选中内容样式为 标题3",formatH4:"设置选中内容样式为 标题4",formatH5:"设置选中内容样式为 标题5",formatH6:"设置选中内容样式为 标题6",insertHorizontalRule:"插入水平线","linkDialog.show":"显示链接对话框"},history:{undo:"撤销",redo:"重做"},specialChar:{specialChar:"特殊字符",select:"选取特殊字符"}}}),{};var e}));

View File

@@ -0,0 +1,184 @@
/*!
*
* Super simple WYSIWYG editor v0.8.20
* https://summernote.org
*
*
* Copyright 2013- Alan Hong and contributors
* Summernote may be freely distributed under the MIT license.
*
* Date: 2021-10-14T21:15Z
*
*/
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory();
else if(typeof define === 'function' && define.amd)
define([], factory);
else {
var a = factory();
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
}
})(self, function() {
return /******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
(function ($) {
$.extend($.summernote.lang, {
'zh-TW': {
font: {
bold: '粗體',
italic: '斜體',
underline: '底線',
clear: '清除格式',
height: '行高',
name: '字體',
strikethrough: '刪除線',
subscript: '下標',
superscript: '上標',
size: '字號'
},
image: {
image: '圖片',
insert: '插入圖片',
resizeFull: '縮放至100%',
resizeHalf: '縮放至 50%',
resizeQuarter: '縮放至 25%',
floatLeft: '靠左浮動',
floatRight: '靠右浮動',
floatNone: '取消浮動',
shapeRounded: '形狀: 圓角',
shapeCircle: '形狀: 圓',
shapeThumbnail: '形狀: 縮略圖',
shapeNone: '形狀: 無',
dragImageHere: '將圖片拖曳至此處',
dropImage: 'Drop image or Text',
selectFromFiles: '從本機上傳',
maximumFileSize: '文件大小最大值',
maximumFileSizeError: '文件大小超出最大值。',
url: '圖片網址',
remove: '移除圖片',
original: 'Original'
},
video: {
video: '影片',
videoLink: '影片連結',
insert: '插入影片',
url: '影片網址',
providers: '(影片網址)'
},
link: {
link: '連結',
insert: '插入連結',
unlink: '取消連結',
edit: '編輯連結',
textToDisplay: '顯示文字',
url: '連結網址',
openInNewWindow: '在新視窗開啟'
},
table: {
table: '表格',
addRowAbove: '上方插入列',
addRowBelow: '下方插入列',
addColLeft: '左方插入欄',
addColRight: '右方插入欄',
delRow: '刪除列',
delCol: '刪除欄',
delTable: '刪除表格'
},
hr: {
insert: '水平線'
},
style: {
style: '樣式',
p: '一般',
blockquote: '引用區塊',
pre: '程式碼區塊',
h1: '標題 1',
h2: '標題 2',
h3: '標題 3',
h4: '標題 4',
h5: '標題 5',
h6: '標題 6'
},
lists: {
unordered: '項目清單',
ordered: '編號清單'
},
options: {
help: '幫助',
fullscreen: '全螢幕',
codeview: '原始碼'
},
paragraph: {
paragraph: '段落',
outdent: '取消縮排',
indent: '增加縮排',
left: '靠右對齊',
center: '靠中對齊',
right: '靠右對齊',
justify: '左右對齊'
},
color: {
recent: '字型顏色',
more: '更多',
background: '背景',
foreground: '字體',
transparent: '透明',
setTransparent: '透明',
reset: '重設',
resetToDefault: '預設'
},
shortcut: {
shortcuts: '快捷鍵',
close: '關閉',
textFormatting: '文字格式',
action: '動作',
paragraphFormatting: '段落格式',
documentStyle: '文件格式',
extraKeys: '額外按鍵'
},
help: {
'insertParagraph': 'Insert Paragraph',
'undo': 'Undoes the last command',
'redo': 'Redoes the last command',
'tab': 'Tab',
'untab': 'Untab',
'bold': 'Set a bold style',
'italic': 'Set a italic style',
'underline': 'Set a underline style',
'strikethrough': 'Set a strikethrough style',
'removeFormat': 'Clean a style',
'justifyLeft': 'Set left align',
'justifyCenter': 'Set center align',
'justifyRight': 'Set right align',
'justifyFull': 'Set full align',
'insertUnorderedList': 'Toggle unordered list',
'insertOrderedList': 'Toggle ordered list',
'outdent': 'Outdent on current paragraph',
'indent': 'Indent on current paragraph',
'formatPara': 'Change current block\'s format as a paragraph(P tag)',
'formatH1': 'Change current block\'s format as H1',
'formatH2': 'Change current block\'s format as H2',
'formatH3': 'Change current block\'s format as H3',
'formatH4': 'Change current block\'s format as H4',
'formatH5': 'Change current block\'s format as H5',
'formatH6': 'Change current block\'s format as H6',
'insertHorizontalRule': 'Insert horizontal rule',
'linkDialog.show': 'Show Link Dialog'
},
history: {
undo: '復原',
redo: '取消復原'
},
specialChar: {
specialChar: 'SPECIAL CHARACTERS',
select: 'Select Special characters'
}
}
});
})(jQuery);
/******/ return __webpack_exports__;
/******/ })()
;
});
//# sourceMappingURL=summernote-zh-TW.js.map

View File

@@ -0,0 +1,2 @@
/*! Summernote v0.8.20 | (c) 2013- Alan Hong and contributors | MIT license */
!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var r=t();for(var a in r)("object"==typeof exports?exports:e)[a]=r[a]}}(self,(function(){return(e=jQuery).extend(e.summernote.lang,{"zh-TW":{font:{bold:"粗體",italic:"斜體",underline:"底線",clear:"清除格式",height:"行高",name:"字體",strikethrough:"刪除線",subscript:"下標",superscript:"上標",size:"字號"},image:{image:"圖片",insert:"插入圖片",resizeFull:"縮放至100%",resizeHalf:"縮放至 50%",resizeQuarter:"縮放至 25%",floatLeft:"靠左浮動",floatRight:"靠右浮動",floatNone:"取消浮動",shapeRounded:"形狀: 圓角",shapeCircle:"形狀: 圓",shapeThumbnail:"形狀: 縮略圖",shapeNone:"形狀: 無",dragImageHere:"將圖片拖曳至此處",dropImage:"Drop image or Text",selectFromFiles:"從本機上傳",maximumFileSize:"文件大小最大值",maximumFileSizeError:"文件大小超出最大值。",url:"圖片網址",remove:"移除圖片",original:"Original"},video:{video:"影片",videoLink:"影片連結",insert:"插入影片",url:"影片網址",providers:"(影片網址)"},link:{link:"連結",insert:"插入連結",unlink:"取消連結",edit:"編輯連結",textToDisplay:"顯示文字",url:"連結網址",openInNewWindow:"在新視窗開啟"},table:{table:"表格",addRowAbove:"上方插入列",addRowBelow:"下方插入列",addColLeft:"左方插入欄",addColRight:"右方插入欄",delRow:"刪除列",delCol:"刪除欄",delTable:"刪除表格"},hr:{insert:"水平線"},style:{style:"樣式",p:"一般",blockquote:"引用區塊",pre:"程式碼區塊",h1:"標題 1",h2:"標題 2",h3:"標題 3",h4:"標題 4",h5:"標題 5",h6:"標題 6"},lists:{unordered:"項目清單",ordered:"編號清單"},options:{help:"幫助",fullscreen:"全螢幕",codeview:"原始碼"},paragraph:{paragraph:"段落",outdent:"取消縮排",indent:"增加縮排",left:"靠右對齊",center:"靠中對齊",right:"靠右對齊",justify:"左右對齊"},color:{recent:"字型顏色",more:"更多",background:"背景",foreground:"字體",transparent:"透明",setTransparent:"透明",reset:"重設",resetToDefault:"預設"},shortcut:{shortcuts:"快捷鍵",close:"關閉",textFormatting:"文字格式",action:"動作",paragraphFormatting:"段落格式",documentStyle:"文件格式",extraKeys:"額外按鍵"},help:{insertParagraph:"Insert Paragraph",undo:"Undoes the last command",redo:"Redoes the last command",tab:"Tab",untab:"Untab",bold:"Set a bold style",italic:"Set a italic style",underline:"Set a underline style",strikethrough:"Set a strikethrough style",removeFormat:"Clean a style",justifyLeft:"Set left align",justifyCenter:"Set center align",justifyRight:"Set right align",justifyFull:"Set full align",insertUnorderedList:"Toggle unordered list",insertOrderedList:"Toggle ordered list",outdent:"Outdent on current paragraph",indent:"Indent on current paragraph",formatPara:"Change current block's format as a paragraph(P tag)",formatH1:"Change current block's format as H1",formatH2:"Change current block's format as H2",formatH3:"Change current block's format as H3",formatH4:"Change current block's format as H4",formatH5:"Change current block's format as H5",formatH6:"Change current block's format as H6",insertHorizontalRule:"Insert horizontal rule","linkDialog.show":"Show Link Dialog"},history:{undo:"復原",redo:"取消復原"},specialChar:{specialChar:"SPECIAL CHARACTERS",select:"Select Special characters"}}}),{};var e}));

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,184 @@
/*
Animation 微动画
基于ColorUI组建库的动画模块 by 文晓港 2019年3月26日19:52:28
*/
/* css 滤镜 控制黑白底色gif的 */
.gif-black{
mix-blend-mode: screen;
}
.gif-white{
mix-blend-mode: multiply;
}
/* Animation css */
[class*=animation-] {
animation-duration: .5s;
animation-timing-function: ease-out;
animation-fill-mode: both
}
.animation-fade {
animation-name: fade;
animation-duration: .8s;
animation-timing-function: linear
}
.animation-scale-up {
animation-name: scale-up
}
.animation-scale-down {
animation-name: scale-down
}
.animation-slide-top {
animation-name: slide-top
}
.animation-slide-bottom {
animation-name: slide-bottom
}
.animation-slide-left {
animation-name: slide-left
}
.animation-slide-right {
animation-name: slide-right
}
.animation-shake {
animation-name: shake
}
.animation-reverse {
animation-direction: reverse
}
@keyframes fade {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes scale-up {
0% {
opacity: 0;
transform: scale(.2)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes scale-down {
0% {
opacity: 0;
transform: scale(1.8)
}
100% {
opacity: 1;
transform: scale(1)
}
}
@keyframes slide-top {
0% {
opacity: 0;
transform: translateY(-100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes slide-bottom {
0% {
opacity: 0;
transform: translateY(100%)
}
100% {
opacity: 1;
transform: translateY(0)
}
}
@keyframes shake {
0%,
100% {
transform: translateX(0)
}
10% {
transform: translateX(-9px)
}
20% {
transform: translateX(8px)
}
30% {
transform: translateX(-7px)
}
40% {
transform: translateX(6px)
}
50% {
transform: translateX(-5px)
}
60% {
transform: translateX(4px)
}
70% {
transform: translateX(-3px)
}
80% {
transform: translateX(2px)
}
90% {
transform: translateX(-1px)
}
}
@keyframes slide-left {
0% {
opacity: 0;
transform: translateX(-100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}
@keyframes slide-right {
0% {
opacity: 0;
transform: translateX(100%)
}
100% {
opacity: 1;
transform: translateX(0)
}
}

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,189 @@
var Paging = /** @class */ (function () {
function Paging(elementName, options) {
this.elementName = elementName;
this.options = options;
options.nowPage = options.nowPage >= 1 ? options.nowPage : 1;
options.pageNum = options.pageNum > 0 ? options.pageNum : 0;
options.totalNum = options.totalNum > 0 ? options.totalNum : 0;
options.showOne = options.showOne || 0;
options.buttonNum = (options.buttonNum >= 5 ? options.buttonNum : 5) || 7;
this.nowPage = options.nowPage > options.pageNum ? options.pageNum : options.nowPage;
this.pageNum = options.pageNum < 0 ? 0 : options.pageNum;
this.totalNum = options.totalNum < 0 ? 0 : options.totalNum;
this.showOne = options.showOne;
this.buttonNum = options.buttonNum;
this.callback = options.callback;
this.element = document.getElementById(elementName);
this.init();
}
Paging.prototype.init = function () {
this.createHtml();
};
Paging.prototype.createHtml = function () {
var _this = this;
var content = [];
//如果pageNum小于等于0则不渲染
if (this.pageNum <= 0) {
return '';
}
//如果只有一页并且设置为不显示,则不进行渲染
if (!this.showOne && this.pageNum === 1) {
this.element.innerHTML = '';
return '';
}
content.push(`<div class='xl-totalPage'>共${this.totalNum}条</div>`);
content.push("<ul>");
content.push("<li class='xl-prevPage'>上页</li>");
//页面总数小于等于当前要展示页数总数,展示所有页面
if (this.pageNum <= this.buttonNum) {
for (var i = 1; i <= this.pageNum; i++) {
if (this.nowPage !== i) {
content.push("<li>" + i + "</li>");
}
else {
content.push("<li class='xl-active'>" + i + "</li>");
}
}
}
else if (this.nowPage <= Math.floor(this.buttonNum / 2)) {
//当前页面小于等于展示页数总数的一半向下取整从1开始
for (var i = 1; i <= this.buttonNum - 2; i++) {
if (this.nowPage !== i) {
content.push("<li>" + i + "</li>");
}
else {
content.push("<li class='xl-active'>" + i + "</li>");
}
}
content.push("<li class='xl-disabled'>...</li>");
content.push("<li>" + this.pageNum + "</li>");
}
else if (this.pageNum - this.nowPage <= Math.floor(this.buttonNum / 2)) {
//当前页面大于展示页数总数的一半(向下取整)
content.push("<li>" + 1 + "</li>");
content.push("<li class='xl-disabled'>...</li>");
for (var i = this.pageNum - this.buttonNum + 3; i <= this.pageNum; i++) {
if (this.nowPage !== i) {
content.push("<li>" + i + "</li>");
}
else {
content.push("<li class='xl-active'>" + i + "</li>");
}
}
}
else {
//前半部分页码
if (this.nowPage - Math.floor(this.buttonNum / 2) <= 0) {
for (var i = 1; i <= Math.floor(this.buttonNum / 2); i++) {
if (this.nowPage !== i) {
content.push("<li>" + i + "</li>");
}
else {
content.push("<li class='xl-active'>" + i + "</li>");
}
}
}
else {
content.push("<li>" + 1 + "</li>");
content.push("<li class='xl-disabled'>...</li>");
for (var i = this.nowPage - Math.floor(this.buttonNum / 2) + (this.buttonNum % 2 == 0 ? 3 : 2); i <= this.nowPage; i++) {
if (this.nowPage !== i) {
content.push("<li>" + i + "</li>");
}
else {
content.push("<li class='xl-active'>" + i + "</li>");
}
}
}
//后半部分页码
if (this.pageNum - this.nowPage <= 0) {
for (var i = this.nowPage + 1; i <= this.pageNum; i++) {
content.push("<li>" + i + "</li>");
}
}
else {
for (var i = this.nowPage + 1; i <= this.nowPage + Math.floor(this.buttonNum / 2) - 2; i++) {
content.push("<li>" + i + "</li>");
}
content.push("<li class='xl-disabled'>...</li>");
content.push("<li>" + this.pageNum + "</li>");
}
}
content.push("<li class='xl-nextPage'>下页</li>");
content.push("</ul>");
this.element.innerHTML = content.join('');
// DOM重新生成后每次调用是否禁用button
setTimeout(function () {
_this.disabled();
_this.bindClickEvent();
}, 20);
};
Paging.prototype.bindClickEvent = function () {
var _this = this;
var liList = this.element.children[1].children;
var _loop_1 = function (i) {
liList[i].removeEventListener('click', function () {
_this.clickEvent(liList[i]);
});
};
for (var i = 0; i < liList.length; i++) {
_loop_1(i);
}
var _loop_2 = function (i) {
liList[i].addEventListener('click', function () {
_this.clickEvent(liList[i]);
});
};
for (var i = 0; i < liList.length; i++) {
_loop_2(i);
}
};
Paging.prototype.clickEvent = function (li) {
var cla = li.className;
var num = parseInt(li.innerHTML);
var nowPage = this.nowPage;
if (li.className.indexOf('xl-disabled') !== -1) {
return '';
}
if (cla === 'xl-prevPage') {
if (nowPage >= 1) {
this.nowPage -= 1;
}
}
else if (cla === 'xl-nextPage') {
if (nowPage < this.pageNum) {
this.nowPage += 1;
}
}
else {
this.nowPage = num;
}
this.createHtml();
if (this.callback) {
this.callback(this.nowPage);
}
};
Paging.prototype.disabled = function () {
var nowPage = this.nowPage;
var pageNum = this.pageNum;
var liList = this.element.children[1].children;
if (nowPage === 1) {
for (var i = 0; i < liList.length; i++) {
if (liList[i].className.indexOf('xl-prevPage') !== -1) {
liList[i].setAttribute('class', liList[i].getAttribute('class').concat(' xl-disabled'));
}
if (pageNum === 1 && liList[i].className.indexOf('xl-nextPage') !== -1) {
liList[i].setAttribute('class', liList[i].getAttribute('class').concat(' xl-disabled'));
}
}
}
else if (nowPage === pageNum) {
for (var i = 0; i < liList.length; i++) {
if (liList[i].className.indexOf('xl-nextPage') !== -1) {
liList[i].setAttribute('class', liList[i].getAttribute('class').concat(' xl-disabled'));
}
}
}
};
return Paging;
}());

View File

@@ -0,0 +1,69 @@
body {
background: #fff;
}
.about-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.about-container .container-main {
flex: 1;
padding-bottom: 2rem;
}
.about-container .container-main .main-screen {
background: #F8F8F8;
}
.about-container .container-main .main-screen .screen-item {
font-size: 1rem;
line-height: 1.375rem;
color: #333333;
padding: 1.75rem 2.25rem;
transition: color .3s;
cursor: pointer;
}
.about-container .container-main .main-screen .screen-item:hover, .about-container .container-main .main-screen .screen-item.active {
color: var(--main-color);
}
.about-container .container-main .main-content {
padding: 2.5rem 0;
font-size: 1rem;
line-height: 1.875rem;
color: #555555;
}
.about-container .container-main .main-content img {
max-width: 100%;
}
.about-container .container-main .main-content .honor,
.about-container .container-main .main-content .rules {
display: none;
}
@media screen and (max-width: 767px) {
.about-container .container-main {
padding-bottom: 0;
}
.about-container .container-main .main-screen .screen-item {
width: calc(100% / 3);
font-size: 1rem;
line-height: 1.375rem;
padding: 1.25rem .5rem;
text-align: center;
}
.about-container .container-main .main-screen .screen-item:hover {
color: #333333;
}
.about-container .container-main .main-screen .screen-item.active:hover {
color: var(--main-color);
}
.about-container .container-main .main-content {
padding: 1.5rem 0;
}
}

View File

@@ -0,0 +1,203 @@
body {
background: #fff;
}
.activity-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.activity-container .container-main {
flex: 1;
padding: 2rem 0 2.5rem;
}
.activity-container .container-main .main-content .cont-item {
background: #F4F6FB;
border-radius: .3125rem;
padding: 1rem;
width: calc(25% - .375rem);
margin-right: .5rem;
cursor: pointer;
margin-top: .5rem;
}
.activity-container .container-main .main-content .cont-item:nth-child(4n) {
margin-right: 0;
}
.activity-container .container-main .main-content .cont-item .item-image {
position: relative;
width: 100%;
height: 0;
padding-top: 72%;
overflow: hidden;
border-radius: .5rem;
}
.activity-container .container-main .main-content .cont-item .item-image .image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .3s;
}
.activity-container .container-main .main-content .cont-item .item-box {
overflow: hidden;
}
.activity-container .container-main .main-content .cont-item .item-box .box-title {
margin-top: 1rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
}
.activity-container .container-main .main-content .cont-item .item-box .box-label {
margin-top: .625rem;
display: flex;
align-items: center;
}
.activity-container .container-main .main-content .cont-item .item-box .box-label .icon {
width: 1.125rem;
height: 1.125rem;
color: var(--main-color);
}
.activity-container .container-main .main-content .cont-item .item-box .box-label .text {
margin-left: .375rem;
font-size: .875rem;
line-height: 1.25rem;
color: #8D929C;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.activity-container .container-main .main-content .cont-item:hover .item-image .image {
transform: scale(1.2);
}
.activity-container .container-main .main-content .cont-item:hover .item-box .box-title {
color: var(--main-color);
}
.activity-container .container-main .main-code {
display: none;
padding: 2rem;
}
.activity-container .container-main .main-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.activity-container .container-main .main-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.activity-container .container-main .main-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.activity-container .container-main {
padding: 2rem 0;
}
.activity-container .container-main .main-content {
flex-direction: column;
}
.activity-container .container-main .main-content .cont-item {
border-radius: 0;
padding: 0;
background: transparent;
width: 100%;
margin-right: 0;
margin-top: 1rem;
display: flex;
align-items: normal;
}
.activity-container .container-main .main-content .cont-item:first-child {
margin-top: 0;
}
.activity-container .container-main .main-content .cont-item .item-image {
width: 6.875rem;
padding-top: 5rem;
}
.activity-container .container-main .main-content .cont-item .item-box {
flex: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 1rem;
}
.activity-container .container-main .main-content .cont-item .item-box .box-title {
margin-top: 0;
font-size: 1rem;
line-height: 1.375rem;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.activity-container .container-main .main-content .cont-item .item-box .box-label {
margin-top: 0;
display: flex;
align-items: center;
}
.activity-container .container-main .main-content .cont-item .item-box .box-label .icon {
width: 1rem;
height: 1rem;
color: var(--main-color);
}
.activity-container .container-main .main-content .cont-item .item-box .box-label .text {
margin-left: .375rem;
font-size: .875rem;
line-height: 1.25rem;
color: #8D929C;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.activity-container .container-main .main-content .cont-item:hover .item-image .image {
transform: scale(1);
}
.activity-container .container-main .main-content .cont-item:hover .item-box .box-title {
color: #333;
}
.activity-container .container-main .main-code {
padding: 1rem;
}
.activity-container .container-main .main-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.activity-container .container-main .main-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.activity-container .container-main .main-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}

View File

@@ -0,0 +1,224 @@
.album-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.album-container .container-main {
flex: 1;
padding: 2rem 0 2.5rem;
}
.album-container .container-main .main-content .cont-item {
margin-top: 1rem;
cursor: pointer;
background: #fff;
padding: 1rem;
border-radius: .5rem;
}
.album-container .container-main .main-content .cont-item:first-child {
margin-top: 0;
}
.album-container .container-main .main-content .cont-item .item-date {
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
}
.album-container .container-main .main-content .cont-item .item-title {
margin-top: 1rem;
font-size: 1rem;
line-height: 1.25rem;
color: #8D929C;
-webkit-line-clamp: 2;
transition: color .3s;
}
.album-container .container-main .main-content .cont-item .item-box {
margin-top: 1rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-timeline .point {
width: .625rem;
height: .625rem;
border-radius: .125rem;
background: var(--main-color);
}
.album-container .container-main .main-content .cont-item .item-box .box-timeline .line {
width: 1px;
height: calc(100% - .625rem);
background: #F0F0F0;
}
.album-container .container-main .main-content .cont-item .item-box .box-single {
flex: 1;
margin-left: 1rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .video {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
position: relative;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .video .play {
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50%, -50%);
width: 2rem;
height: 2rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .video .cover {
width: 100%;
height: 100%;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple {
flex: 1;
margin-left: 1rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: 7.5rem;
height: 7.5rem;
margin-left: .5rem;
border-radius: .5rem;
overflow: hidden;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple .image:first-child {
margin-left: 0;
}
.album-container .container-main .main-content .cont-item:hover .item-title {
color: var(--main-color);
}
.album-container .container-main .main-code {
display: none;
background: #fff;
padding: 2rem;
border-radius: .5rem;
}
.album-container .container-main .main-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.album-container .container-main .main-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.album-container .container-main .main-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.album-container .container-main {
padding: 2rem 0;
}
.album-container .container-main .main-content .cont-item .item-title {
margin-top: .75rem;
height: auto;
}
.album-container .container-main .main-content .cont-item .item-box {
margin-top: .75rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-single {
margin-left: .75rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .image img {
position: absolute;
top: 0;
left: 0;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .video {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.album-container .container-main .main-content .cont-item .item-box .box-single .video .cover {
position: absolute;
top: 0;
left: 0;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple {
margin-left: .75rem;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: 32%;
height: 0;
padding-top: 32%;
margin-left: 2%;
position: relative;
}
.album-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
position: absolute;
top: 0;
left: 0;
}
.album-container .container-main .main-content .cont-item:hover .item-title {
color: #8D929C;
}
.album-container .container-main .main-code {
padding: 1rem;
}
.album-container .container-main .main-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.album-container .container-main .main-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.album-container .container-main .main-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,241 @@
.business-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.business-container .container-main {
flex: 1;
padding: 2rem 0 2.5rem;
}
.business-container .container-main .main-content .cont-item {
margin-top: 1rem;
cursor: pointer;
background: #fff;
padding: 1rem;
border-radius: .5rem;
}
.business-container .container-main .main-content .cont-item:first-child {
margin-top: 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info {
overflow: hidden;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 2rem;
height: 2rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
flex: 1;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name {
margin-left: .5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
max-width: 45%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
margin-left: .5rem;
font-size: .875rem;
line-height: 1.25rem;
color: #666666;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: 1.5rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
transition: color .3s;
}
.business-container .container-main .main-content .cont-item .item-subtitle {
font-size: .875rem;
line-height: 1.25rem;
color: #5A5B6E;
margin-top: .75rem;
-webkit-line-clamp: 2;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: 1rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single {
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple {
flex: 1;
margin-top: -0.75rem;
margin-left: -0.75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: 7.5rem;
height: 7.5rem;
margin-top: .75rem;
margin-left: .75rem;
border-radius: .5rem;
overflow: hidden;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: var(--main-color);
}
.business-container .container-main .main-code {
display: none;
background: #fff;
padding: 2rem;
border-radius: .5rem;
}
.business-container .container-main .main-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.business-container .container-main .main-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.business-container .container-main .main-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.business-container .container-main {
padding: 2rem 0;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-avatar {
width: 3rem;
height: 3rem;
border-radius: 50%;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box {
height: 3rem;
flex-direction: column;
align-items: flex-start !important;
justify-content: space-between;
flex: 1;
}
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .name,
.business-container .container-main .main-content .cont-item .item-header .header-info .info-box .tag {
max-width: 100%;
width: calc(100% - .75rem);
margin-left: .75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.business-container .container-main .main-content .cont-item .item-header .header-btn {
font-size: .75rem;
line-height: 1rem;
text-align: center;
color: #FFFFFF;
padding: .375rem .75rem;
border-radius: .25rem;
background: var(--main-color);
}
.business-container .container-main .main-content .cont-item .item-title {
margin-top: .75rem;
height: auto;
}
.business-container .container-main .main-content .cont-item .item-box {
margin-top: .75rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.business-container .container-main .main-content .cont-item .item-box .box-single .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image {
width: calc(100% / 3 - 0.5rem);
height: 0;
padding-top: calc(100% / 3 - 0.5rem);
position: relative;
margin-left: .5rem;
}
.business-container .container-main .main-content .cont-item .item-box .box-multiple .image img {
position: absolute;
top: 0;
left: 0;
}
.business-container .container-main .main-content .cont-item:hover .item-title {
color: #8D929C;
}
.business-container .container-main .main-code {
padding: 1rem;
}
.business-container .container-main .main-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.business-container .container-main .main-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.business-container .container-main .main-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}

View File

@@ -0,0 +1,86 @@
body {
background: #fff;
}
.contact-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.contact-container .container-main {
flex: 1;
padding: 2.5rem 0;
}
.contact-container .container-main .main-title .title {
color: #333;
font-size: 2rem;
font-weight: 600;
line-height: 2.8125rem;
}
.contact-container .container-main .main-title .subtitle {
color: #999;
font-size: 1rem;
line-height: 1.375rem;
text-transform: uppercase;
margin-top: .25rem;
}
.contact-container .container-main .main-title::after {
content: "";
display: block;
width: 3rem;
height: .375rem;
background: var(--main-color);
margin-top: .25rem;
}
.contact-container .container-main .main-content .item .item-title {
color: #333;
font-size: 1rem;
line-height: 1.375rem;
margin-top: 2rem;
}
.contact-container .container-main .main-content .item .item-cont {
color: #333;
font-size: 1.25rem;
line-height: 1.75rem;
font-weight: 600;
margin-top: .75rem;
}
.contact-container .container-main .main-content .item .item-code {
margin-top: .875rem;
width: auto;
height: 7.5rem;
}
@media screen and (max-width: 767px) {
.contact-container .container-main {
padding: 1.5rem 0;
}
.contact-container .container-main .main-title .title {
font-size: 1.125rem;
line-height: 1.5rem;
}
.contact-container .container-main .main-title .subtitle {
font-size: .75rem;
line-height: 1rem;
}
.contact-container .container-main .main-content .item .item-title {
font-size: 1rem;
line-height: 1.375rem;
margin-top: 1rem;
}
.contact-container .container-main .main-content .item .item-cont {
font-size: 1rem;
line-height: 1.375rem;
margin-top: .75rem;
}
.contact-container .container-main .main-content .item .item-code {
margin-top: .75rem;
}
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,783 @@
@charset "UTF-8";
.index-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.index-container .container-carousel {
height: 33.3vw;
}
.index-container .container-main {
flex: 1;
padding-bottom: 3.5rem;
}
.index-container .container-main .main-column {
display: none;
margin-top: 2.5rem;
}
.index-container .container-main .main-column .col-8 {
background: #ffffff;
padding: 2rem 3rem;
border-radius: .5rem;
}
.index-container .container-main .main-column .column-title {
display: flex;
align-items: flex-end;
flex: 1;
overflow: hidden;
}
.index-container .container-main .main-column .column-title .title {
color: #333;
font-size: 2rem;
font-weight: 600;
line-height: 2.8125rem;
}
.index-container .container-main .main-column .column-title .subtitle {
margin-left: 1rem;
color: #999;
font-size: 1rem;
line-height: 1.375rem;
text-transform: uppercase;
}
.index-container .container-main .main-column .column-more {
display: flex;
align-items: center;
border-radius: .5rem;
background: var(--main-color);
padding: .75rem .75rem .75rem 1rem;
text-decoration: none;
}
.index-container .container-main .main-column .column-more span {
color: #FFF;
font-size: 1rem;
line-height: 1.5rem;
letter-spacing: .0156rem;
}
.index-container .container-main .main-column .column-more img {
width: 1.5rem;
height: 1.5rem;
margin-left: .25rem;
}
.index-container .container-main .column-1 .column-cont {
margin-top: 1.5rem;
}
.index-container .container-main .column-1 .column-cont .cont-left {
color: #555;
font-size: 1rem;
line-height: 1.875rem;
flex: 1;
height: 100%;
-webkit-line-clamp: 8;
}
.index-container .container-main .column-1 .column-cont .cont-right {
width: auto;
height: 15rem;
max-width: 60%;
margin-left: 1.5rem;
object-fit: cover;
border-radius: .3125rem;
overflow: hidden;
}
.index-container .container-main .column-2 {
position: relative;
}
.index-container .container-main .column-2 .col-8 {
background: transparent;
border-radius: 0;
}
.index-container .container-main .column-2 .column-bg {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
}
.index-container .container-main .column-2 .column-title {
color: #FFF;
font-size: 2rem;
font-weight: 600;
line-height: 3rem;
letter-spacing: .08rem;
}
.index-container .container-main .column-2 .column-subtitle {
color: #FFF;
font-size: 1.5rem;
line-height: 2.125rem;
margin-top: 1rem;
}
.index-container .container-main .column-2 .column-apply {
cursor: pointer;
border: none;
display: flex;
align-items: center;
margin-top: 1rem;
background: var(--main-color);
padding: .875rem 1rem;
color: #FFF;
font-size: 1rem;
font-weight: 600;
line-height: 1.25rem;
letter-spacing: .0156rem;
border-radius: .5rem;
text-align: center;
text-decoration: none;
width: auto;
}
.index-container .container-main .column-2 .column-apply img {
width: 1rem;
height: 1rem;
margin-left: .5rem;
}
.index-container .container-main .column-3 .column-cont {
margin-top: 2rem;
overflow-x: auto;
padding-bottom: .75rem;
margin-bottom: -0.75rem;
}
.index-container .container-main .column-3 .column-cont .cont-item {
margin-left: 4%;
display: flex;
flex-direction: column;
align-items: center;
text-decoration: none;
width: auto;
}
.index-container .container-main .column-3 .column-cont .cont-item:first-child {
margin-left: 0;
}
.index-container .container-main .column-3 .column-cont .cont-item:hover .avatar img {
transform: scale(1.2);
}
.index-container .container-main .column-3 .column-cont .cont-item:hover .name {
color: var(--main-color);
}
.index-container .container-main .column-3 .column-cont .cont-item .avatar {
width: 8.75rem;
height: 8.75rem;
border-radius: 50%;
overflow: hidden;
}
.index-container .container-main .column-3 .column-cont .cont-item .avatar img {
transition: all .3s;
}
.index-container .container-main .column-3 .column-cont .cont-item .post {
color: #FFF;
font-size: .875rem;
text-align: center;
width: 8.75rem;
height: 2.25rem;
line-height: 2.25rem;
margin-top: -1.125rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding: 0 1.25rem;
position: relative;
z-index: 1;
background: var(--main-color);
border-radius: .4rem 1.125rem;
}
.index-container .container-main .column-3 .column-cont .cont-item .name {
color: #333;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
margin-top: .5rem;
overflow: hidden;
width: 8.75rem;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
}
@media (min-width: 767px) {
.index-container .container-main .column-3 .column-cont::-webkit-scrollbar {
/*滚动条整体样式*/
width: auto;
/*高宽分别对应横竖滚动条的尺寸*/
height: .5rem;
}
.index-container .container-main .column-3 .column-cont::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .625rem;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
background: #ccc;
}
.index-container .container-main .column-3 .column-cont::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
border-radius: .625rem;
background: #ededed;
}
}
.index-container .container-main .column-4 .column-cont {
padding-top: 1.5rem;
}
.index-container .container-main .column-4 .column-cont .cont-item {
background: #F4F6FB;
border-radius: .3125rem;
padding: 1rem;
width: calc(25% - .375rem);
margin-right: .5rem;
cursor: pointer;
margin-top: .5rem;
}
.index-container .container-main .column-4 .column-cont .cont-item:nth-child(4n) {
margin-right: 0;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-image {
position: relative;
width: 100%;
height: 0;
padding-top: 72%;
overflow: hidden;
border-radius: .5rem;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-image .image {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: transform .3s;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-title {
margin-top: 1rem;
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label {
margin-top: .625rem;
display: flex;
align-items: center;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label .icon {
width: 1.125rem;
height: 1.125rem;
color: var(--main-color);
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label .text {
margin-left: .375rem;
font-size: .875rem;
line-height: 1.25rem;
color: #8D929C;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index-container .container-main .column-4 .column-cont .cont-item:hover .item-image .image {
transform: scale(1.2);
}
.index-container .container-main .column-4 .column-cont .cont-item:hover .item-box .box-title {
color: var(--main-color);
}
.index-container .container-main .column-5 .column-cont {
margin-top: 2rem;
overflow-x: auto;
padding-bottom: .75rem;
margin-bottom: -0.75rem;
}
.index-container .container-main .column-5 .column-cont .cont-item {
margin-left: 1rem;
cursor: pointer;
}
.index-container .container-main .column-5 .column-cont .cont-item:first-child {
margin-left: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-date {
font-weight: 600;
font-size: 1rem;
line-height: 1.375rem;
color: #5A5B6E;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-title {
margin-top: 1rem;
font-size: 1rem;
line-height: 1.25rem;
height: 2.5rem;
color: #8D929C;
-webkit-line-clamp: 2;
transition: color .3s;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box {
margin-top: 1rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-timeline .point {
width: .625rem;
height: .625rem;
border-radius: .125rem;
background: var(--main-color);
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-timeline .line {
width: 1px;
height: calc(100% - .625rem);
background: #F0F0F0;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single {
flex: 1;
margin-left: 1rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .image {
width: 16.75rem;
height: 7.5rem;
border-radius: .5rem;
overflow: hidden;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .video {
width: 16.75rem;
height: 7.5rem;
background: #000;
border-radius: .5rem;
overflow: hidden;
position: relative;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .video .play {
border-radius: 50%;
position: absolute;
top: 50%;
left: 50%;
z-index: 9;
transform: translate(-50%, -50%);
width: 2rem;
height: 2rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .video .cover {
width: 100%;
height: 100%;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple {
flex: 1;
margin-left: 1rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple .image {
width: 7.5rem;
height: 7.5rem;
margin-left: .5rem;
border-radius: .5rem;
overflow: hidden;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple .image img {
width: 100%;
height: 100%;
transition: transform .3s;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple .image:first-child {
margin-left: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item:hover .item-title {
color: var(--main-color);
}
@media (min-width: 767px) {
.index-container .container-main .column-5 .column-cont::-webkit-scrollbar {
/*滚动条整体样式*/
width: auto;
/*高宽分别对应横竖滚动条的尺寸*/
height: .5rem;
}
.index-container .container-main .column-5 .column-cont::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .625rem;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
background: #ccc;
}
.index-container .container-main .column-5 .column-cont::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
border-radius: .625rem;
background: #ededed;
}
}
.index-container .container-main .column-6 .column-cont,
.index-container .container-main .column-7 .column-cont {
margin-top: 1.5rem;
}
.index-container .container-main .column-6 .column-cont .item,
.index-container .container-main .column-7 .column-cont .item {
padding: 1rem 0;
border-bottom: 1px solid #E6E6E6;
text-decoration: none;
}
.index-container .container-main .column-6 .column-cont .item:last-child,
.index-container .container-main .column-7 .column-cont .item:last-child {
border-bottom: none;
}
.index-container .container-main .column-6 .column-cont .item .item-title,
.index-container .container-main .column-7 .column-cont .item .item-title {
color: #333;
font-size: .875rem;
line-height: 1.25rem;
transition: color .3s;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
margin-right: .5rem;
}
.index-container .container-main .column-6 .column-cont .item .item-date,
.index-container .container-main .column-7 .column-cont .item .item-date {
color: #909090;
font-size: .875rem;
line-height: 1.25rem;
transition: color .3s;
}
.index-container .container-main .column-6 .column-cont .item:hover .item-title,
.index-container .container-main .column-6 .column-cont .item:hover .item-date,
.index-container .container-main .column-7 .column-cont .item:hover .item-title,
.index-container .container-main .column-7 .column-cont .item:hover .item-date {
color: var(--main-color);
}
.index-container .container-main .column-7 {
margin-top: 0;
}
.index-container .container-main .column-7 .column-left,
.index-container .container-main .column-7 .column-right {
margin-top: 3.5rem;
flex: 1;
overflow: hidden;
}
.index-container .container-main .column-7 .column-right {
display: none;
margin-left: 8%;
}
@media screen and (max-width: 950px) {
.index-container .container-main .column-7 .column-left,
.index-container .container-main .column-7 .column-right {
width: 100%;
margin-top: 0;
}
}
@media screen and (max-width: 767px) {
.index-container .container-main {
padding-bottom: 2rem;
}
.index-container .container-main .main-column {
margin-top: 1rem;
}
.index-container .container-main .main-column .col-8 {
padding: 1rem;
}
.index-container .container-main .main-column .column-title .title {
font-size: 1.125rem;
line-height: 1.375rem;
}
.index-container .container-main .main-column .column-title .subtitle {
font-size: .75rem;
line-height: 1rem;
}
.index-container .container-main .main-column .column-more {
padding: .5rem .75rem;
border-radius: .3125rem;
}
.index-container .container-main .main-column .column-more span {
color: #FFF;
font-size: .75rem;
line-height: 1.125rem;
letter-spacing: .0156rem;
}
.index-container .container-main .main-column .column-more img {
width: 1rem;
height: 1rem;
margin-left: .25rem;
}
.index-container .container-main .column-1 .column-cont .cont-left {
font-size: .875rem;
line-height: 1.5rem;
flex: 1;
height: 100%;
-webkit-line-clamp: 4;
}
.index-container .container-main .column-1 .column-cont .cont-right {
width: 8.5rem;
height: 6rem;
margin-left: .75rem;
}
.index-container .container-main .column-2 .column-title {
font-size: 1rem;
line-height: 1.25rem;
}
.index-container .container-main .column-2 .column-subtitle {
font-size: .875rem;
line-height: 1.125rem;
margin-top: .5rem;
}
.index-container .container-main .column-2 .column-apply {
margin-top: .5rem;
padding: .5rem .625rem;
font-size: .75rem;
line-height: 1rem;
}
.index-container .container-main .column-2 .column-apply img {
width: .875rem;
height: .875rem;
margin-left: .375rem;
}
.index-container .container-main .column-3 .column-cont .cont-item {
margin-left: 1rem;
width: 5rem;
}
.index-container .container-main .column-3 .column-cont .cont-item .avatar {
width: 5rem;
height: 5rem;
}
.index-container .container-main .column-3 .column-cont .cont-item .post {
width: 5rem;
height: 1.75rem;
font-size: .75rem;
line-height: 1.75rem;
margin-top: -0.875rem;
border-radius: .25rem 1rem;
}
.index-container .container-main .column-3 .column-cont .cont-item .name {
width: 5rem;
}
.index-container .container-main .column-3 .column-cont .cont-item:hover .avatar img {
transform: scale(1);
}
.index-container .container-main .column-3 .column-cont .cont-item:hover .name {
color: #333;
}
.index-container .container-main .column-4 .column-cont {
padding-top: .75rem;
flex-direction: column;
}
.index-container .container-main .column-4 .column-cont .cont-item {
border-radius: 0;
padding: 0;
background: transparent;
width: 100%;
margin-right: 0;
margin-top: 1rem;
display: flex;
}
.index-container .container-main .column-4 .column-cont .cont-item:first-child {
margin-top: 0;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-image {
width: 36%;
padding-top: 26%;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box {
flex: 1;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
margin-left: 1rem;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-title {
margin-top: 0;
font-size: 1rem;
line-height: 1.375rem;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label {
margin-top: 0;
display: flex;
align-items: center;
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label .icon {
width: 1rem;
height: 1rem;
color: var(--main-color);
}
.index-container .container-main .column-4 .column-cont .cont-item .item-box .box-label .text {
margin-left: .375rem;
font-size: .875rem;
line-height: 1.25rem;
color: #8D929C;
flex: 1;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index-container .container-main .column-4 .column-cont .cont-item:hover .item-image .image {
transform: scale(1);
}
.index-container .container-main .column-4 .column-cont .cont-item:hover .item-box .box-title {
color: #333;
}
.index-container .container-main .column-5 .column-cont {
margin-top: .75rem;
overflow-x: visible;
flex-direction: column;
}
.index-container .container-main .column-5 .column-cont .cont-item {
margin-left: 0;
margin-top: 1rem;
}
.index-container .container-main .column-5 .column-cont .cont-item:first-child {
margin-top: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-title {
margin-top: .75rem;
width: 100% !important;
height: auto;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box {
margin-top: .75rem;
width: 100% !important;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single {
margin-left: .75rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .image {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .image img {
position: absolute;
top: 0;
left: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .video {
width: 100%;
height: 0;
padding-top: 48%;
position: relative;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-single .video .cover {
position: absolute;
top: 0;
left: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple {
margin-left: .75rem;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple .image {
width: 32%;
height: 0;
padding-top: 32%;
position: relative;
margin-left: 2%;
}
.index-container .container-main .column-5 .column-cont .cont-item .item-box .box-multiple .image img {
position: absolute;
top: 0;
left: 0;
}
.index-container .container-main .column-5 .column-cont .cont-item:hover .item-title {
color: #8D929C;
}
.index-container .container-main .column-6 .column-cont,
.index-container .container-main .column-7 .column-cont {
margin-top: .75rem;
}
.index-container .container-main .column-6 .column-cont .item,
.index-container .container-main .column-7 .column-cont .item {
padding: .75rem 0;
}
.index-container .container-main .column-6 .column-cont .item:hover .item-title,
.index-container .container-main .column-7 .column-cont .item:hover .item-title {
color: #333;
}
.index-container .container-main .column-6 .column-cont .item:hover .item-date,
.index-container .container-main .column-7 .column-cont .item:hover .item-date {
color: #909090;
}
.index-container .container-main .column-7 .col-8 {
background: transparent;
flex-direction: column;
padding: 0;
}
.index-container .container-main .column-7 .column-left {
background: #ffffff;
padding: 1rem;
border-radius: .5rem;
}
.index-container .container-main .column-7 .column-right {
background: #ffffff;
padding: 1rem;
border-radius: .5rem;
margin-top: 1rem;
margin-left: 0;
}
}

View File

@@ -0,0 +1,275 @@
@charset "UTF-8";
body {
background: #fff;
}
.membership-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.membership-container .container-main {
flex: 1;
padding-bottom: 2.5rem;
}
.membership-container .container-main .main-title .title {
color: #333;
font-size: 2rem;
font-weight: 600;
line-height: 2.8125rem;
}
.membership-container .container-main .main-title .subtitle {
color: #999;
font-size: 1rem;
line-height: 1.375rem;
text-transform: uppercase;
margin-top: .25rem;
}
.membership-container .container-main .main-title::after {
content: "";
display: block;
width: 3rem;
height: .375rem;
background: var(--main-color);
margin-top: .25rem;
}
.membership-container .container-main .main-screen {
background: #F8F8F8;
}
.membership-container .container-main .main-screen .screen-box {
overflow: auto;
white-space: nowrap;
text-align: center;
}
.membership-container .container-main .main-screen .screen-box .item {
display: inline-block;
padding: 1.8125rem 2rem 0;
cursor: pointer;
text-align: center;
color: #333;
font-size: 1rem;
line-height: 1.375rem;
word-break: keep-all;
transition: color .3s;
}
.membership-container .container-main .main-screen .screen-box .item::after {
content: "";
display: block;
width: 100%;
height: .25rem;
background: transparent;
margin: 1.5625rem auto 0;
transition: background .3s;
}
.membership-container .container-main .main-screen .screen-box .item.active, .membership-container .container-main .main-screen .screen-box .item:hover {
color: var(--main-color);
}
.membership-container .container-main .main-screen .screen-box .item.active::after, .membership-container .container-main .main-screen .screen-box .item:hover::after {
background: var(--main-color);
}
@media (min-width: 767px) {
.membership-container .container-main .main-screen .screen-box::-webkit-scrollbar {
/*滚动条整体样式*/
width: auto;
/*高宽分别对应横竖滚动条的尺寸*/
height: .5rem;
}
.membership-container .container-main .main-screen .screen-box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .625rem;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
background: #ccc;
}
.membership-container .container-main .main-screen .screen-box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
border-radius: .625rem;
background: #ededed;
}
}
.membership-container .container-main .main-content .column-cont .cont-item {
margin-right: 2%;
margin-top: 2.5rem;
width: 23.5%;
display: flex;
flex-direction: column;
text-decoration: none;
}
.membership-container .container-main .main-content .column-cont .cont-item:nth-child(4n) {
margin-right: 0;
}
.membership-container .container-main .main-content .column-cont .cont-item:hover .image img {
transform: scale(1.2);
}
.membership-container .container-main .main-content .column-cont .cont-item:hover .name,
.membership-container .container-main .main-content .column-cont .cont-item:hover .post {
color: var(--main-color);
}
.membership-container .container-main .main-content .column-cont .cont-item .image {
position: relative;
width: 100%;
height: 0;
padding-top: 100%;
border-radius: .375rem;
overflow: hidden;
}
.membership-container .container-main .main-content .column-cont .cont-item .image img {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: all .3s;
}
.membership-container .container-main .main-content .column-cont .cont-item .name {
color: #333;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.75rem;
margin-top: 1rem;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
}
.membership-container .container-main .main-content .column-cont .cont-item .post {
color: #333;
font-size: 1rem;
line-height: 1.375rem;
margin-top: .5rem;
width: 100%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
}
.membership-container .container-main .main-content .column-cont .cont-item .mobile {
flex: 1;
overflow: hidden;
display: none;
flex-direction: column;
justify-content: space-between;
margin-left: .75rem;
}
.membership-container .container-main .main-content .column-cont .cont-item .mobile .name {
margin-top: 0;
font-size: 1rem;
line-height: 1.375rem;
}
.membership-container .container-main .main-content .column-cont .cont-item .mobile .address {
font-size: .875rem;
line-height: 1.25rem;
color: #999;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 2;
}
.membership-container .container-main .main-content .column-cont .cont-item .mobile .post {
margin-top: 0;
font-size: .875rem;
line-height: 1.25rem;
color: #333;
}
.membership-container .container-main .main-content .column-code {
display: none;
padding: 2rem;
}
.membership-container .container-main .main-content .column-code .code-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
}
.membership-container .container-main .main-content .column-code .code-tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.membership-container .container-main .main-content .column-code .code-image {
width: 100%;
max-height: 17.5rem;
max-width: 17.5rem;
margin: 1rem auto;
}
@media screen and (max-width: 767px) {
.membership-container .container-main {
padding-bottom: 0;
}
.membership-container .container-main .main-screen .screen-box .item {
padding: 1rem 1rem 0;
font-size: .875rem;
}
.membership-container .container-main .main-screen .screen-box .item::after {
margin-top: .75rem;
}
.membership-container .container-main .main-content {
padding-bottom: 1.875rem;
}
.membership-container .container-main .main-content .column-cont {
flex-direction: column;
}
.membership-container .container-main .main-content .column-cont .cont-item {
margin-top: 1.25rem;
width: 100%;
margin-right: 5%;
margin-right: 0;
flex-direction: row;
}
.membership-container .container-main .main-content .column-cont .cont-item .image {
width: 30%;
padding-top: 30%;
}
.membership-container .container-main .main-content .column-cont .cont-item .normal {
display: none;
}
.membership-container .container-main .main-content .column-cont .cont-item .mobile {
display: flex;
}
.membership-container .container-main .main-content .column-code {
padding: 1.5rem 0 0;
}
.membership-container .container-main .main-content .column-code .code-title {
font-size: 1.25rem;
line-height: 2rem;
}
.membership-container .container-main .main-content .column-code .code-tips {
font-size: 1rem;
line-height: 1.25rem;
}
.membership-container .container-main .main-content .column-code .code-image {
max-height: 15rem;
max-width: 15rem;
}
}

View File

@@ -0,0 +1,154 @@
@charset "UTF-8";
body {
background: #fff;
}
.news-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.news-container .container-main {
flex: 1;
padding-bottom: 2.5rem;
}
.news-container .container-main .main-title .title {
color: #333;
font-size: 2rem;
font-weight: 600;
line-height: 2.8125rem;
}
.news-container .container-main .main-title .subtitle {
color: #999;
font-size: 1rem;
line-height: 1.375rem;
text-transform: uppercase;
margin-top: .25rem;
}
.news-container .container-main .main-title::after {
content: "";
display: block;
width: 3rem;
height: .375rem;
background: var(--main-color);
margin-top: .25rem;
}
.news-container .container-main .main-screen {
background: #F8F8F8;
}
.news-container .container-main .main-screen .screen-box {
overflow: auto;
white-space: nowrap;
text-align: center;
}
.news-container .container-main .main-screen .screen-box .item {
display: inline-block;
padding: 1.8125rem 2rem 0;
cursor: pointer;
text-align: center;
color: #333;
font-size: 1rem;
line-height: 1.375rem;
word-break: keep-all;
transition: color .3s;
}
.news-container .container-main .main-screen .screen-box .item::after {
content: "";
display: block;
width: 100%;
height: .25rem;
background: transparent;
margin: 1.5625rem auto 0;
transition: background .3s;
}
.news-container .container-main .main-screen .screen-box .item.active, .news-container .container-main .main-screen .screen-box .item:hover {
color: var(--main-color);
}
.news-container .container-main .main-screen .screen-box .item.active::after, .news-container .container-main .main-screen .screen-box .item:hover::after {
background: var(--main-color);
}
@media (min-width: 767px) {
.news-container .container-main .main-screen .screen-box::-webkit-scrollbar {
/*滚动条整体样式*/
width: auto;
/*高宽分别对应横竖滚动条的尺寸*/
height: .5rem;
}
.news-container .container-main .main-screen .screen-box::-webkit-scrollbar-thumb {
/*滚动条里面小方块*/
border-radius: .625rem;
box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
background: #ccc;
}
.news-container .container-main .main-screen .screen-box::-webkit-scrollbar-track {
/*滚动条里面轨道*/
box-shadow: inset 0 0 5px rgba(87, 175, 187, 0.1);
border-radius: .625rem;
background: #ededed;
}
}
.news-container .container-main .main-content {
margin-top: 2.5rem;
}
.news-container .container-main .main-content .column-cont .cont-item {
padding: 1rem 0;
border-bottom: 1px solid #E6E6E6;
text-decoration: none;
}
.news-container .container-main .main-content .column-cont .cont-item .title {
color: #333;
font-size: .875rem;
line-height: 1.25rem;
margin-right: .75rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
transition: color .3s;
flex: 1;
}
.news-container .container-main .main-content .column-cont .cont-item .date {
color: #909090;
font-size: .875rem;
line-height: 1.25rem;
transition: color .3s;
}
.news-container .container-main .main-content .column-cont .cont-item:last-child {
border: none;
}
.news-container .container-main .main-content .column-cont .cont-item:hover .title {
color: var(--main-color);
}
.news-container .container-main .main-content .column-cont .cont-item:hover .date {
color: var(--main-color);
}
@media screen and (max-width: 767px) {
.news-container .container-main .main-screen .screen-box .item {
padding: 1rem 1rem 0;
font-size: .875rem;
}
.news-container .container-main .main-screen .screen-box .item::after {
margin-top: .75rem;
}
.news-container .container-main .main-content .column-cont {
padding-bottom: 1.875rem;
}
}

View File

@@ -0,0 +1,134 @@
body {
background: #fff;
}
.news-detail-container {
display: flex;
flex-direction: column;
min-height: 100vh;
}
.news-detail-container .container-main {
flex: 1;
}
.news-detail-container .container-main .main-nav {
padding: 1.125rem 0;
background: #F8F8F8;
}
.news-detail-container .container-main .main-nav span,
.news-detail-container .container-main .main-nav a {
color: #666;
font-size: .875rem;
line-height: 1.25rem;
margin-left: .25rem;
}
.news-detail-container .container-main .main-nav a {
cursor: pointer;
transition: color .3s;
}
.news-detail-container .container-main .main-nav a:hover {
color: var(--main-color);
}
.news-detail-container .container-main .main-content {
padding: 2.5rem 0;
}
.news-detail-container .container-main .main-content .title {
color: #333;
font-size: 1.5rem;
line-height: 2.125rem;
text-align: center;
}
.news-detail-container .container-main .main-content .info {
margin-top: 1.5rem;
padding-bottom: 2rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.news-detail-container .container-main .main-content .info .info-tag {
color: #909090;
font-size: 1.125rem;
line-height: 1.5rem;
margin: 0 .75rem;
}
.news-detail-container .container-main .main-content .content {
color: #909090;
font-size: 1rem;
line-height: 1.875rem;
padding: 1.5rem 0;
}
.news-detail-container .container-main .main-content .navigation {
padding-top: 1.5rem;
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.news-detail-container .container-main .main-content .navigation a {
display: flex;
text-decoration: none;
max-width: 49%;
}
.news-detail-container .container-main .main-content .navigation a .title {
color: #909090;
font-size: .875rem;
line-height: 1.25rem;
}
.news-detail-container .container-main .main-content .navigation a span {
color: #333;
font-size: .875rem;
line-height: 1.25rem;
margin-left: .5rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
flex: 1;
transition: color .3s;
}
.news-detail-container .container-main .main-content .navigation a:hover span {
color: var(--main-color);
}
.news-detail-container .container-main .main-content .navigation a.empty {
cursor: no-drop;
}
.news-detail-container .container-main .main-content .navigation a.empty span {
color: #909090;
}
@media screen and (max-width: 767px) {
.news-detail-container .container-main .main-nav {
padding: 1rem 0;
}
.news-detail-container .container-main .main-content {
padding: 1.25rem 0;
}
.news-detail-container .container-main .main-content .title {
font-size: 1.125rem;
font-weight: 600;
}
.news-detail-container .container-main .main-content .info {
margin-top: .5rem;
padding-bottom: .875rem;
}
.news-detail-container .container-main .main-content .info .info-tag {
font-size: .875rem;
line-height: 1.25rem;
}
.news-detail-container .container-main .main-content .content {
padding: .875rem 0;
}
.news-detail-container .container-main .main-content .navigation {
padding-top: 1.25rem;
}
}

View File

@@ -0,0 +1,564 @@
/*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Change the default font family in all browsers (opinionated).
* 2. Prevent adjustments of font size after orientation changes in IE and iOS.
*/
html {
font-family: sans-serif; /* 1 */
-ms-text-size-adjust: 100%; /* 2 */
-webkit-text-size-adjust: 100%; /* 2 */
}
/**
* Remove the margin in all browsers (opinionated).
*/
body {
margin: 0;
}
/* HTML5 display definitions
========================================================================== */
/**
* Add the correct display in IE 9-.
* 1. Add the correct display in Edge, IE, and Firefox.
* 2. Add the correct display in IE.
*/
article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
display: block;
}
/**
* Add the correct display in IE 9-.
*/
audio,
canvas,
progress,
video {
display: inline-block;
}
/**
* Add the correct display in iOS 4-7.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
vertical-align: baseline;
}
/**
* Add the correct display in IE 10-.
* 1. Add the correct display in IE.
*/
template, /* 1 */
[hidden] {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background on active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Remove the outline on focused links when they are also active or hovered
* in all browsers (opinionated).
*/
a:active,
a:hover {
outline-width: 0;
}
/* Text-level semantics
========================================================================== */
/**
* 1. Remove the bottom border in Firefox 39-.
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
border-bottom: none; /* 1 */
text-decoration: underline; /* 2 */
text-decoration: underline dotted; /* 2 */
}
/**
* Prevent the duplicate application of `bolder` by the next rule in Safari 6.
*/
b,
strong {
font-weight: inherit;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
font-weight: bolder;
}
/**
* Add the correct font style in Android 4.3-.
*/
dfn {
font-style: italic;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Firefox, and Safari.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Add the correct background and color in IE 9-.
*/
mark {
background-color: #ff0;
color: #000;
}
/**
* Add the correct font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
/* Embedded content
========================================================================== */
/**
* Remove the border on images inside links in IE 10-.
*/
img {
border-style: none;
}
/**
* Hide the overflow in IE.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct margin in IE 8.
*/
figure {
margin: 1em 40px;
}
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
box-sizing: content-box; /* 1 */
height: 0; /* 1 */
overflow: visible; /* 2 */
}
/* Forms
========================================================================== */
/**
* Change font properties to `inherit` in all browsers (opinionated).
*/
button,
input,
select,
textarea {
font: inherit;
}
/**
* Restore the font weight unset by the previous rule.
*/
optgroup {
font-weight: bold;
}
/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
* 2. Show the overflow in Edge, Firefox, and IE.
*/
button,
input, /* 1 */
select { /* 2 */
overflow: visible;
}
/**
* Remove the margin in Safari.
* 1. Remove the margin in Firefox and Safari.
*/
button,
input,
select,
textarea { /* 1 */
margin: 0;
}
/**
* Remove the inheritence of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritence of text transform in Firefox.
*/
button,
select { /* 1 */
text-transform: none;
}
/**
* Change the cursor in all browsers (opinionated).
*/
button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
/**
* Restore the default cursor to disabled elements unset by the previous rule.
*/
[disabled] {
cursor: default;
}
/**
* 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
* controls in Android 4.
* 2. Correct the inability to style clickable types in iOS.
*/
button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
-webkit-appearance: button; /* 2 */
}
/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
input:-moz-focusring {
outline: 1px dotted ButtonText;
}
/**
* Change the border, margin, and padding in all browsers (opinionated).
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
* `fieldset` elements in all browsers.
*/
legend {
box-sizing: border-box; /* 1 */
color: inherit; /* 2 */
display: table; /* 1 */
max-width: 100%; /* 1 */
padding: 0; /* 3 */
white-space: normal; /* 1 */
}
/**
* Remove the default vertical scrollbar in IE.
*/
textarea {
overflow: auto;
}
/**
* 1. Add the correct box sizing in IE 10-.
* 2. Remove the padding in IE 10-.
*/
[type="checkbox"],
[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the odd appearance of search inputs in Chrome and Safari.
*/
[type="search"] {
-webkit-appearance: textfield;
}
/**
* Remove the inner padding and cancel buttons in Chrome on OS X and
* Safari on OS X.
*/
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
h1 {
margin: 0;
}
a {
text-decoration: none;
outline: none;
color: #000;
}
ul,
div,
p,
a,
h3,
li {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
img {
display: block;
object-fit: cover;
width: 100%;
height: 100%;
}
input:focus{ outline:none; }
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}
.clearfix:after {
content: "";
display: block;
clear: both;
}
.container {
width: 1400px;
margin: 0 auto;
}
.flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-item {
flex: 1;
}
.align-items-center {
align-items: center;
}
.align-items-end {
align-items: flex-end;
}
.justify-content-between {
justify-content: space-between;
}
.justify-content-around {
justify-content: space-around;
}
.justify-content-center {
justify-content: center;
}
.justify-content-end {
justify-content: flex-end;
}
.align-content-between {
align-content: space-between;
}
.capital {
text-transform: uppercase;
}
.wbcentre {
text-align: center;
}
div,
li,
ul,
p,
span,
nav {
box-sizing: border-box;
}
.txthide {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.txthide-more {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
-webkit-line-clamp: 3;
}
.img-am img,.am {
transition: all 0.6s;
}
.img-am:hover img{
transform: scale(1.2);
}
* {
outline: none;
}

File diff suppressed because it is too large Load Diff

View File

@@ -0,0 +1,508 @@
:root {
--main-color: inherit;
}
body {
background: #F4F6FB;
}
.col-2 {
flex: 14%;
max-width: 14%;
padding: 0;
}
.col-8 {
flex: 72%;
max-width: 72%;
padding: 0;
}
.container-fluid {
opacity: 0;
}
.container-header {
position: sticky;
top: 0;
z-index: 999;
}
.component-header .header-top {
background: var(--main-color);
color: #fff;
font-size: .875rem;
line-height: 1.25rem;
padding: .5rem 0;
}
.component-header .header-nav {
background: #fff;
padding: .75rem 0;
}
.component-header .header-nav .nav-logo {
text-align: center;
text-decoration: none;
margin-right: 1rem;
}
.component-header .header-nav .nav-logo img {
width: auto;
height: 3rem;
margin-right: .75rem;
}
.component-header .header-nav .nav-logo .title {
color: #333;
font-size: 1rem;
font-weight: 600;
line-height: 1.5rem;
margin-bottom: 0;
}
.component-header .header-nav .nav-box {
margin-bottom: 0;
}
.component-header .header-nav .nav-box .nav-item a {
display: inline-block;
padding: 0.5rem 1rem;
color: #333;
transition: color .3s;
text-decoration: none;
}
.component-header .header-nav .nav-box .nav-item.active a {
color: var(--main-color);
}
.component-header .header-nav .nav-box .nav-item:hover a {
color: var(--main-color);
}
.component-header .header-nav .nav-mobile {
display: none;
}
.component-header .header-nav .nav-mobile button {
background: transparent;
border: none;
transition: all .3s;
}
.component-header .header-nav .nav-mobile button .icon-bar {
margin: auto;
display: block;
width: 1.625rem;
height: .1875rem;
border-radius: .125rem;
background: var(--main-color);
margin-top: .375rem;
}
.component-header .header-nav .nav-mobile button .icon-bar:first-child {
margin-top: 0;
}
.component-header .header-nav .nav-mobile .nav-list {
position: relative;
display: none;
}
.component-header .header-nav .nav-mobile .nav-list ul {
position: absolute;
top: .5rem;
right: 0;
background: #fff;
width: 10rem;
box-shadow: 0 0.375rem 0.75rem rgba(0, 0, 0, 0.18);
border-radius: .3125rem .3125rem 0 0;
margin: 0;
}
.component-header .header-nav .nav-mobile .nav-list ul li {
text-align: center;
}
.component-header .header-nav .nav-mobile .nav-list ul li a {
text-decoration: none;
background: #fff;
font-size: .875rem;
color: #000;
transition: color 0.3s;
display: block;
padding: .625rem .9375rem;
}
.component-header .header-nav .nav-mobile .nav-list ul li.active a {
color: var(--main-color);
}
.component-footer {
background: #333;
text-align: center;
padding-top: 6.5rem;
padding-bottom: 6.5rem;
}
.component-footer .footer-logo {
margin-bottom: 2.2rem;
}
.component-footer .footer-logo img {
width: auto;
height: 3rem;
margin-right: .75rem;
background: #fff;
border-radius: 50%;
}
.component-footer .footer-logo .title {
color: #fff;
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5rem;
}
.component-footer .footer-info span {
color: #fff;
font-size: .875rem;
line-height: 2rem;
margin: 0 .5rem;
}
.component-footer .footer-info span b {
font-weight: normal;
}
.component-footer .footer-info span a {
color: #fff;
list-style: none;
}
.container-carousel {
height: 20vw;
margin: 0 -15px;
}
.container-carousel .carousel-inner,
.container-carousel .carousel-item {
height: 100%;
}
.container-carousel .carousel-indicators li {
width: .75rem;
height: .75rem;
background: #fff;
border-radius: 50%;
margin: 0 .375rem;
box-sizing: border-box;
opacity: 1;
border: none;
}
.container-carousel .carousel-indicators li.active {
background: var(--main-color);
}
.container-banner {
position: relative;
height: 20vw;
}
.container-banner .banner-image {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.container-banner .banner-title {
position: relative;
z-index: 9;
height: 100%;
display: flex;
align-items: center;
padding-bottom: 1rem;
}
.container-banner .banner-title .title {
position: relative;
font-weight: 600;
font-size: 2.5rem;
line-height: 3.5rem;
color: #FFFFFF;
}
.container-banner .banner-title .title::after {
content: "";
display: block;
width: 4.875rem;
height: .5rem;
background: #fff;
position: absolute;
bottom: -1rem;
}
.container-banner .banner-title .subtitle {
font-weight: 600;
font-size: 2.5rem;
line-height: 3.5rem;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.6);
margin-left: 1rem;
}
.versionName {
font-style: normal;
}
.empty {
display: flex;
flex-direction: column;
align-items: center;
padding: 1.5rem 0 1rem;
display: none;
}
.empty img {
width: 50vw;
max-width: 18.75rem;
height: auto;
}
.empty span {
color: #999;
font-size: 1rem;
line-height: 1.25rem;
}
#page {
margin: 0 auto;
display: block;
display: flex;
align-items: center;
justify-content: center;
}
#page .xl-totalPage {
color: #000;
font-size: 1rem;
line-height: 1.5rem;
margin-top: 2rem;
margin-right: .75rem;
}
#page ul {
margin: 2rem 0 0;
}
#page ul li {
text-align: center;
display: inline-block;
color: var(--main-color);
font-size: .875rem;
line-height: 1.25rem;
padding: .25rem .375rem;
min-width: 1.875rem;
border: 1px solid var(--main-color);
border-radius: .25rem;
margin: 0 .1875rem;
cursor: pointer;
transition: all .3s;
background: #fff;
}
#page ul li.xl-active, #page ul li:hover {
color: #fff;
background: var(--main-color);
}
#page ul li.xl-disabled {
color: #DDDDDD;
border: 1px solid #DDDDDD;
background: #fff;
cursor: no-drop;
}
button[data-toggle="modal"] {
border: none;
background: transparent;
padding: 0;
margin: 0;
text-align: left;
display: block;
width: 100%;
height: auto;
}
.modal-dialog .modal-header {
border: none;
padding-bottom: 0;
}
.modal-dialog .modal-header .modal-title {
color: #333;
font-size: 1.5rem;
font-weight: bold;
line-height: 2.125rem;
text-align: center;
flex: 1;
padding-left: 3rem;
}
.modal-dialog .modal-body .tips {
color: #8D8D8D;
font-size: 1rem;
line-height: 1.375rem;
text-align: center;
}
.modal-dialog .modal-body .code {
width: 100%;
max-height: 25rem;
max-width: 25rem;
margin: 1rem auto;
}
@media (max-width: 1900px) {
html {
font-size: 16px;
}
.col-2 {
flex: 12%;
max-width: 12%;
}
.col-8 {
flex: 76%;
max-width: 76%;
}
}
@media (max-width: 1400px) {
html {
font-size: 14px;
}
.col-2 {
flex: 10%;
max-width: 10%;
}
.col-8 {
flex: 80%;
max-width: 80%;
}
}
@media (max-width: 1160px) {
html {
font-size: 12px;
}
.col-2 {
flex: 8%;
max-width: 8%;
}
.col-8 {
flex: 84%;
max-width: 84%;
}
}
@media (max-width: 967px) {
html {
font-size: 12px;
}
.col-2 {
flex: 6%;
max-width: 6%;
}
.col-8 {
flex: 88%;
max-width: 88%;
}
}
@media screen and (max-width: 767px) {
.col-2 {
width: 1rem;
max-width: 1rem;
flex: 0 0 1rem;
padding: 0;
}
.col-8 {
width: calc(100% - 2rem);
max-width: calc(100% - 2rem);
flex: 0 0 calc(100% - 2rem);
}
html {
font-size: 16px;
}
.container-banner {
height: 45vw;
}
.container-banner .banner-title {
flex-direction: column;
justify-content: center;
padding-bottom: 0;
}
.container-banner .banner-title .title {
font-size: 1.5rem;
line-height: 2rem;
}
.container-banner .banner-title .title::after {
display: none;
}
.container-banner .banner-title .subtitle {
font-size: 1.5rem;
line-height: 2rem;
margin-left: 0;
margin-top: .5rem;
}
.component-header .header-nav {
padding: 0.5rem 0;
}
.component-header .header-nav .nav-logo img {
width: auto;
height: 2.25rem;
margin-right: .5rem;
}
.component-header .header-nav .nav-logo .title {
color: #333;
font-size: .875rem;
font-weight: 600;
line-height: 1.25rem;
}
.component-header .header-nav .nav-normal {
display: none;
}
.component-header .header-nav .nav-mobile {
display: block;
}
.component-footer {
padding: 2rem 0;
}
.component-footer .footer-logo {
margin-bottom: 1rem;
}
.component-footer .footer-logo img {
width: auto;
height: 2.5rem;
margin-right: .5rem;
}
.component-footer .footer-logo .title {
font-size: 1rem;
font-weight: 600;
line-height: 1.375rem;
}
.container-carousel {
height: 50vw !important;
}
#page .xl-totalPage {
font-size: .75rem;
}
#page ul li {
padding: 0.25rem .375rem;
font-size: .75rem;
}
}

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
<!doctype html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>sxh-big-screen</title><script defer="defer" src="static/js/chunk-vendors.a7c1cb9f.js" type="module"></script><script defer="defer" src="static/js/app.b9bbb2a4.js" type="module"></script><link href="static/css/chunk-vendors.aa5ab035.css" rel="stylesheet"><link href="static/css/app.5c333d84.css" rel="stylesheet"><script defer="defer" src="static/js/chunk-vendors-legacy.5622db81.js" nomodule></script><script defer="defer" src="static/js/app-legacy.ad806bc2.js" nomodule></script></head><body><noscript><strong>We're sorry but sxh-big-screen doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"></div></body></html>

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 119 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 243 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 179 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 240 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 178 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 41 KiB

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 144 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 157 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 962 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 862 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 924 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 507 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.0 KiB

Some files were not shown because too many files have changed in this diff Show More