From 492fd784a934f54cf837e51e1ee7e3665154297d Mon Sep 17 00:00:00 2001 From: ht-xiaomei <66928550+ht-xiaomei@users.noreply.github.com> Date: Tue, 29 Oct 2024 15:10:04 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9Ejrkf=E6=A0=B7?= =?UTF-8?q?=E5=BC=8F=E9=85=8D=E7=BD=AE=20(#2674)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- package.json | 1 + src/styles/font-jrkf/config.json | 175 ++ src/styles/font-jrkf/demo.css | 539 ++++++ src/styles/font-jrkf/demo_index.html | 1821 +++++++++++++++++++ src/styles/font-jrkf/iconfont.css | 299 +++ src/styles/font-jrkf/iconfont.eot | Bin 0 -> 26156 bytes src/styles/font-jrkf/iconfont.js | 68 + src/styles/font-jrkf/iconfont.json | 506 ++++++ src/styles/font-jrkf/iconfont.svg | 356 ++++ src/styles/font-jrkf/iconfont.ttf | Bin 0 -> 15436 bytes src/styles/font-jrkf/iconfont.woff | Bin 0 -> 7868 bytes src/styles/font-jrkf/iconfont.woff2 | Bin 0 -> 6460 bytes src/styles/theme-jrkf.scss | 260 +++ src/styles/variables-jrkf.scss | 2504 ++++++++++++++++++++++++++ 14 files changed, 6529 insertions(+) create mode 100644 src/styles/font-jrkf/config.json create mode 100644 src/styles/font-jrkf/demo.css create mode 100644 src/styles/font-jrkf/demo_index.html create mode 100644 src/styles/font-jrkf/iconfont.css create mode 100644 src/styles/font-jrkf/iconfont.eot create mode 100644 src/styles/font-jrkf/iconfont.js create mode 100644 src/styles/font-jrkf/iconfont.json create mode 100644 src/styles/font-jrkf/iconfont.svg create mode 100644 src/styles/font-jrkf/iconfont.ttf create mode 100644 src/styles/font-jrkf/iconfont.woff create mode 100644 src/styles/font-jrkf/iconfont.woff2 create mode 100644 src/styles/theme-jrkf.scss create mode 100644 src/styles/variables-jrkf.scss diff --git a/package.json b/package.json index 30bc722162..092471b820 100644 --- a/package.json +++ b/package.json @@ -55,6 +55,7 @@ "dev": "vite --open --force", "dev:rtl": "VITE_RTL=rtl vite --open --force", "dev:jmapp": "VITE_APP_PROJECT_ID=jmapp vite --open --force", + "dev:jrkf": "VITE_APP_PROJECT_ID=jrkf vite --open --force", "dev:theme": "npm run generate:themes-dev && npm run checked && vite --force --config vite.config.theme.ts", "dev:taro:weapp": "pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev:weapp", "dev:taro:jd": "pnpm run update:taro:entry && pnpm --dir ./packages/nutui-taro-demo dev:jd", diff --git a/src/styles/font-jrkf/config.json b/src/styles/font-jrkf/config.json new file mode 100644 index 0000000000..a9e14e1e2f --- /dev/null +++ b/src/styles/font-jrkf/config.json @@ -0,0 +1,175 @@ +{ + "name": "nutui-icon", + "data": [ + { + "name": "粗体 Icon", + "nameEn": "Bold Icon", + "icons": [ + "order", + "refresh", + "add", + "JD", + "eye", + "dshop", + "my2", + "star", + "del2", + "more-x", + "comment", + "microphone", + "people", + "service", + "cart2", + "location2", + "marshalling", + "fabulous", + "s-follow", + "shop", + "jdl" + ] + }, + { + "name": "细体 Icon", + "nameEn": "Thin Icon", + "icons": [ + "ask", + "tips", + "notice", + "lower", + "top", + "download", + "dongdong", + "JIMI40", + "location", + "scan", + "addfollow", + "search", + "share", + "follow", + "del", + "edit", + "cart", + "home", + "find", + "category", + "my", + "footprint", + "link", + "scan2", + "left", + "close", + "locationg3", + "share", + "shop3", + "message", + "ask2", + "search2", + "clock", + "setting", + "refresh2", + "horizontal", + "date", + "photograph", + "more-s", + "play-stop", + "play-start", + "play-double-back", + "play-double-forward", + "voice", + "image", + "image-error" + ] + }, + { + "name": "应用图标", + "nameEn": "Application Icon", + "icons": [ + "arrow-up", + "arrow-down", + "arrow-up2", + "arrow-down2", + "down-arrow", + "joy-smile", + "close-little", + "horizontal-n", + "share-n", + "heart1", + "heart-fill", + "star-n", + "star-fill-n", + "triangle-down", + "triangle-up" + ] + }, + { + "name": "基础图标", + "nameEn": "Basic Icon", + "icons": [ + "rect-up", + "rect-down", + "rect-left", + "rect-right", + "uploader", + "mask-close", + "circle-close", + "right", + "arrow-right", + "github", + "screen-little", + "plus", + "minus", + "Check", + "issue", + "failure", + "success", + "retweet", + "poweroff-circle-fill", + "play-circle-fill", + "checked", + "checklist", + "check-disabled", + "check-normal", + "check-checked", + "loading", + "loading1" + ] + } + + ], + "style":[ + { + "name": "通用动态样式", + "nameEn": "Universal Dynamic Style", + "icons": [{ + "name":"dou-arrow-up", + "animation-name":"am-jump", + "animation-time":"am-infinite" + },{ + "name":"star", + "animation-name":"am-blink", + "animation-time":"am-infinite" + },{ + "name":"refresh2", + "animation-name":"am-rotate", + "animation-time":"am-infinite" + },{ + "name":"heart-fill", + "animation-name":"am-breathe", + "animation-time":"am-infinite" + },{ + "name":"microphone", + "animation-name":"am-flash", + "animation-time":"am-infinite" + },{ + "name":"download", + "animation-name":"am-bounce", + "animation-time":"am-infinite" + },{ + "name":"message", + "animation-name":"am-shake", + "animation-time":"am-infinite" + } + ] + } + ] +} \ No newline at end of file diff --git a/src/styles/font-jrkf/demo.css b/src/styles/font-jrkf/demo.css new file mode 100644 index 0000000000..a67054a0a0 --- /dev/null +++ b/src/styles/font-jrkf/demo.css @@ -0,0 +1,539 @@ +/* Logo 字体 */ +@font-face { + font-family: "iconfont logo"; + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834'); + src: url('https://at.alicdn.com/t/font_985780_km7mi63cihi.eot?t=1545807318834#iefix') format('embedded-opentype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.woff?t=1545807318834') format('woff'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.ttf?t=1545807318834') format('truetype'), + url('https://at.alicdn.com/t/font_985780_km7mi63cihi.svg?t=1545807318834#iconfont') format('svg'); +} + +.logo { + font-family: "iconfont logo"; + font-size: 160px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +/* tabs */ +.nav-tabs { + position: relative; +} + +.nav-tabs .nav-more { + position: absolute; + right: 0; + bottom: 0; + height: 42px; + line-height: 42px; + color: #666; +} + +#tabs { + border-bottom: 1px solid #eee; +} + +#tabs li { + cursor: pointer; + width: 100px; + height: 40px; + line-height: 40px; + text-align: center; + font-size: 16px; + border-bottom: 2px solid transparent; + position: relative; + z-index: 1; + margin-bottom: -1px; + color: #666; +} + + +#tabs .active { + border-bottom-color: #f00; + color: #222; +} + +.tab-container .content { + display: none; +} + +/* 页面布局 */ +.main { + padding: 30px 100px; + width: 960px; + margin: 0 auto; +} + +.main .logo { + color: #333; + text-align: left; + margin-bottom: 30px; + line-height: 1; + height: 110px; + margin-top: -50px; + overflow: hidden; + *zoom: 1; +} + +.main .logo a { + font-size: 160px; + color: #333; +} + +.helps { + margin-top: 40px; +} + +.helps pre { + padding: 20px; + margin: 10px 0; + border: solid 1px #e7e1cd; + background-color: #fffdef; + overflow: auto; +} + +.icon_lists { + width: 100% !important; + overflow: hidden; + *zoom: 1; +} + +.icon_lists li { + width: 100px; + margin-bottom: 10px; + margin-right: 20px; + text-align: center; + list-style: none !important; + cursor: default; +} + +.icon_lists li .code-name { + line-height: 1.2; +} + +.icon_lists .icon { + display: block; + height: 100px; + line-height: 100px; + font-size: 42px; + margin: 10px auto; + color: #333; + -webkit-transition: font-size 0.25s linear, width 0.25s linear; + -moz-transition: font-size 0.25s linear, width 0.25s linear; + transition: font-size 0.25s linear, width 0.25s linear; +} + +.icon_lists .icon:hover { + font-size: 100px; +} + +.icon_lists .svg-icon { + /* 通过设置 font-size 来改变图标大小 */ + width: 1em; + /* 图标和文字相邻时，垂直对齐 */ + vertical-align: -0.15em; + /* 通过设置 color 来改变 SVG 的颜色/fill */ + fill: currentColor; + /* path 和 stroke 溢出 viewBox 部分在 IE 下会显示 + normalize.css 中也包含这行 */ + overflow: hidden; +} + +.icon_lists li .name, +.icon_lists li .code-name { + color: #666; +} + +/* markdown 样式 */ +.markdown { + color: #666; + font-size: 14px; + line-height: 1.8; +} + +.highlight { + line-height: 1.5; +} + +.markdown img { + vertical-align: middle; + max-width: 100%; +} + +.markdown h1 { + color: #404040; + font-weight: 500; + line-height: 40px; + margin-bottom: 24px; +} + +.markdown h2, +.markdown h3, +.markdown h4, +.markdown h5, +.markdown h6 { + color: #404040; + margin: 1.6em 0 0.6em 0; + font-weight: 500; + clear: both; +} + +.markdown h1 { + font-size: 28px; +} + +.markdown h2 { + font-size: 22px; +} + +.markdown h3 { + font-size: 16px; +} + +.markdown h4 { + font-size: 14px; +} + +.markdown h5 { + font-size: 12px; +} + +.markdown h6 { + font-size: 12px; +} + +.markdown hr { + height: 1px; + border: 0; + background: #e9e9e9; + margin: 16px 0; + clear: both; +} + +.markdown p { + margin: 1em 0; +} + +.markdown>p, +.markdown>blockquote, +.markdown>.highlight, +.markdown>ol, +.markdown>ul { + width: 80%; +} + +.markdown ul>li { + list-style: circle; +} + +.markdown>ul li, +.markdown blockquote ul>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown>ul li p, +.markdown>ol li p { + margin: 0.6em 0; +} + +.markdown ol>li { + list-style: decimal; +} + +.markdown>ol li, +.markdown blockquote ol>li { + margin-left: 20px; + padding-left: 4px; +} + +.markdown code { + margin: 0 3px; + padding: 0 5px; + background: #eee; + border-radius: 3px; +} + +.markdown strong, +.markdown b { + font-weight: 600; +} + +.markdown>table { + border-collapse: collapse; + border-spacing: 0px; + empty-cells: show; + border: 1px solid #e9e9e9; + width: 95%; + margin-bottom: 24px; +} + +.markdown>table th { + white-space: nowrap; + color: #333; + font-weight: 600; +} + +.markdown>table th, +.markdown>table td { + border: 1px solid #e9e9e9; + padding: 8px 16px; + text-align: left; +} + +.markdown>table th { + background: #F7F7F7; +} + +.markdown blockquote { + font-size: 90%; + color: #999; + border-left: 4px solid #e9e9e9; + padding-left: 0.8em; + margin: 1em 0; +} + +.markdown blockquote p { + margin: 0; +} + +.markdown .anchor { + opacity: 0; + transition: opacity 0.3s ease; + margin-left: 8px; +} + +.markdown .waiting { + color: #ccc; +} + +.markdown h1:hover .anchor, +.markdown h2:hover .anchor, +.markdown h3:hover .anchor, +.markdown h4:hover .anchor, +.markdown h5:hover .anchor, +.markdown h6:hover .anchor { + opacity: 1; + display: inline-block; +} + +.markdown>br, +.markdown>p>br { + clear: both; +} + + +.hljs { + display: block; + background: white; + padding: 0.5em; + color: #333333; + overflow-x: auto; +} + +.hljs-comment, +.hljs-meta { + color: #969896; +} + +.hljs-string, +.hljs-variable, +.hljs-template-variable, +.hljs-strong, +.hljs-emphasis, +.hljs-quote { + color: #df5000; +} + +.hljs-keyword, +.hljs-selector-tag, +.hljs-type { + color: #a71d5d; +} + +.hljs-literal, +.hljs-symbol, +.hljs-bullet, +.hljs-attribute { + color: #0086b3; +} + +.hljs-section, +.hljs-name { + color: #63a35c; +} + +.hljs-tag { + color: #333333; +} + +.hljs-title, +.hljs-attr, +.hljs-selector-id, +.hljs-selector-class, +.hljs-selector-attr, +.hljs-selector-pseudo { + color: #795da3; +} + +.hljs-addition { + color: #55a532; + background-color: #eaffea; +} + +.hljs-deletion { + color: #bd2c00; + background-color: #ffecec; +} + +.hljs-link { + text-decoration: underline; +} + +/* 代码高亮 */ +/* PrismJS 1.15.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript */ +/** + * prism.js default theme for JavaScript, CSS and HTML + * Based on dabblet (http://dabblet.com) + * @author Lea Verou + */ +code[class*="language-"], +pre[class*="language-"] { + color: black; + background: none; + text-shadow: 0 1px white; + font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; + text-align: left; + white-space: pre; + word-spacing: normal; + word-break: normal; + word-wrap: normal; + line-height: 1.5; + + -moz-tab-size: 4; + -o-tab-size: 4; + tab-size: 4; + + -webkit-hyphens: none; + -moz-hyphens: none; + -ms-hyphens: none; + hyphens: none; +} + +pre[class*="language-"]::-moz-selection, +pre[class*="language-"] ::-moz-selection, +code[class*="language-"]::-moz-selection, +code[class*="language-"] ::-moz-selection { + text-shadow: none; + background: #b3d4fc; +} + +pre[class*="language-"]::selection, +pre[class*="language-"] ::selection, +code[class*="language-"]::selection, +code[class*="language-"] ::selection { + text-shadow: none; + background: #b3d4fc; +} + +@media print { + + code[class*="language-"], + pre[class*="language-"] { + text-shadow: none; + } +} + +/* Code blocks */ +pre[class*="language-"] { + padding: 1em; + margin: .5em 0; + overflow: auto; +} + +:not(pre)>code[class*="language-"], +pre[class*="language-"] { + background: #f5f2f0; +} + +/* Inline code */ +:not(pre)>code[class*="language-"] { + padding: .1em; + border-radius: .3em; + white-space: normal; +} + +.token.comment, +.token.prolog, +.token.doctype, +.token.cdata { + color: slategray; +} + +.token.punctuation { + color: #999; +} + +.namespace { + opacity: .7; +} + +.token.property, +.token.tag, +.token.boolean, +.token.number, +.token.constant, +.token.symbol, +.token.deleted { + color: #905; +} + +.token.selector, +.token.attr-name, +.token.string, +.token.char, +.token.builtin, +.token.inserted { + color: #690; +} + +.token.operator, +.token.entity, +.token.url, +.language-css .token.string, +.style .token.string { + color: #9a6e3a; + background: hsla(0, 0%, 100%, .5); +} + +.token.atrule, +.token.attr-value, +.token.keyword { + color: #07a; +} + +.token.function, +.token.class-name { + color: #DD4A68; +} + +.token.regex, +.token.important, +.token.variable { + color: #e90; +} + +.token.important, +.token.bold { + font-weight: bold; +} + +.token.italic { + font-style: italic; +} + +.token.entity { + cursor: help; +} diff --git a/src/styles/font-jrkf/demo_index.html b/src/styles/font-jrkf/demo_index.html new file mode 100644 index 0000000000..70b19a1697 --- /dev/null +++ b/src/styles/font-jrkf/demo_index.html @@ -0,0 +1,1821 @@ + + + + + iconfont Demo + + + + + + + + + + + + + +
+

+ + +

+
+ + + 查看项目 + +
+
+
+
    + +
  • + +
    photograph-line
    +
    &#xe65e;
    +
    • + +
  • + +
    qr-scan-2-line
    +
    &#xe65f;
    +
    • + +
  • + +
    cloud-line
    +
    &#xe660;
    +
    • + +
  • + +
    new-built
    +
    &#xe658;
    +
    • + +
  • + +
    capacity
    +
    &#xe659;
    +
    • + +
  • + +
    switch
    +
    &#xe65a;
    +
    • + +
  • + +
    upload
    +
    &#xe65b;
    +
    • + +
  • + +
    Batch operation
    +
    &#xe65c;
    +
    • + +
  • + +
    top
    +
    &#xe65d;
    +
    • + +
  • + +
    left
    +
    &#xe655;
    +
    • + +
  • + +
    down
    +
    &#xe656;
    +
    • + +
  • + +
    up
    +
    &#xe657;
    +
    • + +
  • + +
    save
    +
    &#xe653;
    +
    • + +
  • + +
    horizontal-n
    +
    &#xe654;
    +
    • + +
  • + +
    ask
    +
    &#xe61a;
    +
    • + +
  • + +
    check-disabled
    +
    &#xe61b;
    +
    • + +
  • + +
    bookmark
    +
    &#xe61c;
    +
    • + +
  • + +
    check-normal
    +
    &#xe61d;
    +
    • + +
  • + +
    close-little
    +
    &#xe61e;
    +
    • + +
  • + +
    date
    +
    &#xe61f;
    +
    • + +
  • + +
    edit
    +
    &#xe620;
    +
    • + +
  • + +
    checked
    +
    &#xe621;
    +
    • + +
  • + +
    del2
    +
    &#xe622;
    +
    • + +
  • + +
    copy-1
    +
    &#xe623;
    +
    • + +
  • + +
    home
    +
    &#xe624;
    +
    • + +
  • + +
    filter
    +
    &#xe625;
    +
    • + +
  • + +
    download
    +
    &#xe626;
    +
    • + +
  • + +
    copy
    +
    &#xe627;
    +
    • + +
  • + +
    image
    +
    &#xe628;
    +
    • + +
  • + +
    add
    +
    &#xe629;
    +
    • + +
  • + +
    mask-close
    +
    &#xe62a;
    +
    • + +
  • + +
    Check
    +
    &#xe62b;
    +
    • + +
  • + +
    locationg3
    +
    &#xe62c;
    +
    • + +
  • + +
    go-back
    +
    &#xe62d;
    +
    • + +
  • + +
    message
    +
    &#xe62e;
    +
    • + +
  • + +
    fabulous
    +
    &#xe62f;
    +
    • + +
  • + +
    failure
    +
    &#xe630;
    +
    • + +
  • + +
    minus
    +
    &#xe631;
    +
    • + +
  • + +
    loading
    +
    &#xe632;
    +
    • + +
  • + +
    marshalling
    +
    &#xe633;
    +
    • + +
  • + +
    play-stop
    +
    &#xe634;
    +
    • + +
  • + +
    photograph
    +
    &#xe635;
    +
    • + +
  • + +
    my2
    +
    &#xe636;
    +
    • + +
  • + +
    microphone
    +
    &#xe637;
    +
    • + +
  • + +
    play-circle-fill
    +
    &#xe638;
    +
    • + +
  • + +
    play-start
    +
    &#xe639;
    +
    • + +
  • + +
    poweroff-circle-fill
    +
    &#xe63a;
    +
    • + +
  • + +
    right
    +
    &#xe63b;
    +
    • + +
  • + +
    plus
    +
    &#xe63c;
    +
    • + +
  • + +
    retweet
    +
    &#xe63d;
    +
    • + +
  • + +
    notice
    +
    &#xe63e;
    +
    • + +
  • + +
    s-follow
    +
    &#xe63f;
    +
    • + +
  • + +
    refresh
    +
    &#xe640;
    +
    • + +
  • + +
    scan2
    +
    &#xe641;
    +
    • + +
  • + +
    triangle-down
    +
    &#xe642;
    +
    • + +
  • + +
    ticket
    +
    &#xe643;
    +
    • + +
  • + +
    eye
    +
    &#xe644;
    +
    • + +
  • + +
    star
    +
    &#xe645;
    +
    • + +
  • + +
    link
    +
    &#xe646;
    +
    • + +
  • + +
    success
    +
    &#xe647;
    +
    • + +
  • + +
    triangle-up
    +
    &#xe648;
    +
    • + +
  • + +
    search2
    +
    &#xe649;
    +
    • + +
  • + +
    share-n
    +
    &#xe64a;
    +
    • + +
  • + +
    jdl
    +
    &#xe64b;
    +
    • + +
  • + +
    volume
    +
    &#xe64c;
    +
    • + +
  • + +
    wallet
    +
    &#xe64d;
    +
    • + +
  • + +
    more-x
    +
    &#xe64e;
    +
    • + +
  • + +
    more-s
    +
    &#xe64f;
    +
    • + +
  • + +
    bank-card
    +
    &#xe650;
    +
    • + +
  • + +
    service
    +
    &#xe651;
    +
    • + +
  • + +
    warning
    +
    &#xe652;
    +
    • + +
+
+

Unicode 引用

+
+ +

Unicode 是字体在网页端最原始的应用方式，特点是：

+
    +
  • 支持按字体的方式去动态调整图标大小，颜色等等。
    • +
  • 默认情况下不支持多色，直接添加多色图标会自动去色。
    • +
+
+

注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

+
+

Unicode 使用步骤如下：

+

第一步：拷贝项目下面生成的 @font-face

+
@font-face {
+  font-family: 'nutui-iconfont';
+  src: url('iconfont.woff2?t=1672726613438') format('woff2'),
+       url('iconfont.woff?t=1672726613438') format('woff'),
+       url('iconfont.ttf?t=1672726613438') format('truetype');
+}
+
+

第二步：定义使用 iconfont 的样式

+
.nutui-iconfont {
+  font-family: "nutui-iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+

第三步：挑选相应图标并获取字体编码，应用于页面

+
+<span class="nutui-iconfont">&#x33;</span>
+
+
+

"nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    + photograph-line +
    +
    .nut-icon-photograph-line +
    +
    • + +
  • + +
    + qr-scan-2-line +
    +
    .nut-icon-qr-scan-2-line +
    +
    • + +
  • + +
    + cloud-line +
    +
    .nut-icon-cloud-line +
    +
    • + +
  • + +
    + new-built +
    +
    .nut-icon-new-built +
    +
    • + +
  • + +
    + capacity +
    +
    .nut-icon-capacity +
    +
    • + +
  • + +
    + switch +
    +
    .nut-icon-switch +
    +
    • + +
  • + +
    + upload +
    +
    .nut-icon-upload +
    +
    • + +
  • + +
    + Batch operation +
    +
    .nut-icon-a-Batchoperation +
    +
    • + +
  • + +
    + top +
    +
    .nut-icon-top +
    +
    • + +
  • + +
    + left +
    +
    .nut-icon-left +
    +
    • + +
  • + +
    + down +
    +
    .nut-icon-down +
    +
    • + +
  • + +
    + up +
    +
    .nut-icon-up +
    +
    • + +
  • + +
    + save +
    +
    .nut-icon-save +
    +
    • + +
  • + +
    + horizontal-n +
    +
    .nut-icon-horizontal-n +
    +
    • + +
  • + +
    + ask +
    +
    .nut-icon-ask +
    +
    • + +
  • + +
    + check-disabled +
    +
    .nut-icon-check-disabled +
    +
    • + +
  • + +
    + bookmark +
    +
    .nut-icon-bookmark +
    +
    • + +
  • + +
    + check-normal +
    +
    .nut-icon-check-normal +
    +
    • + +
  • + +
    + close-little +
    +
    .nut-icon-close-little +
    +
    • + +
  • + +
    + date +
    +
    .nut-icon-date +
    +
    • + +
  • + +
    + edit +
    +
    .nut-icon-edit +
    +
    • + +
  • + +
    + checked +
    +
    .nut-icon-checked +
    +
    • + +
  • + +
    + del2 +
    +
    .nut-icon-del2 +
    +
    • + +
  • + +
    + copy-1 +
    +
    .nut-icon-copy-1 +
    +
    • + +
  • + +
    + home +
    +
    .nut-icon-home +
    +
    • + +
  • + +
    + filter +
    +
    .nut-icon-filter +
    +
    • + +
  • + +
    + download +
    +
    .nut-icon-download +
    +
    • + +
  • + +
    + copy +
    +
    .nut-icon-copy +
    +
    • + +
  • + +
    + image +
    +
    .nut-icon-image +
    +
    • + +
  • + +
    + add +
    +
    .nut-icon-add +
    +
    • + +
  • + +
    + mask-close +
    +
    .nut-icon-mask-close +
    +
    • + +
  • + +
    + Check +
    +
    .nut-icon-Check +
    +
    • + +
  • + +
    + locationg3 +
    +
    .nut-icon-locationg3 +
    +
    • + +
  • + +
    + go-back +
    +
    .nut-icon-go-back +
    +
    • + +
  • + +
    + message +
    +
    .nut-icon-message +
    +
    • + +
  • + +
    + fabulous +
    +
    .nut-icon-fabulous +
    +
    • + +
  • + +
    + failure +
    +
    .nut-icon-failure +
    +
    • + +
  • + +
    + minus +
    +
    .nut-icon-minus +
    +
    • + +
  • + +
    + loading +
    +
    .nut-icon-loading +
    +
    • + +
  • + +
    + marshalling +
    +
    .nut-icon-marshalling +
    +
    • + +
  • + +
    + play-stop +
    +
    .nut-icon-play-stop +
    +
    • + +
  • + +
    + photograph +
    +
    .nut-icon-photograph +
    +
    • + +
  • + +
    + my2 +
    +
    .nut-icon-my2 +
    +
    • + +
  • + +
    + microphone +
    +
    .nut-icon-microphone +
    +
    • + +
  • + +
    + play-circle-fill +
    +
    .nut-icon-play-circle-fill +
    +
    • + +
  • + +
    + play-start +
    +
    .nut-icon-play-start +
    +
    • + +
  • + +
    + poweroff-circle-fill +
    +
    .nut-icon-poweroff-circle-fill +
    +
    • + +
  • + +
    + right +
    +
    .nut-icon-right +
    +
    • + +
  • + +
    + plus +
    +
    .nut-icon-plus +
    +
    • + +
  • + +
    + retweet +
    +
    .nut-icon-retweet +
    +
    • + +
  • + +
    + notice +
    +
    .nut-icon-notice +
    +
    • + +
  • + +
    + s-follow +
    +
    .nut-icon-s-follow +
    +
    • + +
  • + +
    + refresh +
    +
    .nut-icon-refresh +
    +
    • + +
  • + +
    + scan2 +
    +
    .nut-icon-scan2 +
    +
    • + +
  • + +
    + triangle-down +
    +
    .nut-icon-triangle-down +
    +
    • + +
  • + +
    + ticket +
    +
    .nut-icon-ticket +
    +
    • + +
  • + +
    + eye +
    +
    .nut-icon-eye +
    +
    • + +
  • + +
    + star +
    +
    .nut-icon-star +
    +
    • + +
  • + +
    + link +
    +
    .nut-icon-link +
    +
    • + +
  • + +
    + success +
    +
    .nut-icon-success +
    +
    • + +
  • + +
    + triangle-up +
    +
    .nut-icon-triangle-up +
    +
    • + +
  • + +
    + search2 +
    +
    .nut-icon-search2 +
    +
    • + +
  • + +
    + share-n +
    +
    .nut-icon-share-n +
    +
    • + +
  • + +
    + jdl +
    +
    .nut-icon-jdl +
    +
    • + +
  • + +
    + volume +
    +
    .nut-icon-volume +
    +
    • + +
  • + +
    + wallet +
    +
    .nut-icon-wallet +
    +
    • + +
  • + +
    + more-x +
    +
    .nut-icon-more-x +
    +
    • + +
  • + +
    + more-s +
    +
    .nut-icon-more-s +
    +
    • + +
  • + +
    + bank-card +
    +
    .nut-icon-bank-card +
    +
    • + +
  • + +
    + service +
    +
    .nut-icon-service +
    +
    • + +
  • + +
    + warning +
    +
    .nut-icon-warning +
    +
    • + +
+
+

font-class 引用

+
+ +

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

+

与 Unicode 使用方式相比，具有如下特点：

+
    +
  • 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
    • +
  • 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 fontclass 代码：

+
<link rel="stylesheet" href="./iconfont.css">
+
+

第二步：挑选相应图标并获取类名，应用于页面：

+
<span class="nutui-iconfont nut-icon-xxx"></span>
+
+
+

" + nutui-iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

+
+
+
+
+
    + +
  • + +
    photograph-line
    +
    #nut-icon-photograph-line
    +
    • + +
  • + +
    qr-scan-2-line
    +
    #nut-icon-qr-scan-2-line
    +
    • + +
  • + +
    cloud-line
    +
    #nut-icon-cloud-line
    +
    • + +
  • + +
    new-built
    +
    #nut-icon-new-built
    +
    • + +
  • + +
    capacity
    +
    #nut-icon-capacity
    +
    • + +
  • + +
    switch
    +
    #nut-icon-switch
    +
    • + +
  • + +
    upload
    +
    #nut-icon-upload
    +
    • + +
  • + +
    Batch operation
    +
    #nut-icon-a-Batchoperation
    +
    • + +
  • + +
    top
    +
    #nut-icon-top
    +
    • + +
  • + +
    left
    +
    #nut-icon-left
    +
    • + +
  • + +
    down
    +
    #nut-icon-down
    +
    • + +
  • + +
    up
    +
    #nut-icon-up
    +
    • + +
  • + +
    save
    +
    #nut-icon-save
    +
    • + +
  • + +
    horizontal-n
    +
    #nut-icon-horizontal-n
    +
    • + +
  • + +
    ask
    +
    #nut-icon-ask
    +
    • + +
  • + +
    check-disabled
    +
    #nut-icon-check-disabled
    +
    • + +
  • + +
    bookmark
    +
    #nut-icon-bookmark
    +
    • + +
  • + +
    check-normal
    +
    #nut-icon-check-normal
    +
    • + +
  • + +
    close-little
    +
    #nut-icon-close-little
    +
    • + +
  • + +
    date
    +
    #nut-icon-date
    +
    • + +
  • + +
    edit
    +
    #nut-icon-edit
    +
    • + +
  • + +
    checked
    +
    #nut-icon-checked
    +
    • + +
  • + +
    del2
    +
    #nut-icon-del2
    +
    • + +
  • + +
    copy-1
    +
    #nut-icon-copy-1
    +
    • + +
  • + +
    home
    +
    #nut-icon-home
    +
    • + +
  • + +
    filter
    +
    #nut-icon-filter
    +
    • + +
  • + +
    download
    +
    #nut-icon-download
    +
    • + +
  • + +
    copy
    +
    #nut-icon-copy
    +
    • + +
  • + +
    image
    +
    #nut-icon-image
    +
    • + +
  • + +
    add
    +
    #nut-icon-add
    +
    • + +
  • + +
    mask-close
    +
    #nut-icon-mask-close
    +
    • + +
  • + +
    Check
    +
    #nut-icon-Check
    +
    • + +
  • + +
    locationg3
    +
    #nut-icon-locationg3
    +
    • + +
  • + +
    go-back
    +
    #nut-icon-go-back
    +
    • + +
  • + +
    message
    +
    #nut-icon-message
    +
    • + +
  • + +
    fabulous
    +
    #nut-icon-fabulous
    +
    • + +
  • + +
    failure
    +
    #nut-icon-failure
    +
    • + +
  • + +
    minus
    +
    #nut-icon-minus
    +
    • + +
  • + +
    loading
    +
    #nut-icon-loading
    +
    • + +
  • + +
    marshalling
    +
    #nut-icon-marshalling
    +
    • + +
  • + +
    play-stop
    +
    #nut-icon-play-stop
    +
    • + +
  • + +
    photograph
    +
    #nut-icon-photograph
    +
    • + +
  • + +
    my2
    +
    #nut-icon-my2
    +
    • + +
  • + +
    microphone
    +
    #nut-icon-microphone
    +
    • + +
  • + +
    play-circle-fill
    +
    #nut-icon-play-circle-fill
    +
    • + +
  • + +
    play-start
    +
    #nut-icon-play-start
    +
    • + +
  • + +
    poweroff-circle-fill
    +
    #nut-icon-poweroff-circle-fill
    +
    • + +
  • + +
    right
    +
    #nut-icon-right
    +
    • + +
  • + +
    plus
    +
    #nut-icon-plus
    +
    • + +
  • + +
    retweet
    +
    #nut-icon-retweet
    +
    • + +
  • + +
    notice
    +
    #nut-icon-notice
    +
    • + +
  • + +
    s-follow
    +
    #nut-icon-s-follow
    +
    • + +
  • + +
    refresh
    +
    #nut-icon-refresh
    +
    • + +
  • + +
    scan2
    +
    #nut-icon-scan2
    +
    • + +
  • + +
    triangle-down
    +
    #nut-icon-triangle-down
    +
    • + +
  • + +
    ticket
    +
    #nut-icon-ticket
    +
    • + +
  • + +
    eye
    +
    #nut-icon-eye
    +
    • + +
  • + +
    star
    +
    #nut-icon-star
    +
    • + +
  • + +
    link
    +
    #nut-icon-link
    +
    • + +
  • + +
    success
    +
    #nut-icon-success
    +
    • + +
  • + +
    triangle-up
    +
    #nut-icon-triangle-up
    +
    • + +
  • + +
    search2
    +
    #nut-icon-search2
    +
    • + +
  • + +
    share-n
    +
    #nut-icon-share-n
    +
    • + +
  • + +
    jdl
    +
    #nut-icon-jdl
    +
    • + +
  • + +
    volume
    +
    #nut-icon-volume
    +
    • + +
  • + +
    wallet
    +
    #nut-icon-wallet
    +
    • + +
  • + +
    more-x
    +
    #nut-icon-more-x
    +
    • + +
  • + +
    more-s
    +
    #nut-icon-more-s
    +
    • + +
  • + +
    bank-card
    +
    #nut-icon-bank-card
    +
    • + +
  • + +
    service
    +
    #nut-icon-service
    +
    • + +
  • + +
    warning
    +
    #nut-icon-warning
    +
    • + +
+
+

Symbol 引用

+
+ +

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 + 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

+
    +
  • 支持多色图标了，不再受单色限制。
    • +
  • 通过一些技巧，支持像字体那样，通过 font-size, color 来调整样式。
    • +
  • 兼容性较差，支持 IE9+，及现代浏览器。
    • +
  • 浏览器渲染 SVG 的性能一般，还不如 png。
    • +
+

使用步骤如下：

+

第一步：引入项目下面生成的 symbol 代码：

+
<script src="./iconfont.js"></script>
+
+

第二步：加入通用 CSS 代码（引入一次就行）：

+
<style>
+.icon {
+  width: 1em;
+  height: 1em;
+  vertical-align: -0.15em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>
+
+

第三步：挑选相应图标并获取类名，应用于页面：

+
<svg class="icon" aria-hidden="true">
+  <use xlink:href="#icon-xxx"></use>
+</svg>
+
+
+
+ +
+
+ + + diff --git a/src/styles/font-jrkf/iconfont.css b/src/styles/font-jrkf/iconfont.css new file mode 100644 index 0000000000..4830cfb3fc --- /dev/null +++ b/src/styles/font-jrkf/iconfont.css @@ -0,0 +1,299 @@ +@font-face { + font-family: "nutui-iconfont"; /* Project id 3744858 */ + src: url('iconfont.woff2?t=1672726613438') format('woff2'), + url('iconfont.woff?t=1672726613438') format('woff'), + url('iconfont.ttf?t=1672726613438') format('truetype'); +} + +.nutui-iconfont { + font-family: "nutui-iconfont" !important; + font-size: 16px; + font-style: normal; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.nut-icon-photograph-line:before { + content: "\e65e"; +} + +.nut-icon-qr-scan-2-line:before { + content: "\e65f"; +} + +.nut-icon-cloud-line:before { + content: "\e660"; +} + +.nut-icon-new-built:before { + content: "\e658"; +} + +.nut-icon-capacity:before { + content: "\e659"; +} + +.nut-icon-switch:before { + content: "\e65a"; +} + +.nut-icon-upload:before { + content: "\e65b"; +} + +.nut-icon-a-Batchoperation:before { + content: "\e65c"; +} + +.nut-icon-top:before { + content: "\e65d"; +} + +.nut-icon-left:before { + content: "\e655"; +} + +.nut-icon-down:before { + content: "\e656"; +} + +.nut-icon-up:before { + content: "\e657"; +} + +.nut-icon-save:before { + content: "\e653"; +} + +.nut-icon-horizontal-n:before { + content: "\e654"; +} + +.nut-icon-ask:before { + content: "\e61a"; +} + +.nut-icon-check-disabled:before { + content: "\e61b"; +} + +.nut-icon-bookmark:before { + content: "\e61c"; +} + +.nut-icon-check-normal:before { + content: "\e61d"; +} + +.nut-icon-close-little:before { + content: "\e61e"; +} + +.nut-icon-date:before { + content: "\e61f"; +} + +.nut-icon-edit:before { + content: "\e620"; +} + +.nut-icon-checked:before { + content: "\e621"; +} + +.nut-icon-del2:before { + content: "\e622"; +} + +.nut-icon-copy-1:before { + content: "\e623"; +} + +.nut-icon-home:before { + content: "\e624"; +} + +.nut-icon-filter:before { + content: "\e625"; +} + +.nut-icon-download:before { + content: "\e626"; +} + +.nut-icon-copy:before { + content: "\e627"; +} + +.nut-icon-image:before { + content: "\e628"; +} + +.nut-icon-add:before { + content: "\e629"; +} + +.nut-icon-mask-close:before { + content: "\e62a"; +} + +.nut-icon-Check:before { + content: "\e62b"; +} + +.nut-icon-locationg3:before { + content: "\e62c"; +} + +.nut-icon-go-back:before { + content: "\e62d"; +} + +.nut-icon-message:before { + content: "\e62e"; +} + +.nut-icon-fabulous:before { + content: "\e62f"; +} + +.nut-icon-failure:before { + content: "\e630"; +} + +.nut-icon-minus:before { + content: "\e631"; +} + +.nut-icon-loading:before { + content: "\e632"; +} + +.nut-icon-marshalling:before { + content: "\e633"; +} + +.nut-icon-play-stop:before { + content: "\e634"; +} + +.nut-icon-photograph:before { + content: "\e635"; +} + +.nut-icon-my2:before { + content: "\e636"; +} + +.nut-icon-microphone:before { + content: "\e637"; +} + +.nut-icon-play-circle-fill:before { + content: "\e638"; +} + +.nut-icon-play-start:before { + content: "\e639"; +} + +.nut-icon-poweroff-circle-fill:before { + content: "\e63a"; +} + +.nut-icon-right:before { + content: "\e63b"; +} + +.nut-icon-plus:before { + content: "\e63c"; +} + +.nut-icon-retweet:before { + content: "\e63d"; +} + +.nut-icon-notice:before { + content: "\e63e"; +} + +.nut-icon-s-follow:before { + content: "\e63f"; +} + +.nut-icon-refresh:before { + content: "\e640"; +} + +.nut-icon-scan2:before { + content: "\e641"; +} + +.nut-icon-triangle-down:before { + content: "\e642"; +} + +.nut-icon-ticket:before { + content: "\e643"; +} + +.nut-icon-eye:before { + content: "\e644"; +} + +.nut-icon-star:before { + content: "\e645"; +} + +.nut-icon-link:before { + content: "\e646"; +} + +.nut-icon-success:before { + content: "\e647"; +} + +.nut-icon-triangle-up:before { + content: "\e648"; +} + +.nut-icon-search2:before { + content: "\e649"; +} + +.nut-icon-share-n:before { + content: "\e64a"; +} + +.nut-icon-jdl:before { + content: "\e64b"; +} + +.nut-icon-volume:before { + content: "\e64c"; +} + +.nut-icon-wallet:before { + content: "\e64d"; +} + +.nut-icon-more-x:before { + content: "\e64e"; +} + +.nut-icon-more-s:before { + content: "\e64f"; +} + +.nut-icon-bank-card:before { + content: "\e650"; +} + +.nut-icon-service:before { + content: "\e651"; +} + +.nut-icon-warning:before { + content: "\e652"; +} + diff --git a/src/styles/font-jrkf/iconfont.eot b/src/styles/font-jrkf/iconfont.eot new file mode 100644 index 0000000000000000000000000000000000000000..b61e9b91bb37ff8977d51a44b347b509e89b2635 GIT binary patch literal 26156 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'), + (function (o) { + var a = (a = document.getElementsByTagName('script'))[a.length - 1], + l = a.getAttribute('data-injectcss'), + a = a.getAttribute('data-disable-injectsvg') + if (!a) { + var h, + t, + i, + v, + m, + n = function (a, l) { + l.parentNode.insertBefore(a, l) + } + if (l && !o.__iconfont__svg__cssinject__) { + o.__iconfont__svg__cssinject__ = !0 + try { + document.write( + '' + ) + } catch (a) { + console && console.log(a) + } + } + ;(h = function () { + var a, + l = document.createElement('div') + ;(l.innerHTML = o._iconfont_svg_string_3744858), + (l = l.getElementsByTagName('svg')[0]) && + (l.setAttribute('aria-hidden', 'true'), + (l.style.position = 'absolute'), + (l.style.width = 0), + (l.style.height = 0), + (l.style.overflow = 'hidden'), + (l = l), + (a = document.body).firstChild + ? n(l, a.firstChild) + : a.appendChild(l)) + }), + document.addEventListener + ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) + ? setTimeout(h, 0) + : ((t = function () { + document.removeEventListener('DOMContentLoaded', t, !1), h() + }), + document.addEventListener('DOMContentLoaded', t, !1)) + : document.attachEvent && + ((i = h), + (v = o.document), + (m = !1), + c(), + (v.onreadystatechange = function () { + 'complete' == v.readyState && ((v.onreadystatechange = null), s()) + })) + } + function s() { + m || ((m = !0), i()) + } + function c() { + try { + v.documentElement.doScroll('left') + } catch (a) { + return void setTimeout(c, 50) + } + s() + } + })(window) diff --git a/src/styles/font-jrkf/iconfont.json b/src/styles/font-jrkf/iconfont.json new file mode 100644 index 0000000000..957ad7bb82 --- /dev/null +++ b/src/styles/font-jrkf/iconfont.json @@ -0,0 +1,506 @@ +{ + "id": "3744858", + "name": "nutui", + "font_family": "nutui-iconfont", + "css_prefix_text": "nut-icon-", + "description": "", + "glyphs": [ + { + "icon_id": "33614967", + "name": "photograph-line", + "font_class": "photograph-line", + "unicode": "e65e", + "unicode_decimal": 58974 + }, + { + "icon_id": "33614968", + "name": "qr-scan-2-line", + "font_class": "qr-scan-2-line", + "unicode": "e65f", + "unicode_decimal": 58975 + }, + { + "icon_id": "33614969", + "name": "cloud-line", + "font_class": "cloud-line", + "unicode": "e660", + "unicode_decimal": 58976 + }, + { + "icon_id": "33445449", + "name": "new-built", + "font_class": "new-built", + "unicode": "e658", + "unicode_decimal": 58968 + }, + { + "icon_id": "33445450", + "name": "capacity", + "font_class": "capacity", + "unicode": "e659", + "unicode_decimal": 58969 + }, + { + "icon_id": "33445451", + "name": "switch", + "font_class": "switch", + "unicode": "e65a", + "unicode_decimal": 58970 + }, + { + "icon_id": "33445452", + "name": "upload", + "font_class": "upload", + "unicode": "e65b", + "unicode_decimal": 58971 + }, + { + "icon_id": "33445453", + "name": "Batch operation", + "font_class": "a-Batchoperation", + "unicode": "e65c", + "unicode_decimal": 58972 + }, + { + "icon_id": "33445454", + "name": "top", + "font_class": "top", + "unicode": "e65d", + "unicode_decimal": 58973 + }, + { + "icon_id": "33201910", + "name": "left", + "font_class": "left", + "unicode": "e655", + "unicode_decimal": 58965 + }, + { + "icon_id": "33202017", + "name": "down", + "font_class": "down", + "unicode": "e656", + "unicode_decimal": 58966 + }, + { + "icon_id": "33202018", + "name": "up", + "font_class": "up", + "unicode": "e657", + "unicode_decimal": 58967 + }, + { + "icon_id": "32996429", + "name": "save", + "font_class": "save", + "unicode": "e653", + "unicode_decimal": 58963 + }, + { + "icon_id": "32996430", + "name": "horizontal-n", + "font_class": "horizontal-n", + "unicode": "e654", + "unicode_decimal": 58964 + }, + { + "icon_id": "32996008", + "name": "ask", + "font_class": "ask", + "unicode": "e61a", + "unicode_decimal": 58906 + }, + { + "icon_id": "32996009", + "name": "check-disabled", + "font_class": "check-disabled", + "unicode": "e61b", + "unicode_decimal": 58907 + }, + { + "icon_id": "32996010", + "name": "bookmark", + "font_class": "bookmark", + "unicode": "e61c", + "unicode_decimal": 58908 + }, + { + "icon_id": "32996011", + "name": "check-normal", + "font_class": "check-normal", + "unicode": "e61d", + "unicode_decimal": 58909 + }, + { + "icon_id": "32996012", + "name": "close-little", + "font_class": "close-little", + "unicode": "e61e", + "unicode_decimal": 58910 + }, + { + "icon_id": "32996013", + "name": "date", + "font_class": "date", + "unicode": "e61f", + "unicode_decimal": 58911 + }, + { + "icon_id": "32996014", + "name": "edit", + "font_class": "edit", + "unicode": "e620", + "unicode_decimal": 58912 + }, + { + "icon_id": "32996015", + "name": "checked", + "font_class": "checked", + "unicode": "e621", + "unicode_decimal": 58913 + }, + { + "icon_id": "32996016", + "name": "del2", + "font_class": "del2", + "unicode": "e622", + "unicode_decimal": 58914 + }, + { + "icon_id": "32996017", + "name": "copy-1", + "font_class": "copy-1", + "unicode": "e623", + "unicode_decimal": 58915 + }, + { + "icon_id": "32996018", + "name": "home", + "font_class": "home", + "unicode": "e624", + "unicode_decimal": 58916 + }, + { + "icon_id": "32996019", + "name": "filter", + "font_class": "filter", + "unicode": "e625", + "unicode_decimal": 58917 + }, + { + "icon_id": "32996020", + "name": "download", + "font_class": "download", + "unicode": "e626", + "unicode_decimal": 58918 + }, + { + "icon_id": "32996021", + "name": "copy", + "font_class": "copy", + "unicode": "e627", + "unicode_decimal": 58919 + }, + { + "icon_id": "32996022", + "name": "image", + "font_class": "image", + "unicode": "e628", + "unicode_decimal": 58920 + }, + { + "icon_id": "32996023", + "name": "add", + "font_class": "add", + "unicode": "e629", + "unicode_decimal": 58921 + }, + { + "icon_id": "32996024", + "name": "mask-close", + "font_class": "mask-close", + "unicode": "e62a", + "unicode_decimal": 58922 + }, + { + "icon_id": "32996025", + "name": "Check", + "font_class": "Check", + "unicode": "e62b", + "unicode_decimal": 58923 + }, + { + "icon_id": "32996026", + "name": "locationg3", + "font_class": "locationg3", + "unicode": "e62c", + "unicode_decimal": 58924 + }, + { + "icon_id": "32996027", + "name": "go-back", + "font_class": "go-back", + "unicode": "e62d", + "unicode_decimal": 58925 + }, + { + "icon_id": "32996028", + "name": "message", + "font_class": "message", + "unicode": "e62e", + "unicode_decimal": 58926 + }, + { + "icon_id": "32996029", + "name": "fabulous", + "font_class": "fabulous", + "unicode": "e62f", + "unicode_decimal": 58927 + }, + { + "icon_id": "32996030", + "name": "failure", + "font_class": "failure", + "unicode": "e630", + "unicode_decimal": 58928 + }, + { + "icon_id": "32996031", + "name": "minus", + "font_class": "minus", + "unicode": "e631", + "unicode_decimal": 58929 + }, + { + "icon_id": "32996032", + "name": "loading", + "font_class": "loading", + "unicode": "e632", + "unicode_decimal": 58930 + }, + { + "icon_id": "32996033", + "name": "marshalling", + "font_class": "marshalling", + "unicode": "e633", + "unicode_decimal": 58931 + }, + { + "icon_id": "32996034", + "name": "play-stop", + "font_class": "play-stop", + "unicode": "e634", + "unicode_decimal": 58932 + }, + { + "icon_id": "32996035", + "name": "photograph", + "font_class": "photograph", + "unicode": "e635", + "unicode_decimal": 58933 + }, + { + "icon_id": "32996036", + "name": "my2", + "font_class": "my2", + "unicode": "e636", + "unicode_decimal": 58934 + }, + { + "icon_id": "32996037", + "name": "microphone", + "font_class": "microphone", + "unicode": "e637", + "unicode_decimal": 58935 + }, + { + "icon_id": "32996038", + "name": "play-circle-fill", + "font_class": "play-circle-fill", + "unicode": "e638", + "unicode_decimal": 58936 + }, + { + "icon_id": "32996039", + "name": "play-start", + "font_class": "play-start", + "unicode": "e639", + "unicode_decimal": 58937 + }, + { + "icon_id": "32996040", + "name": "poweroff-circle-fill", + "font_class": "poweroff-circle-fill", + "unicode": "e63a", + "unicode_decimal": 58938 + }, + { + "icon_id": "32996041", + "name": "right", + "font_class": "right", + "unicode": "e63b", + "unicode_decimal": 58939 + }, + { + "icon_id": "32996042", + "name": "plus", + "font_class": "plus", + "unicode": "e63c", + "unicode_decimal": 58940 + }, + { + "icon_id": "32996043", + "name": "retweet", + "font_class": "retweet", + "unicode": "e63d", + "unicode_decimal": 58941 + }, + { + "icon_id": "32996044", + "name": "notice", + "font_class": "notice", + "unicode": "e63e", + "unicode_decimal": 58942 + }, + { + "icon_id": "32996045", + "name": "s-follow", + "font_class": "s-follow", + "unicode": "e63f", + "unicode_decimal": 58943 + }, + { + "icon_id": "32996046", + "name": "refresh", + "font_class": "refresh", + "unicode": "e640", + "unicode_decimal": 58944 + }, + { + "icon_id": "32996047", + "name": "scan2", + "font_class": "scan2", + "unicode": "e641", + "unicode_decimal": 58945 + }, + { + "icon_id": "32996048", + "name": "triangle-down", + "font_class": "triangle-down", + "unicode": "e642", + "unicode_decimal": 58946 + }, + { + "icon_id": "32996049", + "name": "ticket", + "font_class": "ticket", + "unicode": "e643", + "unicode_decimal": 58947 + }, + { + "icon_id": "32996050", + "name": "eye", + "font_class": "eye", + "unicode": "e644", + "unicode_decimal": 58948 + }, + { + "icon_id": "32996051", + "name": "star", + "font_class": "star", + "unicode": "e645", + "unicode_decimal": 58949 + }, + { + "icon_id": "32996052", + "name": "link", + "font_class": "link", + "unicode": "e646", + "unicode_decimal": 58950 + }, + { + "icon_id": "32996053", + "name": "success", + "font_class": "success", + "unicode": "e647", + "unicode_decimal": 58951 + }, + { + "icon_id": "32996054", + "name": "triangle-up", + "font_class": "triangle-up", + "unicode": "e648", + "unicode_decimal": 58952 + }, + { + "icon_id": "32996055", + "name": "search2", + "font_class": "search2", + "unicode": "e649", + "unicode_decimal": 58953 + }, + { + "icon_id": "32996056", + "name": "share-n", + "font_class": "share-n", + "unicode": "e64a", + "unicode_decimal": 58954 + }, + { + "icon_id": "32996057", + "name": "jdl", + "font_class": "jdl", + "unicode": "e64b", + "unicode_decimal": 58955 + }, + { + "icon_id": "32996058", + "name": "volume", + "font_class": "volume", + "unicode": "e64c", + "unicode_decimal": 58956 + }, + { + "icon_id": "32996059", + "name": "wallet", + "font_class": "wallet", + "unicode": "e64d", + "unicode_decimal": 58957 + }, + { + "icon_id": "32996060", + "name": "more-x", + "font_class": "more-x", + "unicode": "e64e", + "unicode_decimal": 58958 + }, + { + "icon_id": "32996061", + "name": "more-s", + "font_class": "more-s", + "unicode": "e64f", + "unicode_decimal": 58959 + }, + { + "icon_id": "32996062", + "name": "bank-card", + "font_class": "bank-card", + "unicode": "e650", + "unicode_decimal": 58960 + }, + { + "icon_id": "32996063", + "name": "service", + "font_class": "service", + "unicode": "e651", + "unicode_decimal": 58961 + }, + { + "icon_id": "32996064", + "name": "warning", + "font_class": "warning", + "unicode": "e652", + "unicode_decimal": 58962 + } + ] +} diff --git a/src/styles/font-jrkf/iconfont.svg b/src/styles/font-jrkf/iconfont.svg new file mode 100644 index 0000000000..f7076bb67d --- /dev/null +++ b/src/styles/font-jrkf/iconfont.svg @@ -0,0 +1,356 @@ + + + + + +Created by iconfont + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/styles/font-jrkf/iconfont.ttf b/src/styles/font-jrkf/iconfont.ttf new file mode 100644 index 0000000000000000000000000000000000000000..b5578a599099b6dea065c46b8706f00ade389b4d GIT binary patch literal 15436 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 literal 0 HcmV?d00001 diff --git a/src/styles/font-jrkf/iconfont.woff b/src/styles/font-jrkf/iconfont.woff new file mode 100644 index 0000000000000000000000000000000000000000..0010367b4e587defb4e4d4b8ee088c89a00635a3 GIT binary patch literal 7868 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 LoosWyJq`a4j}`w` literal 0 HcmV?d00001 diff --git a/src/styles/font-jrkf/iconfont.woff2 b/src/styles/font-jrkf/iconfont.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..9aaabfb5fcb39fb626f905582921c9bc99bbc2de GIT binary patch literal 6460 zcmV-C8N=pxPew8T0RR9102w?03jhEB06a_p02u240RR9100000000000000000000 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 Wit# literal 0 HcmV?d00001 diff --git a/src/styles/theme-jrkf.scss b/src/styles/theme-jrkf.scss new file mode 100644 index 0000000000..60482e4e8b --- /dev/null +++ b/src/styles/theme-jrkf.scss @@ -0,0 +1,260 @@ +:root, +page { + --nutui-brand-1: #ffe5e5; // 梯度1 + --nutui-brand-2: #ffcccc; // 梯度2 + --nutui-brand-3: #ffb2b2; // 梯度3 + --nutui-brand-4: #ff9999; // 梯度4 + --nutui-brand-5: #ff7f7f; // 梯度5 + --nutui-brand-6: #ff6666; // 梯度6 + --nutui-brand-7: #ff4c4c; // 梯度7 + --nutui-brand-8: #ff4144; // 梯度8 * 主题色 primary brand + --nutui-brand-9: #e6393b; // 梯度9 + --nutui-brand-10: #cc3133; // 梯度10 + --nutui-brand-11: #b32a2b; // 梯度11 + --nutui-brand-12: #992222; // 梯度12 + + --nutui-brand-stop-1: #ff9999; // 渐变色起 + --nutui-brand-stop-2: #ff6666; // 渐变色止 + + --nutui-gray-0: #f4f5f7; // color-background + // 卡片背景色 + --nutui-gray-1: #f4f3f8; // color-border-tint + // 通用背景色、轮廓描边色 + --nutui-gray-2: #f0f0f0; // color-border-base + // 轮廓描边色（适中） + --nutui-gray-3: #eeeeee; // color-border-shade + // 轮廓描边色（深） + --nutui-gray-4: #e6e6e6; + --nutui-gray-5: #d8d8d8; + --nutui-gray-6: #cccccc; + --nutui-gray-7: #b5b5b5; + --nutui-gray-8: #8c8c8c; + --nutui-gray-9: #666666; + --nutui-gray-10: #595959; + --nutui-gray-11: #333333; + --nutui-gray-12: #262626; + + --nutui-black-1: rgba(0, 0, 0, 0.02); + --nutui-black-2: rgba(0, 0, 0, 0.05); + --nutui-black-3: rgba(0, 0, 0, 0.1); + --nutui-black-4: rgba(0, 0, 0, 0.2); + --nutui-black-5: rgba(0, 0, 0, 0.3); // color-text-disabled + // 四级文本色，禁用文本色，用于表达禁用状态，占位符等需弱化呈现的文本 + --nutui-black-6: rgba(0, 0, 0, 0.4); + --nutui-black-7: rgba(0, 0, 0, 0.5); // color-text-description + // 三级文本色，描述文本色，用于对正文级标题做注释说明 + --nutui-black-8: rgba(0, 0, 0, 0.55); // + // 全局蒙层，用于弹出层、弹窗、新功能引导出现的整页遮罩 + --nutui-black-9: rgba(0, 0, 0, 0.6); // color-text-regular + // 二级文本色，正文文本色，用于次级标题，属性标示、非主要信息引导等 + --nutui-black-10: rgba(0, 0, 0, 0.7); // + --nutui-black-11: rgba(0, 0, 0, 0.9); // color-text-title + // 一级文字色，标题文本色，主要内容用色，常用语常规标题内容等 + --nutui-black-12: rgba(0, 0, 0, 1); // + + --nutui-white-1: rgba(255, 255, 255, 0.02); + --nutui-white-2: rgba(255, 255, 255, 0.05); + --nutui-white-3: rgba(255, 255, 255, 0.1); + --nutui-white-4: rgba(255, 255, 255, 0.2); + --nutui-white-5: rgba(255, 255, 255, 0.3); + --nutui-white-6: rgba(255, 255, 255, 0.4); + --nutui-white-7: rgba(255, 255, 255, 0.5); + --nutui-white-8: rgba(255, 255, 255, 0.6); + --nutui-white-9: rgba(255, 255, 255, 0.7); + --nutui-white-10: rgba(255, 255, 255, 0.8); + --nutui-white-11: rgba(255, 255, 255, 0.9); + --nutui-white-12: rgba(255, 255, 255, 1); + + --nutui-green-1: #eaf9f0; + --nutui-green-2: #cdf5db; + --nutui-green-3: #b2f0c9; + --nutui-green-4: #7de2a3; + --nutui-green-5: #51d07e; + --nutui-green-6: #1db270; // * 成功色 success + --nutui-green-7: #1a9f63; + --nutui-green-8: #178d57; + --nutui-green-9: #147b4b; + --nutui-green-10: #116a40; + --nutui-green-11: #0e5935; + --nutui-green-12: #0b482a; + + --nutui-orange-1: #fff4e6; + --nutui-orange-2: #ffe8cc; + --nutui-orange-3: #ffd9b3; + --nutui-orange-4: #ffcc99; + --nutui-orange-5: #ffbf80; + --nutui-orange-6: #ffb366; // * 警告色 warning + --nutui-orange-7: #ff9933; + --nutui-orange-8: #ff8000; + --nutui-orange-9: #cc6600; + --nutui-orange-10: #994d00; + --nutui-orange-11: #663300; + --nutui-orange-12: #331a00; + + --nutui-red-1: #ffecec; + --nutui-red-2: #ffd9d9; + --nutui-red-3: #ffc6c6; + --nutui-red-4: #ff9999; + --nutui-red-5: #ff7373; + --nutui-red-6: #ff4d4d; + --nutui-red-7: #ff2626; + --nutui-red-8: #ff4144; // * 危险色 danger + --nutui-red-9: #e6393a; + --nutui-red-10: #cc3232; + --nutui-red-11: #b32b2b; + --nutui-red-12: #802020; + + --nutui-info-1: #e5e9fa; + --nutui-info-2: #c4cffa; + --nutui-info-3: #a3b5f7; + --nutui-info-4: #7387f2; + --nutui-info-5: #3e5cd7; // * 说明色 info + --nutui-info-6: #364fc2; + --nutui-info-7: #2e42ad; + --nutui-info-8: #263598; + --nutui-info-9: #1e2883; + --nutui-info-10: #161b6e; + --nutui-info-11: #0e0e59; + --nutui-info-12: #060a4a; + + --nutui-color-info: var(--nutui-info-6); + --nutui-color-text-disabled: var(--nutui-black-6); + // 字体 + --nutui-font-size-1: 10px; // font-text-mini + --nutui-font-size-2: 11px; + --nutui-font-size-3: 12px; // font-text-small + --nutui-font-size-4: 14px; // font-text、font-h3 + --nutui-font-size-5: 16px; // font-text-large、font-h2 + --nutui-font-size-6: 18px; + --nutui-font-size-7: 20px; // font-h1 + --nutui-font-size-8: 24px; // 板块标题，指标数值、价格金额 + --nutui-font-size-9: 32px; // 运营小标题 + --nutui-font-size-10: 40px; // 运营大标题 + + // 行高 + --nutui-line-height-base: 1.5; + + // space + --nutui-spacing-1: 2px; // spacing-xxs + --nutui-spacing-2: 4px; // spacing-xs + --nutui-spacing-3: 6px; // spacing-s + --nutui-spacing-4: 8px; // spacing-base + --nutui-spacing-5: 10px; // spacing-l + --nutui-spacing-6: 12px; // spacing-xl + --nutui-spacing-7: 14px; // spacing-xxl + --nutui-spacing-8: 16px; // spacing-xxxl + --nutui-spacing-9: 18px; + --nutui-spacing-10: 20px; + + // radius + --nutui-radius-1: 16px; // radius-xxs + --nutui-radius-2: 18px; // radius-xs + --nutui-radius-3: 20px; // radius-s + --nutui-radius-4: 22px; // radius-base + --nutui-radius-5: 24px; // radius-l + --nutui-radius-6: 36px; // radius-xl + + // 语义名 + --nutui-color-default: var(--nutui-gray-2); + --nutui-color-default-press: var(--nutui-gray-3); + --nutui-color-default-disabled: var(--nutui-gray-1); + --nutui-color-default-light: var(--nutui-gray-0); + + --nutui-color-primary: var(--nutui-brand-8); + --nutui-color-primary-pressed: var(--nutui-brand-9); + --nutui-color-primary-disabled: var(--nutui-brand-3); + --nutui-color-primary-light: var(--nutui-brand-1); + + --nutui-color-success: var(--nutui-green-6); + --nutui-color-success-press: var(--nutui-green-8); + --nutui-color-success-disabled: var(--nutui-green-3); + --nutui-color-success-light: var(--nutui-green-1); + + --nutui-color-warning: var(--nutui-orange-6); + --nutui-color-warning-press: var(--nutui-orange-8); + --nutui-color-warning-disabled: var(--nutui-orange-3); + --nutui-color-warning-light: var(--nutui-orange-1); + + --nutui-color-danger: var(--nutui-red-8); + --nutui-color-danger-press: var(--nutui-red-9); + --nutui-color-danger-disabled: var(--nutui-red-3); + --nutui-color-danger-light: var(--nutui-red-1); + + --nutui-color-info: var(--nutui-info-6); + --nutui-color-info-press: var(--nutui-info-7); + --nutui-color-info-disabled: var(--nutui-info-3); + --nutui-color-info-light: var(--nutui-info-1); + + --nutui-color-dark: var(--nutui-gray-12); + --nutui-color-light: var(--nutui-gray-0); + + --nutui-color-surface-1: var(--nutui-gray-0); + --nutui-color-surface-2: var(--nutui-white-12); + --nutui-color-surface-3: var(--nutui-white-12); + --nutui-color-surface-4: var(--nutui-white-12); + --nutui-color-surface-overlay: var(--nutui-black-8); + + --nutui-color-border-shade: var(--nutui-gray-3); + --nutui-color-border: var(--nutui-gray-2); + --nutui-color-border-tint: var(--nutui-gray-1); + + --nutui-color-title: var(--nutui-gray-12); + --nutui-color-text: var(--nutui-gray-10); + --nutui-color-text-help: var(--nutui-gray-8); + --nutui-color-text-disabled: var(--nutui-gray-7); + --nutui-color-text-dark: var(--nutui-white-12); + + --nutui-font-h1: var(--nutui-font-size-5); + --nutui-font-h2: var(--nutui-font-size-4); + --nutui-font-h3: var(--nutui-font-size-3); + --nutui-font-h4: var(--nutui-font-size-2); + --nutui-font-h5: var(--nutui-font-size-1); + --nutui-font-text-large: var(--nutui-font-size-5); + --nutui-font-text: var(--nutui-font-size-4); + --nutui-font-text-small: var(--nutui-font-size-3); + --nutui-font-text-xs: var(--nutui-font-size-2); + --nutui-font-text-mini: var(--nutui-font-size-1); + + --nutui-font-weight: 400; + --nutui-font-weight-bold: 600; + --nutui-line-height: 140%; + + --nutui-spacing-xxs: var(--nutui-spacing-1); + --nutui-spacing-xs: var(--nutui-spacing-2); + --nutui-spacing-s: var(--nutui-spacing-3); + --nutui-spacing-base: var(--nutui-spacing-4); + --nutui-spacing-l: var(--nutui-spacing-5); + --nutui-spacing-xl: var(--nutui-spacing-6); + --nutui-spacing-xxl: var(--nutui-spacing-7); + --nutui-spacing-xxxl: var(--nutui-spacing-8); + --nutui-spacing-4xl: var(--nutui-spacing-9); + --nutui-spacing-5xl: var(--nutui-spacing-10); + + --nutui-radius-xxs: var(--nutui-radius-1); + --nutui-radius-xs: var(--nutui-radius-2); + --nutui-radius-s: var(--nutui-radius-3); + --nutui-radius-base: var(--nutui-radius-4); + --nutui-radius-l: var(--nutui-radius-5); + --nutui-radius-xl: var(--nutui-radius-6); + --nutui-radius-full: 50%; + + --nutui-shadow-light: 0 0 4px 0 rgba(0, 0, 0, 0.05); + --nutui-shadow-raised: 0 0 6px 0 rgba(0, 0, 0, 0.1); + --nutui-shadow-overlay: 0 0 8px 0 rgba(0, 0, 0, 0.2); + + // 其他语义变量 + --nutui-color-primary-stop-1: var(--nutui-brand-stop-1); + --nutui-color-primary-stop-2: var(--nutui-brand-stop-2); + --nutui-color-primary-text: #ffffff; + --nutui-color-primary-light-pressed: var(--nutui-brand-2); + --nutui-color-text-link: var(--nutui-brand-8); + --nutui-button-border-radius: var(--nutui-radius-base); + --nutui-button-default-color: var(--nutui-black-12); + --nutui-button-default-background-color: #fff; + --nutui-button-default-border-color: var(--nutui-black-3); + --nutui-button-default-disabled: var(--nutui-black-2); + --nutui-button-default-disabled-background-color: var(--nutui-black-3); + --nutui-button-default-disabled-border-color: var(--nutui-black-3); + --nutui-actionsheet-background-color: #fff; + --nutui-input-background-color: var(--nutui-gray-1); +} diff --git a/src/styles/variables-jrkf.scss b/src/styles/variables-jrkf.scss new file mode 100644 index 0000000000..ff65090025 --- /dev/null +++ b/src/styles/variables-jrkf.scss @@ -0,0 +1,2504 @@ +// ---------------------------------------------------- +// 主色调 +$color-primary: var(--nutui-color-primary, #ff6666) !default; +$color-primary-stop-1: var(--nutui-color-primary-stop-1, #ff9999) !default; +$color-primary-stop-2: var(--nutui-color-primary-stop-2, #ff6666) !default; +$color-primary-pressed: var(--nutui-color-primary-pressed, #ff4c4c) !default; +$color-primary-disabled: var(--nutui-color-primary-disabled, #ffb2b2) !default; +$color-primary-light: var(--nutui-color-primary-light, #ffe5e5) !default; +$color-primary-light-pressed: var( + --nutui-color-primary-light-pressed, + #ffcccc +) !default; +$color-primary-gradient-1: linear-gradient( + 135deg, + $color-primary-stop-1 0%, + $color-primary-stop-2 100% +) !default; + +// 默认 +$color-default: var(--nutui-color-default) !default; +$color-default-pressed: var(--nutui-color-default-pressed) !default; +$color-default-light: var(--nutui-color-default-light) !default; +$color-default-disabled: var(--nutui-color-default-disabled) !default; +// 信息 +$color-info: var(--nutui-color-info) !default; +$color-info-pressed: var(--nutui-color-info-pressed) !default; +$color-info-disabled: var(--nutui-color-info-disabled) !default; +$color-info-light: var(--nutui-color-info-light) !default; +$color-info-background: var( + --nutui-color-info-background, + linear-gradient(315deg, rgba(73, 143, 242, 1) 0%, rgba(73, 101, 242, 1) 100%) +) !default; +// 成功 +$color-success: var(--nutui-color-success) !default; +$color-success-pressed: var(--nutui-color-success-pressed) !default; +$color-success-disabled: var(--nutui-color-success-disabled) !default; +$color-success-light: var(--nutui-color-success-light) !default; +$color-success-background: var(--nutui-color-success-background) !default; + +// 警告 +$color-warning: var(--nutui-color-warning) !default; +$color-warning-pressed: var(--nutui-color-warning-pressed) !default; +$color-warning-disabled: var(--nutui-color-warning-disabled) !default; +$color-warning-light: var(--nutui-color-warning-light) !default; +$color-warning-background: var(--nutui-color-warning-background) !default; + +// 危险 +$color-danger: var(--nutui-color-danger) !default; +$color-danger-pressed: var(--nutui-color-danger-pressed) !default; +$color-danger-disabled: var(--nutui-color-danger-disabled) !default; +$color-danger-light: var(--nutui-color-danger-light) !default; +$color-danger-background: var(--nutui-color-danger-background) !default; + +// 中性 +$color-dark: var(--nutui-color-dark) !default; // 分隔线 +$color-light: var(--nutui-color-light) !default; // 输入框、头像边框等 + +// 界面 +$color-surface-1: var(--nutui-color-surface-1) !default; // APP 的框架背景色 +$color-surface-2: var(--nutui-color-surface-2) !default; // 卡片、内容容器背景色 +$color-surface-3: var( + --nutui-color-surface-3 +) !default; // 3333 下拉菜单，即时反馈控件背景色 +$color-surface-4: var(--nutui-color-surface-4) !default; +$color-surface-overlay: var(--nutui-color-surface-overlay) !default; // Mask遮罩 + +// 边框 +$color-border-shade: var(--nutui-color-border-shade) !default; +$color-border: var( + --nutui-color-border +) !default; // 默认按钮、输入框等表单组件默认的边框色，分隔线默认色 +$color-border-tint: var( + --nutui-border-tint +) !default; // 默认按钮、输入框等表单组件默认的边框禁用色 + +// 文本 +$color-title: var( + --nutui-color-title +) !default; // 一级文字色；主要内容用色，常用语常规标题内容、细文浏览 +$color-text: var( + --nutui-color-text +) !default; // 二级文字色；次要文字色，用于次级标题、正文等属性标示、非主要信息引导等。 +$color-text-help: var( + --nutui-color-text-help +) !default; // 三级文字色；注释帮助说明文本，面包屑、输入字段占位符等。 +$color-text-disabled: var( + --nutui-color-text-disabled +) !default; // 四级文字色；禁用文本，失效文本 +$color-text-dark: var( + --nutui-color-text-dark +) !default; // 深色背景下的反向文本色 +$color-text-link: $color-primary !default; //链接文本色 +$color-text-title: $color-title !default; + +// 字号 +$font-h1: var(--nutui-font-h1) !default; //导航栏标题、 +$font-h2: var(--nutui-font-h2) !default; +$font-h3: var( + --nutui-font-h3 +) !default; //标题文本，卡片标题、板块标题、tabs 标题，小号标题 +$font-h4: var(--nutui-font-h4) !default; //次要文本，List 列表标题 +$font-h5: var(--nutui-font-h5) !default; //级联选择等小号组件标题 +$font-text-large: var( + --nutui-font-text-large +) !default; //大字号，label、大号按钮等文本 +$font-text: var(--nutui-font-text) !default; //标准字号，正文字号 +$font-text-small: var(--nutui-font-text-small) !default; +$font-text-xs: var(--nutui-font-text-xs) !default; //注释说明文本字号 +$font-text-mini: var( + --nutui-font-text-mini +) !default; //提示标记备注，最小宽容度的字号，如徽标中的数值字号 + +// 字重 +$font-weight: var(--nutui-font-weight) !default; +$font-weight-bold: var(--nutui-font-weight-bold) !default; + +// 行高 +$line-height-base: var(--nutui-line-height) !default; + +// 间距 space +$spacing-xxs: var(--nutui-spacing-xxs) !default; // 多用于文本与图标之间的间距 +$spacing-xs: var(--nutui-spacing-xs) !default; // 多用于文本与图标之间的间距 +$spacing-s: var(--nutui-spacing-s) !default; // 二级卡片与屏幕两侧的间距 +$spacing-base: var( + --nutui-spacing-base +) !default; // 楼层间距（二级卡片之间的上下间距） +$spacing-l: var( + --nutui-spacing-l +) !default; // 卡片布局容器中，同类信息组之间的上下间距（比如两行金刚位之间的间距） +$spacing-xl: var( + --nutui-spacing-xl +) !default; // 卡片布局容器中，信息组之间的上下间距 +$spacing-xxl: var(--nutui-spacing-xxl) !default; // 卡片布局容器的内容左右间距， +$spacing-xxxl: var(--nutui-spacing-xxxl) !default; // 卡片布局容器的内容上下间距 +$spacing-4xl: var(--nutui-spacing-4xl) !default; // 卡片布局容器的内容上下间距 +$spacing-5xl: var(--nutui-spacing-5xl) !default; // 卡片布局容器的内容上下间距 + +// 圆角 corners +$radius-xxs: var( + --nutui-radius-xxs +) !default; // 极小号按钮、标签、多选框等组件的圆角样式 +$radius-xs: var( + --nutui-radius-xs +) !default; // 极小、小号的按钮、标签等组件的圆角样式 +$radius-s: var( + --nutui-radius-s +) !default; // 中号、大号按钮、输入框等表单组件的圆角样式 +$radius-base: var(--nutui-radius-base) !default; // 常规宫格排列的卡片圆角样式 +$radius-l: var( + --nutui-radius-l +) !default; // 下拉菜单、popup 等组件的默认圆角样式 +$radius-xl: var(--nutui-radius-xl) !default; // 一级页面模块容器使用的圆角样式 +$radius-circle: var( + --nutui-radius-circle +) !default; // 按钮、徽标等组件的胶囊形态圆角样式 +$radius-full: var( + --nutui-radius-full +) !default; // 头像、图片等不限制尺寸规格，需要以圆形呈现 + +// 阴影 shadows +$shadow-light: var(--nutui-shadow-light) !default; +$shadow-raised: var(--nutui-shadow-raised) !default; +$shadow-overlay: var(--nutui-shadow-overlay) !default; + +// =================== 基础变量 END ========== // + +// ========= nutui 变量 ======== // +// 页面基底色，用于卡片式页面的兜底，永远置于页面最底层。 +$color-background: $color-surface-1 !default; +// 卡片背景色 +$color-background-overlay: $color-surface-2 !default; +// 卡片内嵌背景色，用于卡片内部的信息包裹，感知较弱。 +$color-background-sunken: var(--nutui-gray-2, #f0f0f0) !default; + +// 蒙层颜色 +// 页面全局蒙层 +$color-mask: $color-surface-overlay !default; +// 容错蒙层 +$color-mask-part: var(--nutui-black-2, rgba(0, 0, 0, 0.05)) !default; + +$spacing-icon-text: var(--nutui-spacing-2, 4px) !default; + +// ---- Font Family ---- +$font-family: + PingFang SC, + Microsoft YaHei, + Helvetica, + Hiragino Sans GB, + SimSun, + sans-serif !default; + +// Font +$font-size-xxs: $font-text-mini !default; +$font-size-xs: $font-text-xs !default; +$font-size-small: $font-text-small !default; +$font-size-base: $font-text !default; +$font-size-large: $font-text-large !default; +$font-size-xl: $font-h2 !default; +$font-size-xxl: var(--nutui-font-size-8) !default; +$font-size-xxxl: var(--nutui-font-size-10) !default; + +$space-mini: $spacing-xs !default; +$space-large: $spacing-l !default; +$space-xl: $spacing-xl !default; +$space-xxl: $spacing-xxl !default; + +// todo +// 与品牌色一起使用，默认为白色，不区分暗黑与明亮模式。 +$color-primary-text: $color-text-dark !default; +$white: #ffffff !default; +$black: $color-text-title !default; + +// --- z-index ---- +$mask-z-index: 1000; +$mask-content-z-index: 1200; + +// ---- Animation ---- +$animation-duration: 0.25s !default; +$animation-timing-fun: cubic-bezier(0.55, 0.085, 0.68, 0.53) !default; + +// padding +$padding-xs: var(--nutui-padding-xs, $spacing-xl) !default; + +// button（✅） +$button-transition: all 0.15s ease-in-out; +$button-square-border-radius: var( + --nutui-button-square-border-radius, + 0px +) !default; +$button-border-radius: var(--nutui-button-border-radius, $radius-s) !default; +$button-border-width: var(--nutui-button-border-width, 1px) !default; + +$button-normal-padding: var( + --nutui-button-normal-padding, + 0px $space-xl +) !default; +$button-default-height: var(--nutui-button-default-height, 44px) !default; +$button-default-color: var(--nutui-button-default-color, $color-text) !default; +$button-default-background-color: var( + --nutui-button-default-background-color, + $color-default +) !default; +$button-default-border-color: var( + --nutui-button-default-border-color, + $color-default +) !default; +$button-default-disabled: var( + --nutui-button-default-disabled, + $color-default +) !default; +$button-default-disabled-color: var( + --nutui-button-default-disabled-color, + $color-text-disabled +) !default; +$button-default-padding: var( + --nutui-button-default-padding, + 0px $space-xl +) !default; +$button-default-font-size: var( + --nutui-button-default-font-size, + $font-size-base +) !default; +$button-default-font-weight: var( + --nutui-button-default-font-weight, + $font-weight +) !default; + +$button-xlarge-height: var(--nutui-button-xlarge-height, 48px) !default; +$button-xlarge-padding: var(--nutui-button-xlarge-padding, 0px 32px) !default; +$button-xlarge-font-size: var( + --nutui-button-xlarge-font-size, + $font-size-xl +) !default; + +$button-large-width: var(--nutui-button-large-width, auto) !default; +$button-large-height: var(--nutui-button-large-height, 44px) !default; +$button-large-padding: var( + --nutui-button-large-padding, + 0px $space-xxl +) !default; +$button-large-font-size: var( + --nutui-button-large-font-size, + $font-size-large +) !default; +$button-large-font-weight: var( + --nutui-button-large-font-weight, + $font-weight-bold +) !default; +$button-large-border-radius: var( + --nutui-button-large-border-radius, + $radius-s +) !default; + +$button-small-font-size: var( + --nutui-button-small-font-size, + $font-size-base +) !default; +$button-small-padding: var( + --nutui-button-small-padding, + 0px $space-large +) !default; +$button-small-height: var(--nutui-button-small-height, 28px) !default; +$button-small-border-radius: var( + --nutui-button-small-border-radius, + $radius-xs +) !default; + +$button-mini-padding: var( + --nutui-button-mini-padding, + 0px $space-large +) !default; +$button-mini-height: var(--nutui-button-mini-height, 24px) !default; +$button-mini-font-size: var( + --nutui-button-mini-font-size, + $font-size-small +) !default; +$button-mini-border-radius: var( + --nutui-button-mini-border-radius, + $radius-xs +) !default; + +$button-primary-color: var( + --nutui-button-primary-color, + $color-text-dark +) !default; +$button-primary-border-color: var( + --nutui-button-primary-border-color, + $color-primary +) !default; +$button-primary-background-color: $color-primary !default; +$button-primary-disabled: var( + --nutui-button-primary-disabled, + $color-primary-disabled +) !default; + +$button-success-color: var( + --nutui-button-success-color, + $color-text-dark +) !default; +$button-success-border-color: var( + --nutui-button-success-border-color, + $color-success +) !default; +$button-success-background-color: var( + --nutui-button-success-background-color, + $color-success +) !default; +$button-success-disabled: var( + --nutui-button-success-disabled, + $color-success-disabled +) !default; + +$button-info-color: var(--nutui-button-info-color, $color-text-dark) !default; +$button-info-border-color: var( + --nutui-button-info-border-color, + $color-info +) !default; +$button-info-background-color: var( + --nutui-button-info-background-color, + $color-info-background +) !default; +$button-info-disabled: var( + --nutui-button-info-disabled, + $color-info-disabled +) !default; + +$button-warning-color: var( + --nutui-button-warning-color, + $color-text-dark +) !default; +$button-warning-border-color: var( + --nutui-button-warning-border-color, + $color-warning +) !default; +$button-warning-background-color: var( + --nutui-button-warning-background-color, + $color-warning +) !default; +$button-warning-disabled: var( + --nutui-button-warning-disabled, + $color-warning-disabled +) !default; + +$button-danger-color: var( + --nutui-button-danger-color, + $color-text-dark +) !default; +$button-danger-border-color: var( + --nutui-button-danger-border-color, + $color-danger +) !default; +$button-danger-background-color: var( + --nutui-button-danger-background-color, + $color-danger +) !default; +$button-danger-disabled: var( + --nutui-button-danger-disabled, + $color-danger-disabled +) !default; + +$button-text-icon-margin: var(--nutui-button-text-icon-margin, 4px) !default; + +// cell（✅） +$cell-title-color: var(--nutui-cell-title-color, $color-text-title) !default; +$cell-title-font-size: var( + --nutui-cell-title-font-size, + $font-size-base +) !default; +$cell-description-font-size: var( + --nutui-cell-description-font-size, + $font-size-small +) !default; +$cell-description-color: var( + --nutui-cell-description-color, + $color-text +) !default; +$cell-extra-font-size: var( + --nutui-cell-extra-font-size, + $font-size-base +) !default; +$cell-extra-color: var(--nutui-cell-extra-color, $color-text) !default; +$cell-border-radius: var(--nutui-cell-border-radius, $radius-s) !default; +$cell-padding: var(--nutui-cell-padding, $spacing-xxl $spacing-xxxl) !default; +$cell-line-height: var(--nutui-cell-line-height, 20px) !default; +$cell-divider-right: var(--nutui-cell-divider-right, 16px) !default; +$cell-divider-left: var(--nutui-cell-divider-left, 16px) !default; +$cell-divider-border-bottom: var( + --nutui-cell-divider-border-bottom, + 2px solid $color-border +) !default; +$cell-background-color: var(--nutui-cell-background-color, $white) !default; +$cell-box-shadow: var( + --nutui-cell-box-shadow, + 0px 1px 7px 0px rgba(237, 238, 241, 1) +) !default; + +// cell-group（✅） +$cell-group-title-padding: var( + --nutui-cell-group-title-padding, + 0 10px +) !default; +$cell-group-title-color: var( + --nutui-cell-group-title-color, + $color-text-title +) !default; +$cell-group-title-font-size: var( + --nutui-cell-group-title-font-size, + $font-size-base +) !default; +$cell-group-title-line-height: var( + --nutui-cell-group-title-line-height, + 20px +) !default; +$cell-group-description-padding: var( + --nutui-cell-group-description-padding, + 0 10px +) !default; +$cell-group-description-color: var( + --nutui-cell-group-description-color, + $color-text +) !default; +$cell-group-description-font-size: var( + --nutui-cell-group-description-font-size, + $font-size-small +) !default; +$cell-group-description-line-height: var( + --nutui-cell-group-description-line-height, + 16px +) !default; +$cell-group-background-color: var( + --nutui-cell-group-background-color, + $color-background-overlay +) !default; + +$cell-group-wrap-margin: var(--nutui-cell-group-wrap-margin, 10px 0) !default; + +// divider（✅） +$divider-margin: var(--nutui-divider-margin, 16px 0) !default; +$divider-text-font-size: var( + --nutui-divider-text-font-size, + $font-size-small +) !default; +$divider-border-color: var( + --nutui-divider-border-color, + $color-border +) !default; +$divider-text-color: var(--nutui-divider-text-color, $color-text-help) !default; +$divider-line-height: var(--nutui-divider-line-height, 2px) !default; +$divider-spacing: var(--nutui-divider-spacing, $spacing-base) !default; +$divider-side-width: var(--nutui-divider-side-width, 16px) !default; +$divider-vertical-height: var(--nutui-divider-vertical-height, 12px) !default; +$divider-vertical-top: var(--nutui-divider-vertical-top, 2px) !default; +$divider-vertical-margin: var(--nutui-divider-vertical-margin, 0 8px) !default; + +// icon（✅） + +$icon-height: var(--nutui-icon-height, 20px) !default; +$icon-width: var(--nutui-icon-width, 20px) !default; +$icon-line-height: var(--nutui-icon-line-height, 20px) !default; + +// uploader（✅） +$uploader-image-width: var(--nutui-uploader-image-width, 64px) !default; +$uploader-image-height: var(--nutui-uploader-image-height, 64px) !default; +$uploader-image-border: var(--nutui-uploader-image-border, 0px) !default; +$uploader-image-border-radius: var( + --nutui-uploader-image-border-radius, + $radius-xs +) !default; +$uploader-background: var( + --nutui-uploader-background, + $color-background +) !default; +$uploader-background-disabled: var( + --nutui-uploader-background-disabled, + $color-background +) !default; +$uploader-image-color: var( + --nutui-uploader-image-color, + $color-text-help +) !default; +$uploader-image-disabled: var( + --nutui-uploader-image-disabled, + $color-text-disabled +) !default; +$uploader-image-icon-margin-bottom: var( + --nutui-uploader-image-icon-margin-bottom, + 6px +) !default; +$uploader-image-icon-tip-font-size: var( + --nutui-uploader-image-icon-tip-font-size, + 12px +) !default; +$uploader-preview-progress-background: var( + --nutui-uploader-preview-progress-background, + $color-mask +) !default; +$uploader-preview-margin-right: var( + --nutui-uploader-preview-margin-right, + $spacing-s +) !default; +$uploader-preview-margin-bottom: var( + --nutui-uploader-preview-margin-bottom, + $spacing-s +) !default; +$uploader-preview-tips-height: var( + --nutui-uploader-preview-tips-height, + 20px +) !default; +$uploader-preview-tips-background: var( + --nutui-uploader-preview-tips-background, + var(--nutui-black-9) +) !default; +$uploader-preview-tips-padding: var( + --nutui-uploader-preview-tips-padding, + 0 $spacing-xxs +) !default; +$uploader-preview-close-right: var( + --nutui-uploader-preview-close-right, + 0px +) !default; +$uploader-preview-close-top: var( + --nutui-uploader-preview-close-top, + 0px +) !default; + +// picker（✅）（todo:react版本picker组件dom元素类名变化较大，picker.scss暂不改动） +$picker-title-cancel-color: var( + --nutui-picker-title-cancel-color, + #f0f0f0 +) !default; +$picker-title-cancel-font-size: var( + --nutui-picker-title-cancel-font-size, + $font-size-base +) !default; +$picker-title-ok-color: var( + --nutui-picker-title-ok-color, + $color-primary +) !default; +$picker-title-ok-font-size: var( + --nutui-picker-title-ok-font-size, + $font-size-base +) !default; +$picker-list-height: var(--nutui-picker-list-height, 252px) !default; +$picker-item-height: var(--nutui-picker-item-height, 40px) !default; +$picker-item-text-color: var( + --nutui-picker-item-text-color, + $color-text +) !default; +$picker-item-active-text-color: var( + --nutui-picker-item-active-text-color, + $color-text +) !default; +$picker-item-text-font-size: var( + --nutui-picker-item-text-font-size, + $font-h3 +) !default; +$picker-item-active-line-border: var( + --nutui-picker-item-active-line-border, + 1px solid $color-border +) !default; +$picker-mask-background: var( + --picker-mask-background, + linear-gradient(180deg, var(--nutui-white-12), var(--nutui-white-7)), + linear-gradient(0deg, var(--nutui-white-12), var(--nutui-white-7)) +) !default; + +//input（✅） +$input-border-bottom: var(--nutui-input-border-bottom, $color-border) !default; +$input-border-bottom-width: var( + --nutui-input-border-bottom-width, + 0px +) !default; +$input-disabled-color: var( + --nutui-input-disabled-color, + $color-text-disabled +) !default; +$input-font-size: var(--nutui-input-font-size, $font-size-base) !default; +$input-border-radius: var(--nutui-input-border-radius, $radius-xs) !default; +$input-color: var(--nutui-input-color, $color-text) !default; +$input-background-color: var(--nutui-input-background-color, $white) !default; +$input-padding: var(--nutui-input-padding, 8px 12px) !default; + +// textarea（✅） + +$textarea-font: var(--nutui-textarea-font, $font-text) !default; +$textarea-padding: var( + --nutui-textarea-padding, + $spacing-base $spacing-xxxl +) !default; +$textarea-limit-color: var( + --nutui-textarea-limit-color, + $color-text-help +) !default; +$textarea-text-color: var(--nutui-textarea-text-color, $color-text) !default; +$textarea-text-curror-color: var( + --nutui-textarea-text-curror-color, + $color-text-title +) !default; +$textarea-text-line-height: var( + --nutui-textarea-text-line-height, + $line-height-base +) !default; +$textarea-disabled-color: var( + --nutui-textarea-disabled-color, + $color-text-disabled +) !default; + +// inputnumber（✅） +$inputnumber-input-width: var(--nutui-inputnumber-input-width, 40px) !default; +$inputnumber-input-height: var(--nutui-inputnumber-input-height, 24px) !default; +$inputnumber-input-background-color: var( + --nutui-inputnumber-input-background-color, + $color-background-overlay +) !default; +$inputnumber-input-font-color: var( + --nutui-inputnumber-input-font-color, + $color-text-title +) !default; +$inputnumber-input-font-size: var( + --nutui-inputnumber-input-font-size, + 14px +) !default; +$inputnumber-input-border: var(--nutui-inputnumber-input-border, 0) !default; +$inputnumber-input-border-radius: var( + --nutui-inputnumber-input-border-radius, + 6px +) !default; +$inputnumber-input-margin: var( + --nutui-inputnumber-input-margin, + 0 6px +) !default; + +$inputnumber-button-width: var(--nutui-inputnumber-button-width, 16px) !default; +$inputnumber-button-height: var( + --nutui-inputnumber-button-height, + 16px +) !default; +$inputnumber-button-border-radius: var( + --nutui-inputnumber-button-border-radius, + $radius-xxs +) !default; +$inputnumber-button-background-color: var( + --nutui-inputnumber-button-background-color, + $color-background +) !default; +$inputnumber-icon-color: var( + --nutui-inputnumber-icon-color, + $color-text +) !default; +$inputnumber-icon-size: var(--nutui-inputnumber-icon-size, 8px) !default; +$inputnumber-disabled-color: var( + --nutui-inputnumber-disabled-color, + $color-text-disabled +) !default; + +// actionsheet（✅） +$actionsheet-background-color: var( + --nutui-actionsheet-background-color, + $color-surface-1 +) !default; +$actionsheet-border-color: var(--nutui-actionsheet-border-color, none) !default; +$actionsheet-border-radius: var( + --nutui-actionsheet-border-radius, + $radius-l +) !default; +$actionsheet-item-text-align: var( + --nutui-actionsheet-item-text-align, + center +) !default; +$actionsheet-item-border-bottom: var( + --nutui-actionsheet-item-border-bottom, + none +) !default; +$actionsheet-item-line-height: var( + --nutui-actionsheet-item-line-height, + 24px +) !default; +$actionsheet-item-color: var( + --nutui-actionsheet-item-color, + $color-text-title +) !default; +$actionsheet-item-danger: var( + --nutui-actionsheet-item-danger, + $color-danger +) !default; + +//shortpassword（✅） +$shortpassword-background-color: var( + --nutui-shortpassword-background-color, + $color-background +) !default; +$shortpassword-border-color: var( + --nutui-shortpassword-border-color, + $color-background +) !default; +$shortpassword-error: var(--nutui-shortpassword-error, $color-primary) !default; +$shortpassword-forget: var( + --nutui-shortpassword-forget, + $color-text-help +) !default; + +//numberkeyboard（✅） +$numberkeyboard-padding: var( + --nutui-numberkeyboard-padding, + 0 0 22px 0 +) !default; +$numberkeyboard-background-color: var( + --nutui-numberkeyboard-background-color, + $color-surface-1 +) !default; +$numberkeyboard-wrapper-background-color: var( + --nutui-numberkeyboard-wrapper-background-color, + $color-surface-1 +) !default; +$numberkeyboard-header-close-padding: var( + --nutui-numberkeyboard-header-close-padding, + 0 16px +) !default; +$numberkeyboard-header-close-color: var( + --nutui-numberkeyboard-header-close-color, + $color-text +) !default; +$numberkeyboard-header-close-font-size: var( + --nutui-numberkeyboard-header-close-font-size, + 14px +) !default; +$numberkeyboard-header-close-background-color: var( + --nutui-numberkeyboard-header-close-background-color, + transparent +) !default; +$numberkeyboard-key-background-color: var( + --nutui-numberkeyboard-key-background-color, + #fff +) !default; +$numberkeyboard-key-active-background-color: var( + --nutui-numberkeyboard-key-active-background-color, + #ebedf0 +) !default; +$numberkeyboard-key-height: var( + --nutui-numberkeyboard-key-height, + 48px +) !default; +$numberkeyboard-key-line-height: var( + --nutui-numberkeyboard-key-line-height, + 1.5 +) !default; +$numberkeyboard-key-border-radius: var( + --nutui-numberkeyboard-key-border-radius, + $radius-base +) !default; +$numberkeyboard-key-border: var( + --nutui-numberkeyboard-key-border, + none +) !default; +$numberkeyboard-key-font-size: var( + --nutui-numberkeyboard-key-font-size, + $font-size-xl +) !default; +$numberkeyboard-key-color: var( + --nutui-numberkeyboard-key-color, + $color-text +) !default; +$numberkeyboard-key-confirm-font-size: var( + --nutui-numberkeyboard-key-confirm-font-size, + $font-size-large +) !default; +$numberkeyboard-key-confirm-color: var( + --nutui-numberkeyboard-key-confirm-color, + #fff +) !default; +$numberkeyboard-key-confirm-background-color: var( + --nutui-numberkeyboard-key-confirm-background-color, + $color-primary +) !default; + +// countdown（✅） +$countdown-display: var(--nutui-countdown-display, flex) !default; +$countdown-color: var(--nutui-countdown-color, $color-text-title) !default; +$countdown-font-size: var(--nutui-countdown-font-size, 14px) !default; +$coutdown-font-weight: var(--nutui-countdown-font-weight, 400) !default; +$countdown-height: var(--nutui-countdown-height, 14px) !default; +$countdown-width: var(--nutui-countdown-width, 20px) !default; +$countdown-number-padding: var( + --nutui-countdown-number-padding, + 0 1px +) !default; +$countdown-number-border-radius: var( + --nutui-countdown-number-border-radius, + 2px +) !default; +$countdown-number-margin: var(--nutui-countdown-number-margin, 0 2px) !default; +$countdown-number-border-color: var( + --nutui-countdown-number-border-color, + $color-primary-light +) !default; +$countdown-number-color: var( + --nutui-countdown-number-color, + $color-primary +) !default; +$countdown-number-background-color: var( + --nutui-countdown-number-background-color, + transparent +) !default; +$countdown-number-primary-border-color: var( + --nutui-countdown-number-primary-border-color, + $color-primary +) !default; +$countdown-number-primary-color: var( + --nutui-countdown-number-primary-color, + #ffffff +) !default; +$countdown-number-primary-background-color: var( + --nutui-countdown-number-primary-background-color, + $color-primary +) !default; +//large price（✅） +$price-symbol-padding-right: var( + --nutui-price-symbol-padding-right, + 1px +) !default; +$price-symbol-big-size: var(--nutui-price-symbol-big-size, 18px) !default; +$price-integer-big-size: var(--nutui-price-integer-big-size, 24px) !default; +$price-decimal-big-size: var(--nutui-price-decimal-big-size, 18px) !default; + +//normal price（✅） +$price-line-color: var(--nutui-price-line-color, $color-border) !default; +$price-line-font-size: var(--nutui-price-line-font-size, 12px) !default; +$price-symbol-medium-size: var(--nutui-price-symbol-medium-size, 14px) !default; +$price-integer-medium-size: var( + --nutui-price-integer-medium-size, + 16px +) !default; +$price-decimal-medium-size: var( + --nutui-price-decimal-medium-size, + 14px +) !default; + +// small price（✅） +$price-symbol-small-size: var(--nutui-price-symbol-small-size, 10px) !default; +$price-integer-small-size: var(--nutui-price-integer-small-size, 12px) !default; +$price-decimal-small-size: var(--nutui-price-decimal-small-size, 10px) !default; + +//avatar（✅） +$avatar-square: var(--nutui-avatar-square, $radius-base) !default; +$avatar-large-width: var(--nutui-avatar-large-width, 48px) !default; +$avatar-large-height: var(--nutui-avatar-large-height, 48px) !default; +$avatar-small-width: var(--nutui-avatar-small-width, 32px) !default; +$avatar-small-height: var(--nutui-avatar-small-height, 32px) !default; +$avatar-normal-width: var(--nutui-avatar-normal-width, 40px) !default; +$avatar-normal-height: var(--nutui-avatar-normal-height, 40px) !default; + +//switch（✅） +$switch-close-background-color: var( + --nutui-switch-close-background-color, + $color-default +) !default; +$switch-open-background-color: var( + --nutui-switch-open-background-color, + $color-primary +) !default; +$switch-close-disabled-background-color: var( + --nutui-switch-close-disabled-background-color, + $color-default-disabled +) !default; +$switch-open-disabled-background-color: var( + --nutui-switch-open-disabled-background-color, + $color-primary-disabled +) !default; +$switch-close-line-background-color: var( + --nutui-switch-close-line-bg-color, + #fff +) !default; +$switch-width: var(--nutui-switch-width, 40px) !default; +$switch-height: var(--nutui-switch-height, 24px) !default; +$switch-line-height: var(--nutui-switch-line-height, 24px) !default; +$switch-border-radius: var(--nutui-switch-border-radius, 24px) !default; +$switch-inside-width: var(--nutui-switch-inside-width, 20px) !default; +$switch-inside-height: var(--nutui-switch-inside-height, 20px) !default; +$switch-inside-border-radius: var( + --nutui-switch-inside-border-radius, + $radius-s +) !default; +$switch-inside-open-transform: var( + --nutui-switch-inside-open-transform, + translateX(90%) +) !default; +$switch-inside-close-transform: var( + --nutui-switch-inside-close-transform, + translateX(14%) +) !default; +$switch-button-box-shadow: var( + --nutui-switch-box-shadow, + $shadow-raised +) !default; + +// toast（✅） +$toast-inner-text-align: var(--nutui-toast-inner-text-align, center) !default; +$toast-title-font-size: var(--nutui-toast-title-font-size, 16px) !default; +$toast-text-font-size: var(--nutui-toast-text-font-size, 14px) !default; +$toast-font-color: var(--nutui-toast-font-color, $white) !default; +$toast-inner-padding: var(--nutui-toast-inner-padding, $spacing-base) !default; +$toast-inner-bg-color: var( + --nutui-toast-inner-bg-color, + rgba(0, 0, 0, 0.9) +) !default; +$toast-inner-border-radius: var( + --nutui-toast-inner-border-radius, + $radius-xs +) !default; +$toast-inner-top: var(--nutui-toast-inner-top, 50%) !default; + +//tour（✅） +$tour-mask-border-radius: var(--nutui-tour-mask-border-radius, 10px) !default; +$tour-content-min-width: var(--nutui-tour-content-min-width, 200px) !default; +$tour-content-padding: var(--nutui-tour-content-padding, 10px 12px) !default; +$tour-content-inner-margin: var( + --nutui-tour-content-inner-margin, + 10px 0px +) !default; +$tour-content-inner-font-size: var( + --nutui-tour-content-inner-font-size, + 14px +) !default; +$tour-content-bottom-margin-top: var( + --nutui-tour-content-bottom-margin-top, + 10px +) !default; +$tour-content-bottom-btn-margin-left: var( + --nutui-tour-content-bottom-btn-margin-left, + 4px +) !default; +$tour-content-bottom-btn-padding: var( + --nutui-tour-content-bottom-btn-padding, + 2px 4px +) !default; +$tour-content-bottom-btn-font-size: var( + --nutui-tour-content-bottom-btn-font-size, + 12px +) !default; +$tour-content-bottom-btn-border-radius: var( + --nutui-tour-content-bottom-btn-border-radius, + 4px +) !default; + +//backtop（✅） +$backtop-border-color: var( + --nutui-backtop-border-color, + $color-border +) !default; + +// calendar（✅） +$calendar-active-background-color: var( + --nutui-calendar-active-background-color, + $color-primary +) !default; +$calendar-choose-background-color: var( + --nutui-calendar-choose-background-color, + $color-primary-light +) !default; +$calendar-choose-color: var( + --nutui-calendar-choose-color, + $color-primary +) !default; +$calendar-choose-disable-background-color: var( + --nutui-calendar-choose-disable-background-color, + rgba(191, 191, 191, 0.09) +) !default; +$calendar-disable-color: var( + --nutui-calendar-disable-color, + $color-text-disabled +) !default; +$calendar-base-font-size: var( + --nutui-calendar-base-font-size, + $font-size-large +) !default; +$calendar-title-font-size: var( + --nutui-calendar-title-font-size, + $font-size-xl +) !default; +$calendar-title-font-weight: var( + --nutui-calendar-title-font-weight, + $font-weight-bold +) !default; +$calendar-sub-title-font-size: var( + --nutui-calendar-sub-title-font-size, + $font-size-base +) !default; +$calendar-header-height: var(--nutui-calendar-header-height, 24px) !default; +$calendar-day-width: var(--nutui-calendar-day-width, 14.28%) !default; +$calendar-day-height: var(--nutui-calendar-day-height, 60px) !default; +$calendar-day-font-weight: var( + --nutui-calendar-day-font-weight, + $font-weight-bold +) !default; +$calendar-day-active-border-radius: var( + --nutui-calendar-day-active-border-radius, + 4px +) !default; + +//hoverbutton +$hoverbutton-spacing: var( + --nutui-hoverbutton-spacing, + var(--nutui-spacing-16, 16px) +) !default; +$hoverbutton-position-bottom: var( + --nutui-hoverbutton-position-bottom, + 48px +) !default; +$hoverbutton-position-right: var( + --nutui-hoverbutton-position-right, + var(--nutui-spacing-16, 16px) +) !default; +$hoverbutton-item-border-color: var( + --nutui-hoverbutton-item-border-color, + var(--nutui-black-3, rgba(0, 0, 0, 0.06)) +) !default; +$hoverbutton-item-background: var( + --nutui-hoverbutton-item-background, + var(--nutui-gray-1, #ffffff) +) !default; +$hoverbutton-item-background-active: var( + --nutui-hoverbutton-item-background-active, + var(--nutui-gray-3, #f6f6f6) +) !default; +$hoverbutton-item-icon-color: var( + --nutui-hoverbutton-item-icon-color, + var(--nutui-gray-7, #1a1a1a) +) !default; +$hoverbutton-item-icon-color-active: var( + --nutui-hoverbutton-item-icon-color-active, + var(--nutui-gray-6, #595959) +) !default; + +//overlay（✅） +$overlay-bg-color: var(--nutui-overlay-bg-color, $color-mask) !default; +$overlay-zIndex: var(--nutui-overlay-zIndex, 1000) !default; +$overlay-content-bg-color: var( + --nutui-overlay-content-bg-color, + $white +) !default; +$overlay-content-color: var( + --nutui-overlay-content-color, + $color-text-title +) !default; +$overlay-animation-duration: var( + --nutui-overlay-animation-duration, + 0.3s +) !default; +//popup（✅） +$popup-border-radius: var(--nutui-popup-border-radius, 12px) !default; +$popup-icon-size: var(--nutui-popup-icon-size, $font-size-xl) !default; +$popup-title-padding: var(--nutui-popup-title-padding, 12px) !default; +$popup-title-font-size: var(--nutui-popup-title-font-size, $font-h1) !default; +$popup-description-font-size: var( + --nutui-popup-description-font-size, + $font-size-xs +) !default; +$popup-title-font-weight: var( + --nutui-popup-title-font-weight, + $font-weight-bold +) !default; +$popup-title-height: var(--nutui-popup-title-height, auto) !default; +$popup-title-border-bottom: var(--nutui-popup-title-border-bottom, 0) !default; +$popup-animation-duration: var(--nutui-popup-animation-duration, 0.3s) !default; + +// Notify（✅） +$notify-text-color: var(--nutui-notify-text-color, $white) !default; +$notify-padding: var(--nutui-notify-padding, 0px 10px) !default; +$notify-font-size: var(--nutui-notify-font-size, $font-size-base) !default; +$notify-height: var(--nutui-notify-height, 40px) !default; +$notify-base-background-color: var( + --nutui-notify-base-background-color, + $color-primary-gradient-1 +) !default; +$notify-primary-background-color: var( + --nutui-notify-primary-background-color, + $color-info +) !default; +$notify-success-background-color: var( + --nutui-notify-success-background-color, + linear-gradient( + 135deg, + rgba(38, 191, 38, 1) 0%, + rgba(39, 197, 48, 1) 45%, + rgba(40, 207, 63, 1) 83%, + rgba(41, 212, 70, 1) 100% + ) +) !default; +$notify-danger-background-color: var( + --nutui-notify-danger-background-color, + $color-primary +) !default; +$notify-warning-background-color: var( + --nutui-notify-warning-background-color, + $color-warning +) !default; + +// rate（✅） +$rate-item-margin: var(--nutui-rate-item-margin, 14px) !default; +$rate-icon-color: var(--nutui-rate-icon-color, $color-primary) !default; +$rate-icon-inactive-color: var( + --nutui-rate-icon-inactive-color, + $color-text-disabled +) !default; + +// tabbar（✅） +$tabbar-height: var(--nutui-tabbar-height, 50px) !default; +$tabbar-active-color: var( + --nutui-tabbar-active-color, + $color-text-link +) !default; +$tabbar-inactive-color: var( + --nutui-tabbar-inactive-color, + $color-text +) !default; +$tabbar-border-top: var(--nutui-tabbar-border-top, none) !default; +$tabbar-border-bottom: var(--nutui-tabbar-border-bottom, none) !default; +$tabbar-box-shadow: var(--nutui-tabbar-box-shadow, none) !default; +$tabbar-text-font-size: var( + --nutui-tabbar-text-font-size, + $font-size-xs +) !default; +$tabbar-text-large-font-size: var( + --nutui-tabbar-text-large-font-size, + $font-h4 +) !default; +$tabbar-text-large-font-weight: var( + --nutui-tabbar-text-large-font-weight, + $font-weight-bold +) !default; +$tabbar-text-line-height: var(--nutui-tabbar-text-line-height, 20px) !default; +$tabbar-height: var(--nutui-tabbar-height, 50px) !default; +$tabbar-text-margin-top: var(--nutui-tabbar-text-margin-top, 3px) !default; + +//pulltorefresh +$pulltorefresh-icon-width: var(--nutui-pulltorefresh-icon-width, 36px) !default; +$pulltorefresh-icon-height: var( + --nutui-pulltorefresh-icon-height, + 26px +) !default; +$pulltorefresh-color-primary: var( + --nutui-pulltorefresh-color-primary, + $color-primary +) !default; + +//infiniteloading（✅） +$infiniteloading-color: var( + --nutui-infiniteloading-color, + $color-text-help +) !default; +$infiniteloading-icon-size: var( + --nutui-infiniteloading-icon-size, + 24px +) !default; + +//range（✅） +$range-color: var(--nutui-range-color, $color-text-title) !default; +$range-height: var(--nutui-range-height, 2px) !default; +$range-margin: var(--nutui-range-margin, 15px) !default; +$range-inactive-color: var( + --nutui-range-inactive-color, + $color-default +) !default; +$range-active-color: var(--nutui-range-active-color, $color-primary) !default; +$range-button-background: var( + --nutui-range-button-background, + $color-primary-text +) !default; +$range-button-width: var(--nutui-range-button-width, 24px) !default; +$range-button-height: var(--nutui-range-button-height, 24px) !default; +$range-button-border: var(--nutui-range-button-border, none) !default; + +//swiper（✅） +$swiper-indicator-bottom: var(--nutui-swiper-indicator-bottom, 12px); + +//address +$address-tab-line-background: linear-gradient( + 90deg, + $color-primary-stop-1 0%, + $color-primary-stop-2 100% +) !default; + +//steps（✅） +$steps-base-icon-width: var(--nutui-steps-base-icon-width, 25px) !default; +$steps-base-icon-height: var(--nutui-steps-base-icon-height, 25px) !default; +$steps-base-icon-line-height: var( + --nutui-steps-base-icon-line-height, + 25px +) !default; +$steps-base-icon-margin-bottom: var( + --nutui-steps-base-icon-margin-bottom, + 12px +) !default; +$steps-base-icon-font-size: var( + --nutui-steps-base-icon-font-size, + $font-size-small +) !default; +$steps-base-line-width: var(--nutui-steps-base-line-width, 70%) !default; +$steps-base-line-height: var(--nutui-steps-base-line-height, 1px) !default; +$steps-base-line-background: var( + --nutui-steps-base-line-background, + $color-border +) !default; +$steps-base-title-font-size: var( + --nutui-steps-base-title-font-size, + $font-size-base +) !default; +$steps-base-title-color: var( + --nutui-steps-base-title-color, + $color-text-title +) !default; +$steps-base-title-margin-bottom: var( + --nutui-steps-base-title-margin-bottom, + 0 +) !default; +$steps-base-description-font-size: var( + --nutui-steps-base-description-font-size, + $font-size-small +) !default; +$steps-base-description-color: var( + --nutui-steps-base-description-color, + $color-text +) !default; +$steps-wait-icon-bg-color: var( + --nutui-steps-wait-icon-bg-color, + $color-default +) !default; +$steps-wait-icon-color: var( + --nutui-steps-wait-icon-color, + $color-text-help +) !default; +$steps-wait-title-color: var( + --nutui-steps-wait-title-color, + $color-text-help +) !default; +$steps-wait-description-color: var( + --nutui-steps-wait-description-color, + $color-text-help +) !default; +$steps-process-icon-bg-color: var( + --nutui-steps-process-icon-bg-color, + $color-primary +) !default; +$steps-process-icon-before-bg-color: var( + --nutui-steps-process-icon-before-bg-color, + none +) !default; +$steps-process-icon-color: var( + --nutui-steps-process-icon-color, + $white +) !default; +$steps-process-title-color: var( + --nutui-steps-process-title-color, + $color-primary +) !default; +$steps-process-title-font-size: var( + --nutui-steps-process-title-font-size, + $font-size-base +) !default; +$steps-process-title-font-weight: var( + --nutui-steps-process-title-font-weight, + $font-weight-bold +) !default; +$steps-process-description-color: var( + --nutui-steps-process-description-color, + $color-text +) !default; +$steps-finish-icon-bg-color: var( + --nutui-steps-finish-icon-bg-color, + $color-primary-light +) !default; +$steps-finish-icon-color: var( + --nutui-steps-finish-icon-color, + $color-primary +) !default; +$steps-finish-icon-border-color: var( + --nutui-steps-finish-icon-border-color, + transparent +) !default; +$steps-finish-title-color: var( + --nutui-steps-finish-title-color, + $color-text-title +) !default; +$steps-finish-description-color: var( + --nutui-steps-finish-description-color, + $color-text +) !default; +$steps-finish-line-background: var( + --nutui-steps-finish-line-background, + $color-primary +) !default; +$steps-dot-finish-icon-bg-color: var( + --nutui-steps-finish-icon-bg-color, + $white +) !default; +$steps-dot-finish-icon-border-color: var( + --nutui-steps-finish-icon-color, + $color-primary +) !default; +$steps-dot-wait-icon-bg-color: var( + --nutui-steps-dot-wait-icon-bg-color, + $white +) !default; +$steps-dot-icon-width: var(--nutui-steps-dot-icon-width, 6px) !default; +$steps-dot-icon-height: var(--nutui-steps-dot-icon-height, 6px) !default; +$steps-dot-icon-border: var( + --nutui-steps-dot-icon-border, + 2px solid $color-border-shade +) !default; +$steps-dot-head-margin: var(--nutui-steps-dot-head-margin, 10px 0) !default; + +// dialog（✅） +$dialog-z-index: var(--nutui-dialog-z-index, $mask-content-z-index) !default; +$dialog-width: var(--nutui-dialog-width, 295px) !default; +$dialog-padding: var( + --nutui-dialog-padding, + $spacing-xxxl $spacing-xxl +) !default; +$dialog-min-height: var(--nutui-dialog-min-height, 60px) !default; +$dialog-border-radius: var(--nutui-dialog-border-radius, $radius-base) !default; +$dialog-footer-justify-content: var( + --nutui-dialog-footer-justify-content, + space-around +) !default; +$dialog-content-margin: var( + --nutui-dialog-content-margin, + $spacing-base 0 +) !default; +$dialog-content-max-height: var( + --nutui-dialog-content-max-height, + 268px +) !default; +$dialog-content-line-height: var( + --nutui-dialog-content-line-height, + 20px +) !default; +$dialog-content-text-align: var( + --nutui-dialog-content-text-align, + left +) !default; +$dialog-footer-button-min-width: var( + --nutui-dialog-footer-button-min-width, + 117px +) !default; +$dialog-footer-cancel-margin-right: var( + --nutui-dialog-footer-cancel-margin-right, + 12px +) !default; +$dialog-footer-ok-max-width: var( + --nutui-dialog-footer-ok-max-width, + 128px +) !default; +$dialog-header-font-size: var( + --nutui-dialog-header-font-size, + $font-size-large +) !default; +$dialog-header-font-weight: var( + --nutui-dialog-header-font-weight, + normal +) !default; +$dialog-vertical-footer-ok-margin-top: var( + --nutui-dialog-vertical-footer-ok-margin-top, + 5px +) !default; +$dialog-close-color: var( + --nutui-dialog-close-color, + $color-text-title +) !default; +$dialog-close-width: var(--nutui-dialog-close-width, 18px) !default; +$dialog-close-height: var(--nutui-dialog-close-height, 18px) !default; +$dialog-close-top: var(--nutui-dialog-close-top, 16px) !default; +$dialog-close-left: var(--nutui-dialog-close-left, 16px) !default; +$dialog-close-right: var(--nutui-dialog-close-right, 16px) !default; + +// checkbox（✅） +$checkbox-label-margin-left: var( + --nutui-checkbox-label-margin-left, + $spacing-icon-text +) !default; +$checkbox-label-color: var(--nutui-checkbox-label-color, $color-text) !default; +$checkbox-label-font-size: var( + --nutui-checkbox-label-font-size, + $font-size-base +) !default; +$checkbox-icon-font-size: var( + --nutui-checkbox-icon-font-size, + $font-size-large +) !default; +$checkbox-button-font-size: var( + --nutui-checkbox-button-font-size, + $font-size-base +) !default; +$checkbox-button-color: $color-text !default; +$checkbox-button-background: $color-background !default; +$checkbox-button-padding: var( + --nutui-checkbox-button-padding, + 5px 18px +) !default; +$checkbox-button-border-radius: var( + --nutui-checkbox-button-border-radius, + $radius-xs +) !default; +$checkbox-button-active-border: var( + --nutui-checkbox-button-active-border, + 1px solid $color-primary-light +) !default; +$checkbox-button-disabled-active-color: var( + --nutui-checkbox-button-disabled-active-color, + $white +) !default; +$checkbox-list-background-color: var( + --nutui-checkbox-list-background-color, + $white +) !default; +$checkbox-list-item-border: var( + --nutui-checkbox-list-item-border, + 1px solid $color-border +) !default; +$checkbox-list-padding: var(--nutui-checkbox-list-padding, 0 0 0 12px) !default; +$checkbox-list-item-padding: var( + --nutui-checkbox-list-item-padding, + 12px 12px 12px 0 +) !default; + +//radio（✅） +$radio-icon-font-size: var( + --nutui-radio-icon-font-size, + $font-size-large +) !default; +$radio-label-color: var(--nutui-radio-label-color, $color-text) !default; +$radio-label-disable-color: var( + --nutui-radio-label-disable-color, + $color-text-disabled +) !default; +$radio-label-font-size: var( + --nutui-radio-label-font-size, + $font-size-base +) !default; +$radio-label-margin-left: var(--nutui-radio-label-margin-left, 4px) !default; +$radio-button-font-size: var( + --nutui-radio-button-font-size, + $font-size-base +) !default; +$radio-button-color: $color-text !default; +$radio-button-padding: var(--nutui-radio-button-padding, 5px 18px) !default; +$radio-button-border-radius: var( + --nutui-radio-button-border-radius, + $radius-xs +) !default; +$radio-button-background: var( + --nutui-radio-button-background, + $color-background +) !default; +$radio-button-active-border: var( + --nutui-radio-button-active-border, + 1px solid $color-primary-light +) !default; +$radio-button-disabled-active-color: var( + --nutui-radio-button-disabled-active-color, + $white +) !default; +$radiogroup-radio-margin: var( + --nutui-radiogroup-radio-margin, + 0 20px 5px 0 +) !default; +$radiogroup-radio-margin-bottom: var( + --nutui-radiogroup-radio-margin, + 5px +) !default; +$radiogroup-radio-label-margin: var( + --nutui-radiogroup-radio-label-margin, + 0 5px 0 5px +) !default; + +// signature（✅） +$signature-border-color: var( + --nutui-signature-border-color, + $color-border +) !default; +$signature-border-width: var(--nutui-signature-border-width, 1px) !default; +$signature-height: var(--nutui-signature-height, 10rem) !default; +$signature-background-color: var( + --nutui-signature-background-color, + $color-background-overlay +) !default; +$signature-font-size: var( + --nutui-signature-font-size, + $font-size-base +) !default; + +//fixednav（✅） +$fixednav-background-color: var( + --nutui-fixednav-background-color, + $white +) !default; +$fixednav-color: var(--nutui-fixednav-color, #1a1a1a) !default; +$fixednav-index: var(--nutui-fixednav-index, 900) !default; +$fixednav-button-background: var( + --nutui-fixednav-button-background, + $color-primary-gradient-1 +) !default; +$fixednav-item-active-color: var( + --nutui-fixednav-item-active-color, + $color-primary +) !default; + +// NoticeBar（✅） +$noticebar-height: var(--nutui-noticebar-height, 36px) !default; +$noticebar-background: var( + --nutui-noticebar-background, + rgba(251, 248, 220, 1) +) !default; +$noticebar-color: var(--nutui-noticebar-color, #d9500b) !default; +$noticebar-font-size: var( + --nutui-noticebar-font-size, + $font-size-small +) !default; +$noticebar-line-height: var(--nutui-noticebar-line-height, 24px) !default; +$noticebar-box-padding: var( + --nutui-noticebar-box-padding, + $spacing-s $spacing-l +) !default; +$noticebar-border-radius: var(--nutui-noticebar-border-radius, 8px) !default; +$noticebar-wrap-padding: var(--nutui-noticebar-wrapable-padding, 16px) !default; +$noticebar-icon-gap: var(--nutui-noticebar-icon-gap, 4px) !default; +$noticebar-left-icon-width: var( + --nutui-noticebar-left-icon-width, + 16px +) !default; +$noticebar-right-icon-width: var( + --nutui-noticebar-right-icon-width, + 16px +) !default; + +// TimeSelect（✅） +$timeselect-date-width: var(--nutui-timeselect-date-width, 140px) !default; +$timeselect-date-height: var(--nutui-timeselect-date-height, 40px) !default; +$timeselect-date-active-color: var( + --nutui-timeselect-date-active-color, + $color-text-title +) !default; +$timeselect-time-width: var(--nutui-timeselect-time-width, 100px) !default; +$timeselect-time-height: var(--nutui-timeselect-time-height, 50px) !default; +$timeselect-time-margin: var( + --nutui-timeselect-time-margin, + 0 10px 10px 0 +) !default; +$timeselect-time-background: var( + --nutui-timeselect-time-background, + $color-background +) !default; + +//tag（✅） +$tag-padding: var(--nutui-tag-padding, 0 $spacing-xs) !default; +$tag-font-size: var(--nutui-tag-font-size, $font-size-xs) !default; +$tag-border-radius: var(--nutui-tag-border-radius, $radius-xs) !default; +$tag-height: var(--nutui-tag-height, 20px) !default; +$tag-color: var(--nutui-tag-color, $color-text-dark) !default; +$tag-border-width: var(--nutui-tag-border-width, 1px) !default; +$tag-background-color: var( + --nutui-tag-background-color, + $color-text-title +) !default; +$tag-primary-background-color: var( + --nutui-tag-primary-background-color, + $color-primary +) !default; +$tag-info-background-color: var( + --nutui-tag-info-background-color, + $color-info +) !default; +$tag-success-background-color: var( + --nutui-tag-success-background-color, + $color-success +) !default; +$tag-danger-background-color: var( + --nutui-tag-danger-background-color, + $color-danger +) !default; +$tag-warning-background-color: var( + --nutui-tag-warning-background-color, + $color-warning +) !default; +$tag-round-border-radius: var(--nutui-tag-round-border-radius, 8px) !default; +$tag-mark-border-radius: var( + --nutui-tag-mark-border-radius, + 0 8px 8px 0 +) !default; + +//badge（✅） +$badge-height: var(--nutui-badge-height, 20px) !default; +$badge-background-color: var( + --nutui-badge-background-color, + $color-danger +) !default; +$badge-color: var(--nutui-badge-color, #fff) !default; +$badge-font-size: var(--nutui-badge-font-size, $font-size-xs) !default; +$badge-border: var(--nutui-badge-border, 2px solid $badge-color) !default; +$badge-border-radius: var( + --nutui-badge-border-radius, + calc($badge-height/2) +) !default; +$badge-min-width: var(--nutui-badge-min-width, 8px) !default; +$badge-padding: var(--nutui-badge-padding, 0 4px) !default; +$badge-icon-padding: var(--nutui-badge-icon-padding, 3px) !default; +$badge-icon-size: var(--nutui-badge-icon-size, 12px) !default; +$badge-content-transform: var( + --nutui-badge-content-transform, + translateY(-50%) translateX(100%) +) !default; +$badge-z-index: var(--nutui-badge-z-index, 1) !default; +$badge-dot-width: var(--nutui-badge-dot-width, 8px) !default; +$badge-dot-border: var(--nutui-badge-dot-border, none) !default; + +//popover（✅） +$popover-border-radius: var(--nutui-popover-border-radius, $radius-s) !default; +$popover-font-size: var(--nutui-popover-font-size, $font-size-base) !default; +$popover-border-color: var(--nutui-popover-border-color, #ffffff) !default; +$popover-content-background-color: var( + --nutui-popover-content-background-color, + #ffffff +) !default; +$popover-text-color: var(--nutui-popover-text-color, $color-text) !default; +$popover-hover-background-color: var( + --nutui-popover-hover-background-color, + #fff +) !default; +$popover-hover-text-color: var( + --nutui-popover-hover-text-color, + $color-text +) !default; +$popover-disable-color: var( + --nutui-popover-disable-color, + $color-text-disabled +) !default; +$popover-divider-color: var(--nutui-popover-divider-color, none) !default; +$popover-menu-item-padding: var( + --nutui-popover-menu-item-padding, + $spacing-xl +) !default; + +//progress（✅） +$progress-height: var(--nutui-progress-height, 10px) !default; +$progress-color: var( + --nutui-progress-color, + $color-primary-gradient-1 +) !default; +$progress-background: var( + --nutui-progress-background, + $color-background +) !default; +$progress-border-radius: var(--nutui-progress-border-radius, 12px) !default; +$progress-text-color: var( + --nutui-progress-text-color, + $color-primary-text +) !default; +$progress-text-background: var( + --nutui-progress-text-background, + $progress-color +) !default; +$progress-text-padding: var(--nutui-progress-text-padding, 0 5px) !default; +$progress-text-font-size: var(--nutui-progress-text-font-size, 9px) !default; +$progress-text-position-top: var( + --nutui-progress-text-position-top, + -4px +) !default; +$progress-text-position-bottom: var( + --nutui-progress-text-position-bottom, + -4px +) !default; +$progress-text-border-radius: var( + --nutui-progress-text-border-radius, + 5px +) !default; + +//pagination（✅） +$pagination-color: var(--nutui-pagination-color, $color-primary) !default; +$pagination-lite-color: var(--nutui-pagination-lite-color, $white) !default; +$pagination-font-size: var( + --nutui-pagination-font-size, + $font-size-base +) !default; +$pagination-item-border-color: var( + --nutui-pagination-item-border-color, + $color-border +) !default; +$pagination-active-background-color: linear-gradient( + 135deg, + $color-primary-stop-1 0%, + $color-primary-stop-2 100% +) !default; +$pagination-disable-color: var( + --nutui-pagination-disable-color, + $color-text-disabled +) !default; +$pagination-disable-background-color: var( + --nutui-pagination-disable-background-color, + #f7f8fa +) !default; +$pagination-item-border-width: var( + --nutui-pagination-item-border-width, + 1px +) !default; +$pagination-item-border-radius: var( + --nutui-pagination-item-border-radius, + 2px +) !default; +$pagination-prev-next-padding: var( + --nutui-pagination-prev-next-padding, + 0 12px +) !default; +$pagination-lite-width: var(--nutui-pagination-lite-width, 40px) !default; +$pagination-lite-height: var(--nutui-pagination-lite-height, 20px) !default; +$pagination-lite-radius: var(--nutui-pagination-lite-radius, 12px) !default; +$pagination-lite-background-color: var( + --nutui-pagination-lite-background-color, + var(--nutui-black-7) +) !default; +$pagination-lite-active-background-color: var( + --nutui-pagination-lite-active-background-color, + var(--nutui-black-5) +) !default; + +// tabs（✅） +$tabs-titles-height: var(--nutui-tabs-titles-height, 32px) !default; +$tabs-titles-background-color: var( + --nutui-tabs-titles-background-color, + $white +) !default; +$tabs-titles-gap: var(--nutui-tabs-titles-gap, 12px) !default; +$tabs-titles-font-size: var( + --nutui-tabs-titles-font-size, + $font-size-base +) !default; +$tabs-titles-item-min-width: var( + --nutui-tabs-titles-item-min-width, + 50px +) !default; +$tabs-titles-item-color: var( + --nutui-tabs-titles-item-color, + $color-title +) !default; +$tabs-titles-item-active-color: var( + --nutui-tabs-titles-item-active-color, + $color-text-link +) !default; +$tabs-titles-item-active-font-weight: var( + --nutui-tabs-titles-item-active-font-weight, + $font-weight-bold +) !default; +$tabs-titles-item-active-font-size: var( + --nutui-tabs-titles-item-active-font-size, + $font-size-large +) !default; +$tabs-titles-item-active-background-color: var( + --nutui-tabs-titles-item-active-background-color, + $color-background-overlay +) !default; +$tabs-tab-line-width: var(--nutui-tabs-tab-line-width, 24px) !default; +$tabs-tab-line-height: var(--nutui-tabs-tab-line-height, 3px) !default; +$tabs-tab-line-color: var(--nutui-tabs-tab-line-color, $color-primary) !default; +$tabs-tab-line-bottom: var(--nutui-tabs-line-bottom, 0) !default; +$tabs-tab-line-border-radius: var( + --nutui-tabs-line-border-radius, + 3px +) !default; +$tabs-tab-line-opacity: var(--nutui-tabs-tab-line-opacity, 1) !default; +$tabs-tab-button-border-radius: var( + --nutui-tabs-button-border-radius, + $radius-xs +) !default; +$tabs-tab-button-active-background-color: var( + --nutui-tabs-button-active-background-color, + $color-primary-light +) !default; +$tabs-tab-button-active-border: var( + --nutui-tabs-button-active-border, + 1px solid $color-primary +) !default; +$tabs-vertical-titles-width: var( + --nutui-tabs-vertical-titles-width, + 100px +) !default; +$tabs-vertical-titles-item-height: var( + --nutui-tabs-vertical-titles-item-height, + 40px +) !default; +$tabs-vertical-tab-line-color: var( + --nutui-tabs-vertical-tab-line-color, + linear-gradient(180deg, $color-primary-stop-1 0%, $color-primary-light 100%) +) !default; +$tabs-vertical-tab-line-width: var( + --nutui-tabs-vertical-tab-line-width, + 3px +) !default; +$tabs-vertical-tab-line-height: var( + --nutui-tabs-vertical-tab-line-height, + 12px +) !default; +$tabs-titles-item-smile-bottom: var( + --nutui-tabs-titles-item-smile-bottom, + -10px +) !default; +$tabs-tabpane-padding: var(--nutui-tabs-tabpane-padding, 24px 20px) !default; +$tabs-tabpane-backgroundColor: var( + --nutui-tabs-tabpane-backgroundColor, + #fff +) !default; +// indicator（✅） +$indicator-color: var(--nutui-indicator-color, $color-primary) !default; +$indicator-dot-color: var(--nutui-indicator-dot-color, $color-default) !default; +$indicator-dot-size: var(--nutui-indicator-dot-size, 6px) !default; +$indicator-dot-active-size: var( + --nutui-indicator-dot-active-size, + 20px +) !default; +$indicator-border-radius: var(--nutui-indicator-border-radius, 2px) !default; +$indicator-dot-margin: var(--nutui-indicator-dot-margin, $spacing-xs) !default; + +// menu（✅） +$menu-scroll-fixed-top: var(--nutui-menu-scroll-fixed-top, 0) !default; +$menu-scroll-fixed-z-index: var( + --nutui-menu-scroll-fixed-z-index, + $mask-z-index +) !default; +$menu-bar-line-height: var(--nutui-menu-bar-line-height, 48px) !default; +$menu-bar-box-shadow: var( + --nutui-menu-bar-box-shadow, + 0 2px 12px rgba(89, 89, 89, 0.12) +) !default; +$menu-bar-opened-z-index: var(--nutui-menu-bar-opened-z-index, 1000) !default; +$menu-title-padding: var(--nutui-menu-title-padding, 0 8px) !default; +$menu-title-font-size: var( + --nutui-menu-title-font-size, + $font-size-base +) !default; +$menu-title-color: var(--nutui-menu-title-color, $color-text-title) !default; +$menu-container-z-index: var(--nutui-menu-container-z-index, 1000) !default; +$menu-content-padding: var(--nutui-menu-content-padding, 12px 24px) !default; +$menu-content-max-height: var(--nutui-menu-content-max-height, 214px) !default; +$menu-content-background-color: var( + --nutui-menu-content-background-color, + $color-background-overlay +) !default; +$menu-item-active-color: var( + --nutui-menu-item-active-color, + $color-primary +) !default; +$menu-item-active-font-weight: var( + --nutui-menu-item-active-font-weight, + $font-weight-bold +) !default; +$menu-item-disabled-color: var( + --nutui-menu-item-disabled-color, + $color-text-disabled +) !default; +$menu-item-padding: var(--nutui-menu-item-padding, 12px 0) !default; +$menu-item-icon-margin: var(--nutui-menu-item-icon-margin, 8px) !default; + +// collapse（✅） +$collapse-item-border-bottom: var( + --nutui-collapse-item-border-bottom, + 1px solid $color-border +) !default; +$collapse-item-header-border-bottom: var( + --nutui-collapse-item-header-border-bottom, + none +) !default; +$collapse-item-padding: var( + --nutui-collapse-item-padding, + $spacing-xxl $spacing-l +) !default; +$collapse-item-color: var( + --nutui-collapse-item-color, + $color-text-title +) !default; +$collapse-item-disabled-color: var( + --nutui-collapse-item-disabled-color, + $color-text-disabled +) !default; +$collapse-item-font-size: var( + --nutui-collapse-item-font-size, + $font-text-large +) !default; +$collapse-item-line-height: var( + --nutui-collapse-item-line-height, + $line-height-base +) !default; +$collapse-item-extra-color: var( + --nutui-collapse-item-extra-color, + $color-text +) !default; +$collapse-wrapper-content-padding: var( + --nutui-collapse-wrapper-content-padding, + $spacing-l +) !default; +$collapse-wrapper-content-color: var( + --nutui-collapse-wrapper-content-color, + $color-text +) !default; +$collapse-wrapper-content-font-size: var( + --nutui-collapse-wrapper-content-font-size, + $font-text +) !default; +$collapse-wrapper-content-line-height: var( + --nutui-collapse-wrapper-content-line-height, + $line-height-base +) !default; +$collapse-wrapper-content-background-color: var( + --nutui-collapse-wrapper-content-background-color, + $color-background-overlay +) !default; + +// searchbar（✅） +$searchbar-width: var(--nutui-searchbar-width, 100%) !default; +$searchbar-padding: var(--nutui-searchbar-padding, 8px 10px) !default; +$searchbar-background: var( + --nutui-searchbar-background, + $color-surface-2 +) !default; +$searchbar-color: var(--nutui-searchbar-color, $color-text-title) !default; +$searchbar-gap: var(--nutui-searchbar-gap, 16px) !default; +$searchbar-font-size: var( + --nutui-searchbar-font-size, + $font-size-base +) !default; +$searchbar-content-padding: var( + --nutui-searchbar-content-padding, + 0 12px +) !default; +$searchbar-content-background: var( + --nutui-searchbar-content-background, + $color-default-light +) !default; +$searchbar-content-border-radius: var( + --nutui-searchbar-content-border-radius, + $radius-xs +) !default; +$searchbar-content-round-border-radius: var( + --nutui-searchbar-content-round-border-radius, + 18px +) !default; +$searchbar-input-height: var(--nutui-searchbar-input-height, 36px) !default; +$searchbar-input-padding: var( + --nutui-searchbar-input-padding, + 4px 8px +) !default; +$searchbar-input-text-color: var( + --nutui-searchbar-input-text-color, + $color-text +) !default; +$searchbar-input-curror-color: var( + --nutui-searchbar-input-curror-color, + $color-text-title +) !default; +$searchbar-input-text-align: var( + --nutui-searchbar-input-text-align, + left +) !default; + +// empty（✅） + +$empty-padding: var(--nutui-empty-padding, 32px 40px) !default; +$empty-image-size: var(--nutui-empty-image-size, 160px) !default; +$empty-image-small-size: var(--nutui-empty-image-small-size, 120px) !default; +$empty-title-margin-top: var(--nutui-empty-title-margin-top, 0px) !default; +$empty-background-color: var(--nutui-empty-background-color, #fff) !default; +$empty-title-margin-bottom: var( + --nutui-empty-title-margin-bottom, + 8px +) !default; +$empty-title-line-height: var( + --nutui-empty-title-line-height, + $font-size-base +) !default; +$empty-description-margin-top: var( + --nutui-empty-description-margin-top, + 0px +) !default; +$empty-description-line-height: var( + --nutui-empty-description-line-height, + 1.2 +) !default; + +// cascader（✅） +$cascader-font-size: var(--nutui-cascader-font-size, $font-size-base) !default; +$cascader-pane-height: var(--nutui-cascader-pane-height, 342px) !default; +$cascader-pane-paddingTop: var(--nutui-cascader-pane-paddingTop, 10px) !default; +$cascader-icon-checklist-marginLeft: var( + --nutui-cascader-icon-checklist-marginLeft, + 10px +) !default; +$cascader-tabs-item-padding: var( + --nutui-cascader-tabs-item-padding, + 0 10px +) !default; +$cascader-bar-padding: var( + --nutui-cascader-bar-padding, + 24px 20px 17px +) !default; +$cascader-bar-font-size: var( + --nutui-cascader-bar-font-size, + $font-size-xl +) !default; +$cascader-bar-line-height: var(--nutui-cascader-bar-line-height, 20px) !default; +$cascader-bar-color: var( + --nutui-cascader-bar-color, + $color-text-title +) !default; +$cascader-item-height: var(--nutui-cascader-item-height, 40px) !default; +$cascader-item-padding: var(--nutui-cascader-item-padding, 10px 20px) !default; +$cascader-item-margin: var(--nutui-cascader-item-margin, 0px) !default; +$cascader-item-border-bottom: var( + --nutui-cascader-item-border-bottom, + 0px solid $color-border +) !default; +$cascader-item-color: var( + --nutui-cascader-item-color, + $color-text-title +) !default; +$cascader-item-font-size: var( + --nutui-cascader-item-font-size, + $font-size-base +) !default; +$cascader-item-active-color: var( + --nutui-cascader-item-active-color, + $color-primary +) !default; + +// form +$form-item-error-line-color: var( + --nutui-form-item-error-line-color, + $color-primary +) !default; +$form-item-required-color: var( + --nutui-form-item-required-color, + $color-danger +) !default; +$form-item-error-message-color: var( + --nutui-form-item-error-message-color, + $color-primary +) !default; +$form-item-label-font-size: var( + --nutui-form-item-label-font-size, + $font-size-base +) !default; +$form-item-label-width: var(--nutui-form-item-label-width, 90px) !default; +$form-item-label-margin-right: var( + --nutui-form-item-label-margin-right, + 10px +) !default; +$form-item-label-text-align: var( + --nutui-form-item-label-text-align, + left +) !default; +$form-item-required-margin-right: var( + --nutui-form-item-required-margin-right, + 4px +) !default; +$form-item-body-font-size: var( + --nutui-form-item-body-font-size, + $font-size-base +) !default; +$form-item-body-slots-text-align: var( + --nutui-form-item-body-slots-text-align, + left +) !default; +$form-item-body-input-text-align: var( + --nutui-form-item-body-input-text-align, + left +) !default; +$form-item-tip-font-size: var( + --nutui-form-item-tip-font-size, + $font-size-xs +) !default; +$form-item-tip-text-align: var(--nutui-form-item-tip-text-align, left) !default; + +// skeleton（✅） +$skeleton-background: var( + --nutui-skeleton-background, + $color-background +) !default; +$skeleton-line-width: var(--nutui-skeleton-line-width, 100%) !default; +$skeleton-line-height: var(--nutui-skeleton-line-height, 15px) !default; +$skeleton-line-border-radius: var( + --nutui-skeleton-line-border-radius, + 0 +) !default; + +// card（✅） +$card-border-radius: var(--nutui-card-border-radius, 4px) !default; +$color-background-overlay: var( + --nutui-card-background-color, + $color-background +) !default; + +// grid（✅） +$grid-border-color: var(--nutui-grid-border-color, $color-border) !default; +$grid-item-content-padding: var( + --nutui-grid-item-content-padding, + 16px 8px +) !default; +$grid-item-content-bg-color: var( + --nutui-grid-item-content-bg-color, + $white +) !default; +$grid-item-text-margin: var(--nutui-grid-item-text-margin, 8px) !default; +$grid-item-text-color: var( + --nutui-grid-item-text-color, + $color-text-title +) !default; +$grid-item-text-font-size: var( + --nutui-grid-item-text-font-size, + $font-size-small +) !default; + +// table（✅） +$table-border-color: var(--nutui-table-border-color, $color-border) !default; +$table-cols-padding: var(--nutui-table-cols-padding, 10px) !default; +$table-tr-even-bg-color: var( + --nutui-table-tr-even-bg-color, + $color-background +) !default; +$table-tr-odd-bg-color: var(--nutui-table-tr-odd-bg-color, $white) !default; +$table-sticky-left-shadow: var( + --nutui-table-sticky-left-shadow, + 4px 0 8px 0 rgba(0, 0, 0, 0.1) +) !default; +$table-sticky-right-shadow: var( + --nutui-table-sticky-right-shadow, + -4px 0 8px 0 rgba(0, 0, 0, 0.1) +) !default; + +// navbar（✅） +$navbar-width: var(--nutui-navbar-width, 100%) !default; +$navbar-height: var(--nutui-navbar-height, 44px) !default; +$navbar-margin-bottom: var(--nutui-navbar-margin-bottom, 20px) !default; +$navbar-background: var(--nutui-navbar-background, $white) !default; +$navbar-box-shadow: var(--nutui-navbar-box-shadow, 0px) !default; +$navbar-color: var(--nutui-navbar-color, $color-text-title) !default; +$navbar-font-size: var(--nutui-navbar-font-size, $font-size-base) !default; +$navbar-title-font-size: var(--nutui-navbar-title-font-size, $font-h1) !default; +$navbar-title-font-weight: var( + --nutui-navbar-title-font-weight, + $font-weight-bold +) !default; +$navbar-title-font-color: var( + --nutui-navbar-title-font-color, + $color-text-title +) !default; + +// sidenavbar（✅） +$sidenavbar-content-bg-color: var( + --nutui-sidenavbar-content-bg-color, + $white +) !default; +$sidenavbar-item-height: var(--nutui-sidenavbar-item-height, 40px) !default; +$sidenavbar-title-padding: var( + --nutui-sidenavbar-title-padding, + 10px 8px 10px 20px +) !default; +$sidenavbar-title-background: var( + --nutui-sidenavbar-title-background, + $color-background +) !default; +$sidenavbar-title-color: var( + --nutui-sidenavbar-title-color, + $color-text-title +) !default; +// subsidenavbar（✅） +$sidenavbar-sub-title-padding: var( + --nutui-sidenavbar-sub-title-padding, + 10px 8px 10px 35px +) !default; +$sidenavbar-sub-title-background: var( + --nutui-sidenavbar-sub-title-background, + $color-background-sunken +) !default; +$sidenavbar-sub-title-color: var( + --nutui-sidenavbar-sub-title-color, + $color-text-title +) !default; +// sidenavbaritem（✅） +$sidenavbar-sub-item-color: var( + --nutui-sidenavbar-sub-item-color, + $color-text +) !default; +$sidenavbar-sub-item-padding: var( + --nutui-sidenavbar-sub-item-padding, + 10px 8px 10px 55px +) !default; +$sidenavbar-sub-list-background: var( + --nutui-sidenavbar-sub-list-background, + $white +) !default; +$sidenavbar-sub-list-color: var( + --nutui-sidenavbar-sub-list-background, + $color-text +) !default; + +// elevator（✅） +$elevator-list-bg-color: var(--nutui-elevator-list-bg-color, $white) !default; +$elevator-list-font-size: var( + --nutui-elevator-list-font-size, + $font-size-small +) !default; +$elevator-list-color: var( + --nutui-elevator-list-color, + $color-text-title +) !default; +$elevator-list-item-padding: var( + --nutui-elevator-list-item-padding, + 0 20px +) !default; +$elevator-list-item-name-height: var( + --nutui-elevator-list-item-name-height, + 52px +) !default; +$elevator-list-item-name-line-height: var( + --nutui-elevator-list-item-name-line-height, + 52px +) !default; +$elevator-list-item-code-font-size: var( + --nutui-elevator-list-item-code-font-size, + $font-size-base +) !default; +$elevator-list-item-code-color: var( + --nutui-elevator-list-item-code-color, + $color-text-title +) !default; +$elevator-list-item-code-font-weight: var( + --nutui-elevator-list-item-code-font-weight, + $font-weight-bold +) !default; +$elevator-list-item-code-height: var( + --nutui-elevator-list-item-code-height, + 20px +) !default; +$elevator-list-item-code-line-height: var( + --nutui-elevator-list-item-code-line-height, + 20px +) !default; +$elevator-list-item-code-border-bottom: var( + --nutui-elevator-list-item-code-border-bottom, + none +) !default; +$elevator-list-item-code-background-color: var( + --nutui-elevator-list-item-code-background-color, + $color-default-light +) !default; +$elevator-list-item-code-current-box-shadow: 0px 2px 6px 0px + rgba(4, 1, 135, 0.08) !default; +$elevator-list-item-code-current-bg-color: var( + --nutui-elevator-list-item-code-current-bg-color, + $color-default-light +) !default; +$elevator-list-item-code-current-border-radius: var( + --nutui-elevator-list-item-code-current-border-radius, + 50% 0 50% 50% +) !default; +$elevator-list-item-code-current-width: var( + --nutui-elevator-list-item-code-current-width, + 48px +) !default; +$elevator-list-item-code-current-height: var( + --nutui-elevator-list-item-code-current-height, + 48px +) !default; +$elevator-list-item-code-current-line-height: var( + --nutui-elevator-list-item-code-current-line-height, + 48px +) !default; +$elevator-list-item-code-current-right: var( + --nutui-elevator-list-item-code-current-right, + 40px +) !default; +$elevator-list-item-code-current-top: var( + --nutui-elevator-list-item-code-current-top, + 50% +) !default; +$elevator-list-item-code-current-text-align: var( + --nutui-elevator-list-item-code-current-text-align, + center +) !default; +$elevator-bars-right: var(--nutui-elevator-bars-right, 10px) !default; +$elevator-bars-top: var(--nutui-elevator-bars-top, 50%) !default; +$elevator-bars-transform: var( + --nutui-elevator-bars-transform, + translateY(-50%) +) !default; +$elevator-bars-padding: var(--nutui-elevator-bars-padding, 15px 0) !default; +$elevator-bars-background-color: var( + --nutui-elevator-bars-background-color, + transparent +) !default; +$elevator-bars-border-radius: var( + --nutui-elevator-bars-border-radius, + 6px +) !default; +$elevator-bars-z-index: var(--nutui-elevator-bars-z-index, 2) !default; +$elevator-bars-inner-item-padding: var( + --nutui-elevator-bars-inner-item-padding, + 3px +) !default; +$elevator-bars-font-size: var( + --nutui-elevator-bars-font-size, + $font-size-xs +) !default; +$elevator-bars-active-color: var( + --nutui-elevator-bars-active-color, + $color-primary +) !default; +$elevator-list-fixed-color: var( + --nutui-elevator-list-fixed-color, + $color-primary +) !default; +$elevator-list-fixed-bg-color: var( + --nutui-elevator-list-fixed-bg-color, + $color-default-light +) !default; +$elevator-list-fixed-box-shadow: var( + --nutui-elevator-list-fixed-box-shadow, + 0 0 10px #eee +) !default; + +// list（✅） +$list-item-margin: var(--nutui-list-item-margin, 0 0 10px 0) !default; + +//addresslist +$addresslist-bg: var(--nutui-addresslist-bg, #fff) !default; +$addresslist-border: var(--nutui-addresslist-border, #f0f0f0) !default; +$addresslist-font-color: var(--nutui-addresslist-font-color, #333333) !default; +$addresslist-font-size: var(--nutui-addresslist-font-size, 16px) !default; +$addresslist-mask-bg: var( + --nutui-addresslist-mask-bg, + rgba(0, 0, 0, 0.4) +) !default; +$addresslist-addr-font-color: var( + --nutui-addresslist-addr-font-color, + #666666 +) !default; +$addresslist-addr-font-size: var( + --nutui-addresslist-addr-font-size, + 12px +) !default; +$addresslist-set-bg: var(--nutui-addresslist-set-bg, #f5a623) !default; +$addresslist-del-bg: var(--nutui-addresslist-del-bg, #e1251b) !default; +$addresslist-contnts-contact-default: var( + --nutui-addresslist-contnts-contact-default, + $color-primary +) !default; +$addresslist-contnts-contact-color: var( + --nutui-addresslist-contnts-contact-color, + $white +) !default; + +// circleProgress（✅） +$circleprogress-primary-color: var( + --nutui-circleprogress-primary-color, + $color-primary +) !default; +$circleprogress-path-color: var( + --nutui-circleprogress-path-color, + $color-background +) !default; +$circleprogress-text-color: var( + --nutui-circleprogress-text-color, + $color-text-title +) !default; +$circleprogress-text-size: var( + --nutui-circleprogress-text-size, + $font-size-large +) !default; + +// Ellipsis +$ellipsis-expand-collapse-color: var( + --nutui-ellipsis-expand-collapse-color, + $color-info +) !default; + +// WaterMark +$watermark-z-index: var( + --nutui-watermark-z-index, + $mask-content-z-index +) !default; + +// TrendArrow +$trendarrow-font-size: var(--nutui-trendarrow-font-size, 14px) !default; +$trendarrow-icon-margin: var(--nutui-trendarrow-icon-margin, 4px) !default; + +// animatingnumbers（✅） +$countup-width: var(--nutui-countup-width, auto) !default; +$countup-height: var(--nutui-countup-height, 32px) !default; +$countup-base-size: var(--nutui-countup-base-size, 18px) !default; +$countup-border-radius: var(--nutui-countup-border-radius, 4px) !default; +$countup-lr-margin: var(--nutui-countup-lr-margin, 0) !default; +$countup-bg-color: var(--nutui-countup-bg-color, inherit) !default; +$countup-color: var(--nutui-countup-color, $color-text-title) !default; + +// layout（✅） +$row-content-color: var(--nutui-row-content-color, #fff) !default; +$row-content-background-color: var( + --nutui-row-content-background-color, + var(--row-content-bg-color, #ff8881) +) !default; +$row-content-light-background-color: var( + --row-content-light-bg-color, + #ffc7c4 +) !default; +$row-content-border-radius: var( + --nutui-row-content-border-radius, + 6px +) !default; +$row-content-height: var(--nutui-row-content-height, 50px) !default; +$row-content-line-height: var(--nutui-row-content-line-height, 40px) !default; + +$col-default-margin-bottom: var( + --nutui-col-default-margin-bottom, + 2px +) !default; + +// Space +$space-gap: var(--nutui-space-gap, 8px) !default; + +// loading +$loading-icon-color: var(--nutui-loading-icon-color, $color-text-help) !default; +$loading-icon-size: var(--nutui-loading-icon-size, $font-size-small) !default; +$loading-color: var(--nutui-loading-color, $color-text-help) !default; +$loading-font-size: var(--nutui-loading-font-size, $font-size-small) !default; +// ResultPage +$resultpage-width: var(--nutui-resultpage-width, 247px) !default; +$resultpage-icon-size: var(--nutui-resultpage-icon-size, 48px) !default; +$resultpage-icon-margin-bottom: var( + --nutui-resultpage-icon-margin-bottom, + 16px +) !default; +$resultpage-title-margin-bottom: var( + --nutui-resultpage-title-margin-bottom, + 9px +) !default; +$resultpage-title-font-size: var( + --nutui-resultpage-title-font-size, + $font-size-xl +) !default; +$resultpage-title-color: var( + --nutui-resultpage-title-color, + $color-title +) !default; +$resultpage-description-font-size: var( + --nutui-resultpage-description-font-size, + $font-size-base +) !default; +$resultpage-description-color: var( + --nutui-resultpage-description-color, + $color-text +) !default; +$resultpage-description-line-height: var( + --nutui-resultpage-description-line-height, + 20px +) !default; +$resultpage-actions-margin-top: var( + --nutui-resultpage-actions-margin-top, + 21px +) !default;