@netang/quasar 0.0.76 → 0.0.78
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_docs/docs/components/field-table.md +57 -57
- package/components/field-text/index.vue +2 -10
- package/components/img/index.vue +179 -0
- package/components/search/index.vue +2 -0
- package/components/search-item/index.vue +53 -9
- package/components/thumbnail/index.vue +25 -75
- package/docs/404.html +33 -33
- package/docs/assets/404.html-60b35caa.js +1 -1
- package/docs/assets/404.html-d1e63d77.js +1 -1
- package/docs/assets/alert.html-568d4e94.js +1 -1
- package/docs/assets/alert.html-f5dbc3e9.js +1 -1
- package/docs/assets/app-8c3ae4de.js +6 -6
- package/docs/assets/confirm.html-7a1566f6.js +1 -1
- package/docs/assets/confirm.html-96f1b004.js +1 -1
- package/docs/assets/field-table.html-68d610b0.js +1 -1
- package/docs/assets/field-table.html-86cc3511.js +1 -1
- package/docs/assets/field-tree.html-45410c3c.js +1 -1
- package/docs/assets/field-tree.html-c98ac993.js +1 -1
- package/docs/assets/framework-204010b2.js +5 -5
- package/docs/assets/index.html-1695dd7c.js +1 -1
- package/docs/assets/index.html-65a4aa67.js +1 -1
- package/docs/assets/style-ac5a9aa6.css +1 -1
- package/docs/components/field-table.html +33 -33
- package/docs/components/field-tree.html +33 -33
- package/docs/index.html +33 -33
- package/docs/utils/alert.html +33 -33
- package/docs/utils/confirm.html +33 -33
- package/package.json +1 -1
- package/sass/common.scss +10 -0
- package/sass/variables.scss +138 -138
- package/utils/getImage.js +65 -65
package/docs/utils/confirm.html
CHANGED
|
@@ -1,33 +1,33 @@
|
|
|
1
|
-
<!DOCTYPE html>
|
|
2
|
-
<html lang="en-US">
|
|
3
|
-
<head>
|
|
4
|
-
<meta charset="utf-8">
|
|
5
|
-
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
-
<meta name="generator" content="VuePress 2.0.0-beta.60">
|
|
7
|
-
<style>
|
|
8
|
-
:root {
|
|
9
|
-
--c-bg: #fff;
|
|
10
|
-
}
|
|
11
|
-
html.dark {
|
|
12
|
-
--c-bg: #22272e;
|
|
13
|
-
}
|
|
14
|
-
html, body {
|
|
15
|
-
background-color: var(--c-bg);
|
|
16
|
-
}
|
|
17
|
-
</style>
|
|
18
|
-
<script>
|
|
19
|
-
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
-
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
-
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
-
document.documentElement.classList.toggle('dark', true);
|
|
23
|
-
}
|
|
24
|
-
</script>
|
|
25
|
-
<title>confirm | netang-quasar</title><meta name="description" content="">
|
|
26
|
-
<link rel="preload" href="/netang-quasar/assets/style-ac5a9aa6.css" as="style"><link rel="stylesheet" href="/netang-quasar/assets/style-ac5a9aa6.css">
|
|
27
|
-
<link rel="modulepreload" href="/netang-quasar/assets/app-8c3ae4de.js"><link rel="modulepreload" href="/netang-quasar/assets/framework-204010b2.js"><link rel="modulepreload" href="/netang-quasar/assets/confirm.html-7a1566f6.js"><link rel="modulepreload" href="/netang-quasar/assets/confirm.html-96f1b004.js"><link rel="prefetch" href="/netang-quasar/assets/index.html-65a4aa67.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-86cc3511.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-c98ac993.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-568d4e94.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-60b35caa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-1695dd7c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-68d610b0.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-45410c3c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-f5dbc3e9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-d1e63d77.js" as="script">
|
|
28
|
-
</head>
|
|
29
|
-
<body>
|
|
30
|
-
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/netang-quasar/" class=""><!----><span class="site-name">netang-quasar</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><!----><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><!----><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">confirm <!----></p><!----></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="confirm" tabindex="-1"><a class="header-anchor" href="#confirm" aria-hidden="true">#</a> confirm</h1></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: mj287@163.com">junmiao</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
-
<script type="module" src="/netang-quasar/assets/app-8c3ae4de.js" defer></script>
|
|
32
|
-
</body>
|
|
33
|
-
</html>
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en-US">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
6
|
+
<meta name="generator" content="VuePress 2.0.0-beta.60">
|
|
7
|
+
<style>
|
|
8
|
+
:root {
|
|
9
|
+
--c-bg: #fff;
|
|
10
|
+
}
|
|
11
|
+
html.dark {
|
|
12
|
+
--c-bg: #22272e;
|
|
13
|
+
}
|
|
14
|
+
html, body {
|
|
15
|
+
background-color: var(--c-bg);
|
|
16
|
+
}
|
|
17
|
+
</style>
|
|
18
|
+
<script>
|
|
19
|
+
const userMode = localStorage.getItem('vuepress-color-scheme');
|
|
20
|
+
const systemDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
|
|
21
|
+
if (userMode === 'dark' || (userMode !== 'light' && systemDarkMode)) {
|
|
22
|
+
document.documentElement.classList.toggle('dark', true);
|
|
23
|
+
}
|
|
24
|
+
</script>
|
|
25
|
+
<title>confirm | netang-quasar</title><meta name="description" content="">
|
|
26
|
+
<link rel="preload" href="/netang-quasar/assets/style-ac5a9aa6.css" as="style"><link rel="stylesheet" href="/netang-quasar/assets/style-ac5a9aa6.css">
|
|
27
|
+
<link rel="modulepreload" href="/netang-quasar/assets/app-8c3ae4de.js"><link rel="modulepreload" href="/netang-quasar/assets/framework-204010b2.js"><link rel="modulepreload" href="/netang-quasar/assets/confirm.html-7a1566f6.js"><link rel="modulepreload" href="/netang-quasar/assets/confirm.html-96f1b004.js"><link rel="prefetch" href="/netang-quasar/assets/index.html-65a4aa67.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-86cc3511.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-c98ac993.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-568d4e94.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-60b35caa.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/index.html-1695dd7c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-table.html-68d610b0.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/field-tree.html-45410c3c.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/alert.html-f5dbc3e9.js" as="script"><link rel="prefetch" href="/netang-quasar/assets/404.html-d1e63d77.js" as="script">
|
|
28
|
+
</head>
|
|
29
|
+
<body>
|
|
30
|
+
<div id="app"><!--[--><div class="theme-container"><!--[--><header class="navbar"><div class="toggle-sidebar-button" title="toggle sidebar" aria-expanded="false" role="button" tabindex="0"><div class="icon" aria-hidden="true"><span></span><span></span><span></span></div></div><span><a href="/netang-quasar/" class=""><!----><span class="site-name">netang-quasar</span></a></span><div class="navbar-items-wrapper" style=""><!--[--><!--]--><!----><!--[--><!--]--><button class="toggle-color-mode-button" title="toggle color mode"><svg style="" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M16 12.005a4 4 0 1 1-4 4a4.005 4.005 0 0 1 4-4m0-2a6 6 0 1 0 6 6a6 6 0 0 0-6-6z" fill="currentColor"></path><path d="M5.394 6.813l1.414-1.415l3.506 3.506L8.9 10.318z" fill="currentColor"></path><path d="M2 15.005h5v2H2z" fill="currentColor"></path><path d="M5.394 25.197L8.9 21.691l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 25.005h2v5h-2z" fill="currentColor"></path><path d="M21.687 23.106l1.414-1.415l3.506 3.506l-1.414 1.414z" fill="currentColor"></path><path d="M25 15.005h5v2h-5z" fill="currentColor"></path><path d="M21.687 8.904l3.506-3.506l1.414 1.415l-3.506 3.505z" fill="currentColor"></path><path d="M15 2.005h2v5h-2z" fill="currentColor"></path></svg><svg style="display:none;" class="icon" focusable="false" viewBox="0 0 32 32"><path d="M13.502 5.414a15.075 15.075 0 0 0 11.594 18.194a11.113 11.113 0 0 1-7.975 3.39c-.138 0-.278.005-.418 0a11.094 11.094 0 0 1-3.2-21.584M14.98 3a1.002 1.002 0 0 0-.175.016a13.096 13.096 0 0 0 1.825 25.981c.164.006.328 0 .49 0a13.072 13.072 0 0 0 10.703-5.555a1.01 1.01 0 0 0-.783-1.565A13.08 13.08 0 0 1 15.89 4.38A1.015 1.015 0 0 0 14.98 3z" fill="currentColor"></path></svg></button><!----></div></header><!--]--><div class="sidebar-mask"></div><!--[--><aside class="sidebar"><!----><!--[--><!--]--><ul class="sidebar-items"><!--[--><li><p tabindex="0" class="sidebar-item sidebar-heading">confirm <!----></p><!----></li><!--]--></ul><!--[--><!--]--></aside><!--]--><!--[--><main class="page"><!--[--><!--]--><div class="theme-default-content"><!--[--><!--]--><div><h1 id="confirm" tabindex="-1"><a class="header-anchor" href="#confirm" aria-hidden="true">#</a> confirm</h1></div><!--[--><!--]--></div><footer class="page-meta"><!----><div class="meta-item last-updated"><span class="meta-item-label">Last Updated: </span><!----></div><div class="meta-item contributors"><span class="meta-item-label">Contributors: </span><span class="meta-item-info"><!--[--><!--[--><span class="contributor" title="email: mj287@163.com">junmiao</span><!----><!--]--><!--]--></span></div></footer><!----><!--[--><!--]--></main><!--]--></div><!----><!--]--></div>
|
|
31
|
+
<script type="module" src="/netang-quasar/assets/app-8c3ae4de.js" defer></script>
|
|
32
|
+
</body>
|
|
33
|
+
</html>
|
package/package.json
CHANGED
package/sass/common.scss
CHANGED
|
@@ -39,6 +39,16 @@ body {
|
|
|
39
39
|
--n-bg-grey-10: rgba(var(--n-reverse-color-rgb), 0.86);
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
+
// 自动显示横向滚动条
|
|
43
|
+
.n-overflow-auto-x {
|
|
44
|
+
overflow-x: auto;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
// 自动显示竖向滚动条
|
|
48
|
+
.n-overflow-auto-y {
|
|
49
|
+
overflow-y: auto;
|
|
50
|
+
}
|
|
51
|
+
|
|
42
52
|
// 字体大小 12 像素
|
|
43
53
|
.n-font-size-12 {
|
|
44
54
|
font-size: 12px;
|
package/sass/variables.scss
CHANGED
|
@@ -1,138 +1,138 @@
|
|
|
1
|
-
// ==========【quasar 重定义】=====================================================================================================
|
|
2
|
-
|
|
3
|
-
$primary : #4380fa !default;
|
|
4
|
-
$secondary : #19be6b !default;
|
|
5
|
-
$accent : #9C27B0 !default;
|
|
6
|
-
|
|
7
|
-
$dark : #27282e !default;
|
|
8
|
-
$dark-page : #1b1c21 !default;
|
|
9
|
-
|
|
10
|
-
$positive : #19be6b !default;
|
|
11
|
-
$negative : #ff3750 !default;
|
|
12
|
-
$info : #2db7f5 !default;
|
|
13
|
-
$warning : #ff9900 !default;
|
|
14
|
-
|
|
15
|
-
//$shadow-color : #000000 !default; !default;
|
|
16
|
-
//$elevation-umbra : rgba($shadow-color, 0.1) !default; !default;
|
|
17
|
-
//$elevation-penumbra : rgba($shadow-color, 0.1) !default; !default;
|
|
18
|
-
//$elevation-ambient : rgba($shadow-color, 0.1) !default; !default;
|
|
19
|
-
|
|
20
|
-
// ==========【自定义】=====================================================================================================
|
|
21
|
-
|
|
22
|
-
$color-gray-dark: $dark-page !default;
|
|
23
|
-
$color-gray-white: #ffffff !default;
|
|
24
|
-
|
|
25
|
-
$color-gray-99: mix($color-gray-dark, $color-gray-white, 99%) !default;
|
|
26
|
-
$color-gray-98: mix($color-gray-dark, $color-gray-white, 98%) !default;
|
|
27
|
-
$color-gray-97: mix($color-gray-dark, $color-gray-white, 97%) !default;
|
|
28
|
-
$color-gray-96: mix($color-gray-dark, $color-gray-white, 96%) !default;
|
|
29
|
-
$color-gray-95: mix($color-gray-dark, $color-gray-white, 95%) !default;
|
|
30
|
-
$color-gray-94: mix($color-gray-dark, $color-gray-white, 94%) !default;
|
|
31
|
-
$color-gray-93: mix($color-gray-dark, $color-gray-white, 93%) !default;
|
|
32
|
-
$color-gray-92: mix($color-gray-dark, $color-gray-white, 92%) !default;
|
|
33
|
-
$color-gray-91: mix($color-gray-dark, $color-gray-white, 91%) !default;
|
|
34
|
-
$color-gray-90: mix($color-gray-dark, $color-gray-white, 90%) !default;
|
|
35
|
-
$color-gray-89: mix($color-gray-dark, $color-gray-white, 89%) !default;
|
|
36
|
-
$color-gray-88: mix($color-gray-dark, $color-gray-white, 88%) !default;
|
|
37
|
-
$color-gray-87: mix($color-gray-dark, $color-gray-white, 87%) !default;
|
|
38
|
-
$color-gray-86: mix($color-gray-dark, $color-gray-white, 86%) !default;
|
|
39
|
-
$color-gray-85: mix($color-gray-dark, $color-gray-white, 85%) !default;
|
|
40
|
-
$color-gray-84: mix($color-gray-dark, $color-gray-white, 84%) !default;
|
|
41
|
-
$color-gray-83: mix($color-gray-dark, $color-gray-white, 83%) !default;
|
|
42
|
-
$color-gray-82: mix($color-gray-dark, $color-gray-white, 82%) !default;
|
|
43
|
-
$color-gray-81: mix($color-gray-dark, $color-gray-white, 81%) !default;
|
|
44
|
-
$color-gray-80: mix($color-gray-dark, $color-gray-white, 80%) !default;
|
|
45
|
-
$color-gray-79: mix($color-gray-dark, $color-gray-white, 79%) !default;
|
|
46
|
-
$color-gray-78: mix($color-gray-dark, $color-gray-white, 78%) !default;
|
|
47
|
-
$color-gray-77: mix($color-gray-dark, $color-gray-white, 77%) !default;
|
|
48
|
-
$color-gray-76: mix($color-gray-dark, $color-gray-white, 76%) !default;
|
|
49
|
-
$color-gray-75: mix($color-gray-dark, $color-gray-white, 75%) !default;
|
|
50
|
-
$color-gray-74: mix($color-gray-dark, $color-gray-white, 74%) !default;
|
|
51
|
-
$color-gray-73: mix($color-gray-dark, $color-gray-white, 73%) !default;
|
|
52
|
-
$color-gray-72: mix($color-gray-dark, $color-gray-white, 72%) !default;
|
|
53
|
-
$color-gray-71: mix($color-gray-dark, $color-gray-white, 71%) !default;
|
|
54
|
-
$color-gray-70: mix($color-gray-dark, $color-gray-white, 70%) !default;
|
|
55
|
-
$color-gray-69: mix($color-gray-dark, $color-gray-white, 69%) !default;
|
|
56
|
-
$color-gray-68: mix($color-gray-dark, $color-gray-white, 68%) !default;
|
|
57
|
-
$color-gray-67: mix($color-gray-dark, $color-gray-white, 67%) !default;
|
|
58
|
-
$color-gray-66: mix($color-gray-dark, $color-gray-white, 66%) !default;
|
|
59
|
-
$color-gray-65: mix($color-gray-dark, $color-gray-white, 65%) !default;
|
|
60
|
-
$color-gray-64: mix($color-gray-dark, $color-gray-white, 64%) !default;
|
|
61
|
-
$color-gray-63: mix($color-gray-dark, $color-gray-white, 63%) !default;
|
|
62
|
-
$color-gray-62: mix($color-gray-dark, $color-gray-white, 62%) !default;
|
|
63
|
-
$color-gray-61: mix($color-gray-dark, $color-gray-white, 61%) !default;
|
|
64
|
-
$color-gray-60: mix($color-gray-dark, $color-gray-white, 60%) !default;
|
|
65
|
-
$color-gray-59: mix($color-gray-dark, $color-gray-white, 59%) !default;
|
|
66
|
-
$color-gray-58: mix($color-gray-dark, $color-gray-white, 58%) !default;
|
|
67
|
-
$color-gray-57: mix($color-gray-dark, $color-gray-white, 57%) !default;
|
|
68
|
-
$color-gray-56: mix($color-gray-dark, $color-gray-white, 56%) !default;
|
|
69
|
-
$color-gray-55: mix($color-gray-dark, $color-gray-white, 55%) !default;
|
|
70
|
-
$color-gray-54: mix($color-gray-dark, $color-gray-white, 54%) !default;
|
|
71
|
-
$color-gray-53: mix($color-gray-dark, $color-gray-white, 53%) !default;
|
|
72
|
-
$color-gray-52: mix($color-gray-dark, $color-gray-white, 52%) !default;
|
|
73
|
-
$color-gray-51: mix($color-gray-dark, $color-gray-white, 51%) !default;
|
|
74
|
-
$color-gray-50: mix($color-gray-dark, $color-gray-white, 50%) !default;
|
|
75
|
-
$color-gray-49: mix($color-gray-dark, $color-gray-white, 49%) !default;
|
|
76
|
-
$color-gray-48: mix($color-gray-dark, $color-gray-white, 48%) !default;
|
|
77
|
-
$color-gray-47: mix($color-gray-dark, $color-gray-white, 47%) !default;
|
|
78
|
-
$color-gray-46: mix($color-gray-dark, $color-gray-white, 46%) !default;
|
|
79
|
-
$color-gray-45: mix($color-gray-dark, $color-gray-white, 45%) !default;
|
|
80
|
-
$color-gray-44: mix($color-gray-dark, $color-gray-white, 44%) !default;
|
|
81
|
-
$color-gray-43: mix($color-gray-dark, $color-gray-white, 43%) !default;
|
|
82
|
-
$color-gray-42: mix($color-gray-dark, $color-gray-white, 42%) !default;
|
|
83
|
-
$color-gray-41: mix($color-gray-dark, $color-gray-white, 41%) !default;
|
|
84
|
-
$color-gray-40: mix($color-gray-dark, $color-gray-white, 40%) !default;
|
|
85
|
-
$color-gray-39: mix($color-gray-dark, $color-gray-white, 39%) !default;
|
|
86
|
-
$color-gray-38: mix($color-gray-dark, $color-gray-white, 38%) !default;
|
|
87
|
-
$color-gray-37: mix($color-gray-dark, $color-gray-white, 37%) !default;
|
|
88
|
-
$color-gray-36: mix($color-gray-dark, $color-gray-white, 36%) !default;
|
|
89
|
-
$color-gray-35: mix($color-gray-dark, $color-gray-white, 35%) !default;
|
|
90
|
-
$color-gray-34: mix($color-gray-dark, $color-gray-white, 34%) !default;
|
|
91
|
-
$color-gray-33: mix($color-gray-dark, $color-gray-white, 33%) !default;
|
|
92
|
-
$color-gray-32: mix($color-gray-dark, $color-gray-white, 32%) !default;
|
|
93
|
-
$color-gray-31: mix($color-gray-dark, $color-gray-white, 31%) !default;
|
|
94
|
-
$color-gray-30: mix($color-gray-dark, $color-gray-white, 30%) !default;
|
|
95
|
-
$color-gray-29: mix($color-gray-dark, $color-gray-white, 29%) !default;
|
|
96
|
-
$color-gray-28: mix($color-gray-dark, $color-gray-white, 28%) !default;
|
|
97
|
-
$color-gray-27: mix($color-gray-dark, $color-gray-white, 27%) !default;
|
|
98
|
-
$color-gray-26: mix($color-gray-dark, $color-gray-white, 26%) !default;
|
|
99
|
-
$color-gray-25: mix($color-gray-dark, $color-gray-white, 25%) !default;
|
|
100
|
-
$color-gray-24: mix($color-gray-dark, $color-gray-white, 24%) !default;
|
|
101
|
-
$color-gray-23: mix($color-gray-dark, $color-gray-white, 23%) !default;
|
|
102
|
-
$color-gray-22: mix($color-gray-dark, $color-gray-white, 22%) !default;
|
|
103
|
-
$color-gray-21: mix($color-gray-dark, $color-gray-white, 21%) !default;
|
|
104
|
-
$color-gray-20: mix($color-gray-dark, $color-gray-white, 20%) !default;
|
|
105
|
-
$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
|
|
106
|
-
$color-gray-19: mix($color-gray-dark, $color-gray-white, 19%) !default;
|
|
107
|
-
$color-gray-18: mix($color-gray-dark, $color-gray-white, 18%) !default;
|
|
108
|
-
$color-gray-17: mix($color-gray-dark, $color-gray-white, 17%) !default;
|
|
109
|
-
$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
|
|
110
|
-
$color-gray-15: mix($color-gray-dark, $color-gray-white, 15%) !default;
|
|
111
|
-
$color-gray-14: mix($color-gray-dark, $color-gray-white, 14%) !default;
|
|
112
|
-
$color-gray-13: mix($color-gray-dark, $color-gray-white, 13%) !default;
|
|
113
|
-
$color-gray-12: mix($color-gray-dark, $color-gray-white, 12%) !default;
|
|
114
|
-
$color-gray-11: mix($color-gray-dark, $color-gray-white, 11%) !default;
|
|
115
|
-
$color-gray-10: mix($color-gray-dark, $color-gray-white, 10%) !default;
|
|
116
|
-
$color-gray-9: mix($color-gray-dark, $color-gray-white, 9%) !default;
|
|
117
|
-
$color-gray-8: mix($color-gray-dark, $color-gray-white, 8%) !default;
|
|
118
|
-
$color-gray-7: mix($color-gray-dark, $color-gray-white, 7%) !default;
|
|
119
|
-
$color-gray-6: mix($color-gray-dark, $color-gray-white, 6%) !default;
|
|
120
|
-
$color-gray-5: mix($color-gray-dark, $color-gray-white, 5%) !default;
|
|
121
|
-
$color-gray-4: mix($color-gray-dark, $color-gray-white, 4%) !default;
|
|
122
|
-
$color-gray-3: mix($color-gray-dark, $color-gray-white, 3%) !default;
|
|
123
|
-
$color-gray-2: mix($color-gray-dark, $color-gray-white, 2%) !default;
|
|
124
|
-
$color-gray-1: mix($color-gray-dark, $color-gray-white, 1%) !default;
|
|
125
|
-
|
|
126
|
-
$color-ccc: #cccccc !default;
|
|
127
|
-
$color-999: #999999 !default;
|
|
128
|
-
$color-888: #888888 !default;
|
|
129
|
-
$color-777: #777777 !default;
|
|
130
|
-
$color-666: #666666 !default;
|
|
131
|
-
$color-555: #555555 !default;
|
|
132
|
-
$color-444: #444444 !default;
|
|
133
|
-
$color-333: #333333 !default;
|
|
134
|
-
$color-222: #222222 !default;
|
|
135
|
-
$color-111: #111111 !default;
|
|
136
|
-
$color-000: $color-gray-dark !default;
|
|
137
|
-
|
|
138
|
-
@import "~quasar/src/css/variables.sass";
|
|
1
|
+
// ==========【quasar 重定义】=====================================================================================================
|
|
2
|
+
|
|
3
|
+
$primary : #4380fa !default;
|
|
4
|
+
$secondary : #19be6b !default;
|
|
5
|
+
$accent : #9C27B0 !default;
|
|
6
|
+
|
|
7
|
+
$dark : #27282e !default;
|
|
8
|
+
$dark-page : #1b1c21 !default;
|
|
9
|
+
|
|
10
|
+
$positive : #19be6b !default;
|
|
11
|
+
$negative : #ff3750 !default;
|
|
12
|
+
$info : #2db7f5 !default;
|
|
13
|
+
$warning : #ff9900 !default;
|
|
14
|
+
|
|
15
|
+
//$shadow-color : #000000 !default; !default;
|
|
16
|
+
//$elevation-umbra : rgba($shadow-color, 0.1) !default; !default;
|
|
17
|
+
//$elevation-penumbra : rgba($shadow-color, 0.1) !default; !default;
|
|
18
|
+
//$elevation-ambient : rgba($shadow-color, 0.1) !default; !default;
|
|
19
|
+
|
|
20
|
+
// ==========【自定义】=====================================================================================================
|
|
21
|
+
|
|
22
|
+
$color-gray-dark: $dark-page !default;
|
|
23
|
+
$color-gray-white: #ffffff !default;
|
|
24
|
+
|
|
25
|
+
$color-gray-99: mix($color-gray-dark, $color-gray-white, 99%) !default;
|
|
26
|
+
$color-gray-98: mix($color-gray-dark, $color-gray-white, 98%) !default;
|
|
27
|
+
$color-gray-97: mix($color-gray-dark, $color-gray-white, 97%) !default;
|
|
28
|
+
$color-gray-96: mix($color-gray-dark, $color-gray-white, 96%) !default;
|
|
29
|
+
$color-gray-95: mix($color-gray-dark, $color-gray-white, 95%) !default;
|
|
30
|
+
$color-gray-94: mix($color-gray-dark, $color-gray-white, 94%) !default;
|
|
31
|
+
$color-gray-93: mix($color-gray-dark, $color-gray-white, 93%) !default;
|
|
32
|
+
$color-gray-92: mix($color-gray-dark, $color-gray-white, 92%) !default;
|
|
33
|
+
$color-gray-91: mix($color-gray-dark, $color-gray-white, 91%) !default;
|
|
34
|
+
$color-gray-90: mix($color-gray-dark, $color-gray-white, 90%) !default;
|
|
35
|
+
$color-gray-89: mix($color-gray-dark, $color-gray-white, 89%) !default;
|
|
36
|
+
$color-gray-88: mix($color-gray-dark, $color-gray-white, 88%) !default;
|
|
37
|
+
$color-gray-87: mix($color-gray-dark, $color-gray-white, 87%) !default;
|
|
38
|
+
$color-gray-86: mix($color-gray-dark, $color-gray-white, 86%) !default;
|
|
39
|
+
$color-gray-85: mix($color-gray-dark, $color-gray-white, 85%) !default;
|
|
40
|
+
$color-gray-84: mix($color-gray-dark, $color-gray-white, 84%) !default;
|
|
41
|
+
$color-gray-83: mix($color-gray-dark, $color-gray-white, 83%) !default;
|
|
42
|
+
$color-gray-82: mix($color-gray-dark, $color-gray-white, 82%) !default;
|
|
43
|
+
$color-gray-81: mix($color-gray-dark, $color-gray-white, 81%) !default;
|
|
44
|
+
$color-gray-80: mix($color-gray-dark, $color-gray-white, 80%) !default;
|
|
45
|
+
$color-gray-79: mix($color-gray-dark, $color-gray-white, 79%) !default;
|
|
46
|
+
$color-gray-78: mix($color-gray-dark, $color-gray-white, 78%) !default;
|
|
47
|
+
$color-gray-77: mix($color-gray-dark, $color-gray-white, 77%) !default;
|
|
48
|
+
$color-gray-76: mix($color-gray-dark, $color-gray-white, 76%) !default;
|
|
49
|
+
$color-gray-75: mix($color-gray-dark, $color-gray-white, 75%) !default;
|
|
50
|
+
$color-gray-74: mix($color-gray-dark, $color-gray-white, 74%) !default;
|
|
51
|
+
$color-gray-73: mix($color-gray-dark, $color-gray-white, 73%) !default;
|
|
52
|
+
$color-gray-72: mix($color-gray-dark, $color-gray-white, 72%) !default;
|
|
53
|
+
$color-gray-71: mix($color-gray-dark, $color-gray-white, 71%) !default;
|
|
54
|
+
$color-gray-70: mix($color-gray-dark, $color-gray-white, 70%) !default;
|
|
55
|
+
$color-gray-69: mix($color-gray-dark, $color-gray-white, 69%) !default;
|
|
56
|
+
$color-gray-68: mix($color-gray-dark, $color-gray-white, 68%) !default;
|
|
57
|
+
$color-gray-67: mix($color-gray-dark, $color-gray-white, 67%) !default;
|
|
58
|
+
$color-gray-66: mix($color-gray-dark, $color-gray-white, 66%) !default;
|
|
59
|
+
$color-gray-65: mix($color-gray-dark, $color-gray-white, 65%) !default;
|
|
60
|
+
$color-gray-64: mix($color-gray-dark, $color-gray-white, 64%) !default;
|
|
61
|
+
$color-gray-63: mix($color-gray-dark, $color-gray-white, 63%) !default;
|
|
62
|
+
$color-gray-62: mix($color-gray-dark, $color-gray-white, 62%) !default;
|
|
63
|
+
$color-gray-61: mix($color-gray-dark, $color-gray-white, 61%) !default;
|
|
64
|
+
$color-gray-60: mix($color-gray-dark, $color-gray-white, 60%) !default;
|
|
65
|
+
$color-gray-59: mix($color-gray-dark, $color-gray-white, 59%) !default;
|
|
66
|
+
$color-gray-58: mix($color-gray-dark, $color-gray-white, 58%) !default;
|
|
67
|
+
$color-gray-57: mix($color-gray-dark, $color-gray-white, 57%) !default;
|
|
68
|
+
$color-gray-56: mix($color-gray-dark, $color-gray-white, 56%) !default;
|
|
69
|
+
$color-gray-55: mix($color-gray-dark, $color-gray-white, 55%) !default;
|
|
70
|
+
$color-gray-54: mix($color-gray-dark, $color-gray-white, 54%) !default;
|
|
71
|
+
$color-gray-53: mix($color-gray-dark, $color-gray-white, 53%) !default;
|
|
72
|
+
$color-gray-52: mix($color-gray-dark, $color-gray-white, 52%) !default;
|
|
73
|
+
$color-gray-51: mix($color-gray-dark, $color-gray-white, 51%) !default;
|
|
74
|
+
$color-gray-50: mix($color-gray-dark, $color-gray-white, 50%) !default;
|
|
75
|
+
$color-gray-49: mix($color-gray-dark, $color-gray-white, 49%) !default;
|
|
76
|
+
$color-gray-48: mix($color-gray-dark, $color-gray-white, 48%) !default;
|
|
77
|
+
$color-gray-47: mix($color-gray-dark, $color-gray-white, 47%) !default;
|
|
78
|
+
$color-gray-46: mix($color-gray-dark, $color-gray-white, 46%) !default;
|
|
79
|
+
$color-gray-45: mix($color-gray-dark, $color-gray-white, 45%) !default;
|
|
80
|
+
$color-gray-44: mix($color-gray-dark, $color-gray-white, 44%) !default;
|
|
81
|
+
$color-gray-43: mix($color-gray-dark, $color-gray-white, 43%) !default;
|
|
82
|
+
$color-gray-42: mix($color-gray-dark, $color-gray-white, 42%) !default;
|
|
83
|
+
$color-gray-41: mix($color-gray-dark, $color-gray-white, 41%) !default;
|
|
84
|
+
$color-gray-40: mix($color-gray-dark, $color-gray-white, 40%) !default;
|
|
85
|
+
$color-gray-39: mix($color-gray-dark, $color-gray-white, 39%) !default;
|
|
86
|
+
$color-gray-38: mix($color-gray-dark, $color-gray-white, 38%) !default;
|
|
87
|
+
$color-gray-37: mix($color-gray-dark, $color-gray-white, 37%) !default;
|
|
88
|
+
$color-gray-36: mix($color-gray-dark, $color-gray-white, 36%) !default;
|
|
89
|
+
$color-gray-35: mix($color-gray-dark, $color-gray-white, 35%) !default;
|
|
90
|
+
$color-gray-34: mix($color-gray-dark, $color-gray-white, 34%) !default;
|
|
91
|
+
$color-gray-33: mix($color-gray-dark, $color-gray-white, 33%) !default;
|
|
92
|
+
$color-gray-32: mix($color-gray-dark, $color-gray-white, 32%) !default;
|
|
93
|
+
$color-gray-31: mix($color-gray-dark, $color-gray-white, 31%) !default;
|
|
94
|
+
$color-gray-30: mix($color-gray-dark, $color-gray-white, 30%) !default;
|
|
95
|
+
$color-gray-29: mix($color-gray-dark, $color-gray-white, 29%) !default;
|
|
96
|
+
$color-gray-28: mix($color-gray-dark, $color-gray-white, 28%) !default;
|
|
97
|
+
$color-gray-27: mix($color-gray-dark, $color-gray-white, 27%) !default;
|
|
98
|
+
$color-gray-26: mix($color-gray-dark, $color-gray-white, 26%) !default;
|
|
99
|
+
$color-gray-25: mix($color-gray-dark, $color-gray-white, 25%) !default;
|
|
100
|
+
$color-gray-24: mix($color-gray-dark, $color-gray-white, 24%) !default;
|
|
101
|
+
$color-gray-23: mix($color-gray-dark, $color-gray-white, 23%) !default;
|
|
102
|
+
$color-gray-22: mix($color-gray-dark, $color-gray-white, 22%) !default;
|
|
103
|
+
$color-gray-21: mix($color-gray-dark, $color-gray-white, 21%) !default;
|
|
104
|
+
$color-gray-20: mix($color-gray-dark, $color-gray-white, 20%) !default;
|
|
105
|
+
$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
|
|
106
|
+
$color-gray-19: mix($color-gray-dark, $color-gray-white, 19%) !default;
|
|
107
|
+
$color-gray-18: mix($color-gray-dark, $color-gray-white, 18%) !default;
|
|
108
|
+
$color-gray-17: mix($color-gray-dark, $color-gray-white, 17%) !default;
|
|
109
|
+
$color-gray-16: mix($color-gray-dark, $color-gray-white, 16%) !default;
|
|
110
|
+
$color-gray-15: mix($color-gray-dark, $color-gray-white, 15%) !default;
|
|
111
|
+
$color-gray-14: mix($color-gray-dark, $color-gray-white, 14%) !default;
|
|
112
|
+
$color-gray-13: mix($color-gray-dark, $color-gray-white, 13%) !default;
|
|
113
|
+
$color-gray-12: mix($color-gray-dark, $color-gray-white, 12%) !default;
|
|
114
|
+
$color-gray-11: mix($color-gray-dark, $color-gray-white, 11%) !default;
|
|
115
|
+
$color-gray-10: mix($color-gray-dark, $color-gray-white, 10%) !default;
|
|
116
|
+
$color-gray-9: mix($color-gray-dark, $color-gray-white, 9%) !default;
|
|
117
|
+
$color-gray-8: mix($color-gray-dark, $color-gray-white, 8%) !default;
|
|
118
|
+
$color-gray-7: mix($color-gray-dark, $color-gray-white, 7%) !default;
|
|
119
|
+
$color-gray-6: mix($color-gray-dark, $color-gray-white, 6%) !default;
|
|
120
|
+
$color-gray-5: mix($color-gray-dark, $color-gray-white, 5%) !default;
|
|
121
|
+
$color-gray-4: mix($color-gray-dark, $color-gray-white, 4%) !default;
|
|
122
|
+
$color-gray-3: mix($color-gray-dark, $color-gray-white, 3%) !default;
|
|
123
|
+
$color-gray-2: mix($color-gray-dark, $color-gray-white, 2%) !default;
|
|
124
|
+
$color-gray-1: mix($color-gray-dark, $color-gray-white, 1%) !default;
|
|
125
|
+
|
|
126
|
+
$color-ccc: #cccccc !default;
|
|
127
|
+
$color-999: #999999 !default;
|
|
128
|
+
$color-888: #888888 !default;
|
|
129
|
+
$color-777: #777777 !default;
|
|
130
|
+
$color-666: #666666 !default;
|
|
131
|
+
$color-555: #555555 !default;
|
|
132
|
+
$color-444: #444444 !default;
|
|
133
|
+
$color-333: #333333 !default;
|
|
134
|
+
$color-222: #222222 !default;
|
|
135
|
+
$color-111: #111111 !default;
|
|
136
|
+
$color-000: $color-gray-dark !default;
|
|
137
|
+
|
|
138
|
+
@import "~quasar/src/css/variables.sass";
|
package/utils/getImage.js
CHANGED
|
@@ -42,20 +42,22 @@ export default function getImage(src, params) {
|
|
|
42
42
|
// 如果为对象定义的规格
|
|
43
43
|
if ($n_isValidObject(params)) {
|
|
44
44
|
|
|
45
|
-
//
|
|
46
|
-
// 如果没有定义 w
|
|
45
|
+
// 是否自动缩放
|
|
47
46
|
// --------------------------------------------------
|
|
48
|
-
|
|
47
|
+
// 如果有定义 w
|
|
48
|
+
if ($n_has(params, 'w')) {
|
|
49
49
|
|
|
50
|
-
|
|
51
|
-
|
|
50
|
+
let {
|
|
51
|
+
w,
|
|
52
|
+
maxWidth,
|
|
52
53
|
zoom,
|
|
53
54
|
} = params
|
|
54
55
|
|
|
55
|
-
//
|
|
56
|
-
|
|
56
|
+
// 先设为 0
|
|
57
|
+
params.w = 0
|
|
57
58
|
|
|
58
|
-
|
|
59
|
+
// 如果开启缩放 && 有宽度
|
|
60
|
+
if (zoom && w) {
|
|
59
61
|
|
|
60
62
|
if (! $n_isNumeric(w) && $n_isString(w)) {
|
|
61
63
|
w = w.replace('px', '')
|
|
@@ -74,77 +76,75 @@ export default function getImage(src, params) {
|
|
|
74
76
|
/* #endif */
|
|
75
77
|
|
|
76
78
|
if (w > 10) {
|
|
77
|
-
w =
|
|
79
|
+
w = Math.floor(w / 10) * 10
|
|
78
80
|
} else {
|
|
79
|
-
w =
|
|
81
|
+
w = Math.floor(w)
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
// 如果有最大宽度
|
|
85
|
+
if (maxWidth && maxWidth > w) {
|
|
86
|
+
w = maxWidth
|
|
80
87
|
}
|
|
81
|
-
|
|
88
|
+
|
|
89
|
+
params.w = w
|
|
82
90
|
}
|
|
83
91
|
}
|
|
84
92
|
}
|
|
85
93
|
}
|
|
86
94
|
// --------------------------------------------------
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
const {
|
|
91
|
-
type,
|
|
92
|
-
domain,
|
|
93
|
-
} = $n_config('uploader.upload')
|
|
94
95
|
|
|
95
|
-
|
|
96
|
+
const {
|
|
97
|
+
type,
|
|
98
|
+
domain,
|
|
99
|
+
} = $n_config('uploader.upload')
|
|
100
|
+
|
|
101
|
+
// 判断图片上传方式
|
|
102
|
+
switch (type) {
|
|
103
|
+
|
|
104
|
+
// 七牛云
|
|
105
|
+
case 'qiniu':
|
|
106
|
+
|
|
107
|
+
const {
|
|
108
|
+
w,
|
|
109
|
+
h,
|
|
110
|
+
q,
|
|
111
|
+
format,
|
|
112
|
+
} = Object.assign({
|
|
113
|
+
// 宽
|
|
114
|
+
w: 0,
|
|
115
|
+
// 高
|
|
116
|
+
h: 0,
|
|
117
|
+
// 质量
|
|
118
|
+
q: 75,
|
|
119
|
+
// 格式
|
|
120
|
+
format: 'webp',
|
|
121
|
+
}, params)
|
|
122
|
+
|
|
123
|
+
// 裁剪图片方式
|
|
124
|
+
src += '?imageView2/2'
|
|
96
125
|
|
|
97
|
-
// 七牛云
|
|
98
|
-
case 'qiniu':
|
|
99
|
-
|
|
100
|
-
const {
|
|
101
|
-
w,
|
|
102
|
-
h,
|
|
103
|
-
q,
|
|
104
|
-
// local,
|
|
105
|
-
format,
|
|
106
|
-
} = Object.assign({
|
|
107
|
-
// 宽
|
|
108
|
-
w: 0,
|
|
109
|
-
// 高
|
|
110
|
-
h: 0,
|
|
111
126
|
// 质量
|
|
112
|
-
q
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
// 格式
|
|
116
|
-
format: 'webp',
|
|
117
|
-
}, params)
|
|
118
|
-
|
|
119
|
-
// 如果是本地路径
|
|
120
|
-
// if (local) {
|
|
121
|
-
// return src
|
|
122
|
-
// }
|
|
123
|
-
|
|
124
|
-
// 裁剪图片方式
|
|
125
|
-
src += '?imageView2/2'
|
|
126
|
-
|
|
127
|
-
// 质量
|
|
128
|
-
if (q) {
|
|
129
|
-
src += '/q/' + q
|
|
130
|
-
}
|
|
127
|
+
if (q) {
|
|
128
|
+
src += '/q/' + q
|
|
129
|
+
}
|
|
131
130
|
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
131
|
+
// 宽
|
|
132
|
+
if (w) {
|
|
133
|
+
src += '/w/' + w
|
|
134
|
+
}
|
|
136
135
|
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
136
|
+
// 高
|
|
137
|
+
if (h) {
|
|
138
|
+
src += '/h/' + h
|
|
139
|
+
}
|
|
141
140
|
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
141
|
+
// 格式
|
|
142
|
+
if (format) {
|
|
143
|
+
src += '/format/' + format
|
|
144
|
+
}
|
|
146
145
|
|
|
147
|
-
|
|
146
|
+
return $n_slash(domain, 'end', true) + src
|
|
147
|
+
}
|
|
148
148
|
}
|
|
149
149
|
}
|
|
150
150
|
}
|