☰

NXU储存库

用于储存“更好用的NXU”所需要的HTML、CSS等信息

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.gf.qytechs.cn/scripts/469717/1215934/NXU%E5%82%A8%E5%AD%98%E5%BA%93.js 

  1. const css_content = `
  2.     :root {
  3.     	--dark: #34495e;
  4.     	--light: #fff;
  5.     	--success: #0abf30;
  6.     	--error: #e24d4c;
  7.     	--warning: #e9bd0c;
  8.     	--info: #3498db
  9.     }
  10.     
  11.     #plugin-settings-main {
  12.     	display: flex;
  13.     	flex-direction: column;
  14.     	justify-content: center
  15.     }
  16.     
  17.     #plugin-settings-main>div {
  18.     	border: 1px solid #e7e9eb;
  19.     	border-radius: 4px;
  20.     	width: 100%;
  21.     	display: flex;
  22.     	flex-direction: column;
  23.     	padding: 1em 2em;
  24.     	margin-bottom: 0.5em
  25.     }
  26.     
  27.     #plugin-settings-main>div>div {
  28.     	width: 100%;
  29.     	display: flex;
  30.     	align-items: center
  31.     }
  32.     
  33.     #plugin-settings-main .hr {
  34.     	width: 100%;
  35.     	background-color: #69c0ff;
  36.     	height: 2px
  37.     }
  38.     
  39.     #plugin-settings-main .hr- {
  40.     	width: 100%;
  41.     	background-color: #e7e9eb;
  42.     	height: 1px
  43.     }
  44.     
  45.     #plugin-settings-main h2 {
  46.     	font-size: 18px
  47.     }
  48.     
  49.     #plugin-settings-main p {
  50.     	margin: 0;
  51.     	font-size: 16px
  52.     }
  53.     
  54.     #plugin-settings-main input {
  55.     	margin: 0.5em 0.5em;
  56.     	padding: 0.5em 0.5em;
  57.     	border-radius: 4px;
  58.     	border: 1px solid black;
  59.     	background-color: none
  60.     }
  61.     
  62.     #plugin-settings-main input:-webkit-autofill,
  63.     textarea:-webkit-autofill,
  64.     select:-webkit-autofill {
  65.     	-webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
  66.     	background-color: transparent;
  67.     	background-image: none;
  68.     	transition: background-color 50000s ease-in-out 0s
  69.     }
  70.     
  71.     #plugin-settings-main button {
  72.     	padding: 0.3em 1em;
  73.     	border: 2px solid #2881ff;
  74.     	background-color: #3a97fe;
  75.     	color: white;
  76.     	border-radius: 5px;
  77.     	width: max-content
  78.     }
  79.     
  80.     #plugin-settings-main button:disabled {
  81.     	border: 2px solid #c5c7c8;
  82.     	background-color: #e7e9eb;
  83.     	color: black
  84.     }
  85.     
  86.     #plugin-settings-main .button {
  87.     	justify-content: end
  88.     }
  89.     
  90.     #plugin-settings-main .switch {
  91.     	display: flex
  92.     }
  93.     
  94.     #plugin-settings-main .switch>p {
  95.     	flex-grow: 1
  96.     }
  97.     
  98.     #plugin-settings-main .note {
  99.     	font-size: 14px;
  100.     	color: #8f8f8f;
  101.     	margin: 0
  102.     }
  103.     
  104.     #plugin-settings-main .warning {
  105.     	font-size: 14px;
  106.     	color: red
  107.     }
  108.     
  109.     #plugin-settings-main .flex-c {
  110.     	display: flex;
  111.     	flex-direction: column
  112.     }
  113.     
  114.     #plugin-settings-main .flex {
  115.     	display: flex
  116.     }
  117.     
  118.     #plugin-settings-main .flex-1 {
  119.     	flex-grow: 1
  120.     }
  121.     
  122.     #plugin-settings-main div.switch {
  123.     	padding: 0.5em 0
  124.     }
  125.     
  126.     #plugin-settings-main .switch {
  127.     	--button-width: 2.625em;
  128.     	--button-height: 1.5em;
  129.     	--toggle-diameter: 1.2em;
  130.     	--button-toggle-offset: calc((var(--button-height) - var(--toggle-diameter)) / 2);
  131.     	--toggle-shadow-offset: 10px;
  132.     	--toggle-wider: 2.4em;
  133.     	--color-grey: #cccccc;
  134.     	--color-green: #3a97fe
  135.     }
  136.     
  137.     #plugin-settings-main .slider {
  138.     	display: inline-block;
  139.     	width: var(--button-width);
  140.     	height: var(--button-height);
  141.     	background-color: var(--color-grey);
  142.     	border-radius: calc(var(--button-height) / 2);
  143.     	position: relative;
  144.     	transition: 0.3s all ease-in-out
  145.     }
  146.     
  147.     #plugin-settings-main .slider::after {
  148.     	content: "";
  149.     	display: inline-block;
  150.     	width: var(--toggle-diameter);
  151.     	height: var(--toggle-diameter);
  152.     	background-color: #fff;
  153.     	border-radius: calc(var(--toggle-diameter) / 2);
  154.     	position: absolute;
  155.     	top: var(--button-toggle-offset);
  156.     	transform: translateX(var(--button-toggle-offset));
  157.     	box-shadow: var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);
  158.     	transition: 0.3s all ease-in-out
  159.     }
  160.     
  161.     #plugin-settings-main .switch input[type="checkbox"]:checked+.slider {
  162.     	background-color: var(--color-green)
  163.     }
  164.     
  165.     #plugin-settings-main .switch input[type="checkbox"]:checked+.slider::after {
  166.     	transform: translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));
  167.     	box-shadow: calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1)
  168.     }
  169.     
  170.     #plugin-settings-main .switch input[type="checkbox"] {
  171.     	display: none
  172.     }
  173.     
  174.     #plugin-settings-main .switch input[type="checkbox"]:active+.slider::after {
  175.     	width: var(--toggle-wider)
  176.     }
  177.     
  178.     #plugin-settings-main .switch input[type="checkbox"]:checked:active+.slider::after {
  179.     	transform: translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)))
  180.     }
  181.     
  182.     .notifications:where(.toast, .column) {
  183.     	display: flex;
  184.     	align-items: center
  185.     }
  186.     
  187.     .notifications .column {
  188.     	display: flex;
  189.     	align-items: center
  190.     }
  191.     
  192.     .notifications {
  193.     	position: fixed;
  194.     	top: 30px;
  195.     	right: 20px;
  196.     	z-index: 9999
  197.     }
  198.     
  199.     .notifications .toast {
  200.     	width: 350px;
  201.     	list-style: none;
  202.     	display: flex;
  203.     	align-items: center;
  204.     	position: relative;
  205.     	overflow: hidden;
  206.     	border-radius: 8px;
  207.     	border: 1px solid rgb(220, 218, 215);
  208.     	padding: 16px 17px;
  209.     	margin-bottom: 10px;
  210.     	background-color: var(--light);
  211.     	justify-content: space-between;
  212.     	animation: show_toast 0.3s forwards
  213.     }
  214.     
  215.     @keyframes show_toast {
  216.     	0% {
  217.     		transform: translateX(100%)
  218.     	}
  219.     
  220.     	40% {
  221.     		transform: translateX(-5%)
  222.     	}
  223.     
  224.     	80% {
  225.     		transform: translateX(0)
  226.     	}
  227.     
  228.     	100% {
  229.     		transform: translateX(-10px)
  230.     	}
  231.     }
  232.     
  233.     .toast .column i {
  234.     	font-size: 1.75rem
  235.     }
  236.     
  237.     .toast.hide {
  238.     	animation: hide_toast 0.3s forwards
  239.     }
  240.     
  241.     @keyframes hide_toast {
  242.     	0% {
  243.     		transform: translateX(-10%)
  244.     	}
  245.     
  246.     	40% {
  247.     		transform: translateX(0%)
  248.     	}
  249.     
  250.     	80% {
  251.     		transform: translateX(-5%)
  252.     	}
  253.     
  254.     	100% {
  255.     		transform: translateX(calc(100% + 20px))
  256.     	}
  257.     }
  258.     
  259.     .toast .column span {
  260.     	font-size: 1.07rem;
  261.     	margin-left: 12px
  262.     }
  263.     
  264.     .toast i:last-child {
  265.     	color: #aeb0d7;
  266.     	cursor: pointer
  267.     }
  268.     
  269.     .toast i:last-child:hover {
  270.     	color: var(--dark)
  271.     }
  272.     
  273.     .toast::after {
  274.     	content: attr(time time)''
  275.     }
  276.     
  277.     .toast::before {
  278.     	content: '';
  279.     	position: absolute;
  280.     	left: 0;
  281.     	bottom: 0;
  282.     	width: 100%;
  283.     	height: 3px;
  284.     	animation: progress 5s linear forwards
  285.     }
  286.     
  287.     @keyframes progress {
  288.     	100% {
  289.     		width: 0
  290.     	}
  291.     }
  292.     
  293.     .toast.success::before,
  294.     .btn#success {
  295.     	background-color: var(--success)
  296.     }
  297.     
  298.     .toast.error::before,
  299.     .btn#error {
  300.     	background-color: var(--error)
  301.     }
  302.     
  303.     .toast.warning::before,
  304.     .btn#warning {
  305.     	background-color: var(--warning)
  306.     }
  307.     
  308.     .toast.info::before,
  309.     .btn#info {
  310.     	background-color: var(--info)
  311.     }
  312.     
  313.     .toast.success .column i {
  314.     	color: var(--success)
  315.     }
  316.     
  317.     .toast.error .column i {
  318.     	color: var(--error)
  319.     }
  320.     
  321.     .toast.warning .column i {
  322.     	color: var(--warning)
  323.     }
  324.     
  325.     .toast.info .column i {
  326.     	color: var(--info)
  327.     }
  328.     
  329.     @media screen and (max-width:530px) {
  330.     	.notifications {
  331.     		width: 95%
  332.     	}
  333.     
  334.     	.notifications .toast {
  335.     		width: 100%;
  336.     		font-size: 1rem;
  337.     		margin-left: 20px
  338.     	}
  339.     
  340.     	.buttons .btn {
  341.     		margin: 0 1px;
  342.     		font-size: 1.1rem;
  343.     		padding: 8px 15px
  344.     	}
  345.     }
  346. `;
  347. const jwgl_error = `
  348.     <h2 style="color:white;margin: 0;display: block;font-size: 1.5em;font-weight: bold;">似乎来到了错误的网站.^.</h2>
  349.     <p style="color:white;margin: 0.5em 0;text-align: center;">愿意现在跳转至教务系统登录(不可用)网站吗？<br>（jwgl.nxu.edu.cn）</p>
  350.     <div id="control-button" style="display: flex;">
  351.         <button onclick="this.parentNode.parentNode.remove()" style="height: auto;margin: 0.5em 1em;padding: 0.5em 1em;border: 1px white solid;border-radius: 4px;font-weight: bold;color: white;background:#2193b0;background: -webkit-linear-gradient(to right bottom, #6dd5ed, #2193b0);background: linear-gradient(to right bottom, #6dd5ed, #2193b0);">不用了<br>我再看看</button>
  352.         <button onclick="window.close()" style="height: auto;margin: 0.5em 1em;padding: 0.5em 1em;border: 1px white solid;border-radius: 4px;font-weight: bold;color: white;background:#2193b0;background: -webkit-linear-gradient(to right bottom, #6dd5ed, #2193b0);background: linear-gradient(to right bottom, #6dd5ed, #2193b0);">不用了<br>关闭当前窗口</button>
  353.     </div>
  354. `;
  355. const settings_div = `
  356.     <div data-id="plugin-settings" class="block-group">
  357.         <h1 class="block-group__title">插件设置</h1>
  358.         <div id="plugin-settings-main">
  359.             <div class="block-group__item">
  360.                 <h2>账号设置</h2>
  361.                 <div class="hr"></div>
  362.                 <div>
  363.                     <p>学号：</p>
  364.                     <input type="text" id="username" />
  365.                 </div>
  366.                 <p class="warning" id="username-empty" style="display: none;">学号不能为空！</p>
  367.                 <p class="warning" id="username-error" style="display: none;">学号格式错误！</p>
  368.                 <div>
  369.                     <p>密码：</p>
  370.                     <input type="password" id="password" />
  371.                 </div>
  372.                 <p class="warning" id="password-empty" style="display: none;">密码不能为空！</p>
  373.                 <div class="button">
  374.                     <button id="reflash-user-info">提交</button>
  375.                 </div>
  376.                 <p class="note">注：用于系统自动登录(不可用)，可留空。<span style="color:orange">请确保学号密码输入正确！</span></p>
  377.             </div>
  378.             <div class="block-group__item">
  379.                 <h2>功能设置</h2>
  380.                 <div class="hr"></div>
  381.                 <div class="switch">
  382.                     <p>自动登录(不可用)</p>
  383.                     <label class="switch">
  384.                         <input type="checkbox" id="auto-login">
  385.                         <span class="slider"></span>
  386.                     </label>
  387.                 </div>
  388.                 <div class="hr-"></div>
  389.                 <div class="switch">
  390.                     <div class="flex-c flex-1">
  391.                         <p>自动关闭错误网站</p>
  392.                         <p class="note">(包括404、服务器错误等)</p>
  393.                     </div>
  394.                     <label class="switch">
  395.                         <input type="checkbox" id="auto-close">
  396.                         <span class="slider"></span>
  397.                     </label>
  398.                 </div>
  399.             </div>
  400.             <div class="block-group__item">
  401.                 <h2>功能预览</h2>
  402.                 <div class="hr"></div>
  403.                 <div class="block-group__content" style="margin-top: 1em;">
  404.                     <div class="block-group__item__wrap" style="width: 33%;">
  405.                         <a href="javascript:void(0)" class="block-group__item">
  406.                             <div class="block-group__item__logo__wrap">
  407.                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAgtJREFUWEftVz1PG0EQfbO2QVaaNCmgcpUCIus+Fmr7R1AgISUIQRwpTX5BQEqVBqEUkWmgoqOlxY0b69Z2A5Go6CKlQqK+nWgdnxXguF3HJ2JLrHSN9+3Mm7fPox2Cw/I8r1IoFM4BtJRSm1lHpJRftda1YrG40el0rmzhyQYw+1LKGjMnBOpZZ8IwNLgaEdWjKGrZ4k8HAd/3Xwkh1gCYL229BOABuAHQt1RlcAZvcAaftg7iOG71+/2bgQJSyo/M/M0mV577zLzX7XZ3BwSSe2PmTSHEdUoij5n3TVVE9CmLyBDnDXFpai0w8wmAC6XUm4QAm6BKqVRP5G3CMAxH+WaDQLVafVEqlRpE9COKojNLH1jXWs+Xy+XTdrt9m4YdW4E8zTf03MMrYB78tpd3srR4RPQ58dzAA0EQMJFTT8qVnzH9yIT/VYG/TZFriY8Em04TZjWivFWZHQW871wpApV/VSAm/Oo16PL+eWcFwuaf5jDJIo169IHuPEycCQRN3oHG4gQErstzOG1v0Z2W7ExggsSZR2eHQHjIR7CZUOMShC/qPf10VcxZgaDJHQJWbIFZQHa3Sdlwyb4zgdVDfq3jbBM+9lfLIuNMwLWicXHPBKZXAa31cq/Xe9C7x73jLLzv+0tCiIv7T7Ld5J2WZzJLrGMzaSejmZl+3wJ49xQEzFgmhGiZ6fk37NF2MC4ilNUAAAAASUVORK5CYII=">
  408.                             </div>
  409.                             <div class="block-group__item__content">
  410.                                 <h2 title="智慧党建" class="block-group__item__name">智慧党建</h2>
  411.                                 <div title="zhdj.nxu.edu.cn" class="block-group__item__desc">zhdj.nxu.edu.cn</div>
  412.                                 <svg aria-hidden="true" title="收藏" class="wrdvpn-icon">
  413.                                     <use xlink:href="#wrdvpn-collect"></use>
  414.                                 </svg>
  415.                             </div>
  416.                         </a>
  417.                     </div>
  418.                      <div class="block-group__item__wrap" style="width: 33%;">
  419.                         <a href="javascript:void(0)" class="block-group__item">
  420.                             <div class="block-group__item__logo__wrap">
  421.                                 <div class="block-group__item__logo" style="background-color: rgb(71, 179, 71);">智</div>
  422.                             </div>
  423.                             <div class="block-group__item__content">
  424.                                 <h2 title="智慧党建" class="block-group__item__name">智慧党建</h2>
  425.                                 <div title="zhdj.nxu.edu.cn" class="block-group__item__desc">zhdj.nxu.edu.cn</div>
  426.                                 <svg aria-hidden="true" title="收藏" class="wrdvpn-icon">
  427.                                     <use xlink:href="#wrdvpn-collect"></use>
  428.                                 </svg>
  429.                             </div>
  430.                         </a>
  431.                     </div>
  432.                      <div class="block-group__item__wrap" style="width: 33%;">
  433.                         <a href="javascript:void(0)" class="block-group__item">
  434.                             <div class="block-group__item__logo__wrap">
  435.                                 <div class="block-group__item__logo" style="background-color: rgb(71, 179, 71);">智</div>
  436.                             </div>
  437.                             <div class="block-group__item__content">
  438.                                 <h2 title="智慧党建" class="block-group__item__name">智慧党建</h2>
  439.                                 <div title="zhdj.nxu.edu.cn" class="block-group__item__desc">zhdj.nxu.edu.cn</div>
  440.                                 <svg aria-hidden="true" title="收藏" class="wrdvpn-icon">
  441.                                     <use xlink:href="#wrdvpn-collect"></use>
  442.                                 </svg>
  443.                             </div>
  444.                         </a>
  445.                     </div>
  446.                 </div>
  447.             </div>
  448.         </div>
  449.     </div>
  450. `;
  451. const jwgl_table_title = (message, id1, id2 = "") => {
  452.     return `
  453.         <table id="${id1}" border="0" cellspacing="0" cellpadding="0" style="display: block;">
  454.             <tr>
  455.                 <td>
  456.                     <a href="javascript:0;" style="display:block;width:24px;height:22px">
  457.                         <img src="static/images/tree/minus.gif" width="24" height="22" border="0">
  458.                     </a>
  459.                     <a class="MenuTocItemFolderLinkStyle" href="javascript:0;" target="">
  460.                         <img src="static/images/tree/entityfolder.gif" width="0" height="0" border="0">
  461.                     </a>
  462.                 </td>
  463.                 <td valign="middle" nowrap="">
  464.                     <a ${(id2!="") ? (`id="${id2}"`) : ("")} class="MenuTocItemFolderLinkStyle" href="javascript:0;" target="">${message}</a>
  465.                 </td>
  466.             </tr>
  467.         </table>
  468.     `
  469. };
  470. const jwgl_table_content = (message, id) => {
  471.     return `
  472.         <table border="0" cellspacing="0" cellpadding="0" style="display: block;">
  473.             <tbody>
  474.                 <tr>
  475.                     <td valign="top" nowrap="">
  476.                         <img src="static/images/tree/line.gif" width="24" height="22">
  477.                     </td>
  478.                     <td valign="middle" nowrap="">
  479.                         <img src="static/images/tree/sanjiao.gif" border="0">
  480.                         <a id="${id}" class="MenuTocItemLinkStyle" target="main">${message}</a>
  481.                     </td>
  482.                 </tr>
  483.             </tbody>
  484.         </table>
  485.     `;
  486. };
  487. const jwgl_class = (content_array, mode = -1) => {
  488. if (mode == 0) {
  489.     return `
  490.         <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
  491.             <style>
  492.                 .class_main > div {
  493.                     width: 100%;
  494.                     display: flex;
  495.                     flex-direction: column;
  496.                     align-items: center;
  497.                     margin: 0;
  498.                 }
  499.                 .teacher {
  500.                     font-size: 10px;
  501.                     padding: 0;
  502.                 }
  503.                 .classroom {
  504.                     font-size: 10px;
  505.                     padding: 0;
  506.                     /* color: #eff0ea; */
  507.                 }
  508.                 .subject {
  509.                     font-size: 16px;
  510.                     font-weight: bold;
  511.                     padding: 0.5em 0;
  512.                 }
  513.             </style>
  514.             <div class="classroom">${content_array[3]}</div>
  515.             <div class="subject">${content_array[1]}</div>
  516.             <div class="teacher">${content_array[2]}<br>${content_array[0]}</div>
  517.         </div>
  518. `;} else if (mode > 0) {
  519.     return `
  520.         <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
  521.             <style>
  522.                 .class_main > div {
  523.                     width: 100%;
  524.                     display: flex;
  525.                     flex-direction: column;
  526.                     align-items: center;
  527.                     margin: 0;
  528.                 }
  529.                 .teacher {
  530.                     font-size: 10px;
  531.                     padding: 0;
  532.                 }
  533.                 .classroom {
  534.                     font-size: 10px;
  535.                     padding: 0;
  536.                     /* color: #eff0ea; */
  537.                 }
  538.                 .subject {
  539.                     font-size: 16px;
  540.                     font-weight: bold;
  541.                     padding: 0.5em 0;
  542.                 }
  543.             </style>
  544.             <div class="teacher">${content_array[2]}<br>${content_array[0]}</div>
  545.         </div>
  546. `;} else {
  547.     return `
  548.         <div class="class_main" style="display:flex;flex-direction:column;align-items:center;margin-bottom:1em">
  549.             <style>
  550.                 .class_main > div {
  551.                     width: 100%;
  552.                     display: flex;
  553.                     flex-direction: column;
  554.                     align-items: center;
  555.                     margin: 0;
  556.                 }
  557.                 .teacher {
  558.                     font-size: 10px;
  559.                     padding: 0;
  560.                 }
  561.                 .classroom {
  562.                     font-size: 10px;
  563.                     padding: 0;
  564.                     /* color: #eff0ea; */
  565.                 }
  566.                 .subject {
  567.                     font-size: 16px;
  568.                     font-weight: bold;
  569.                     padding: 0.5em 0;
  570.                 }
  571.             </style>
  572.             <div class="classroom">${content_array[3]}</div>
  573.             <div class="subject">${content_array[0]}</div>
  574.             <div class="teacher">${content_array[2]}<br>${content_array[1]}</div>
  575.         </div>
  576.     `;}
  577. };

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址