日志，维修

hailu

2023-10-05 32fe82458589e6f6495ceb889a6c27fa19caa790

日志，维修

 GoldC/app.json

@@ -20,7 +20,10 @@
    "pages/workOrder/workOrder",
    "pages/bar/index",
    "pages/filterStatus/filterStatus",
    "pages/waterUses/waterUses"
    "pages/waterUses/waterUses",
    "pages/devicelogs/devicelogs",
    "pages/repairTicketDetail/repairTicketDetail",
    "pages/repair/repair"
  ],
  "permission": {
    "scope.userLocation": {

 GoldC/app.wxss

@@ -1,4 +1,5 @@
/**app.wxss**/
@import '/iconfont/iconfont.wxss'; 
page{
  background-color: #eeeeee; 
  /* background-color: #fff;  */

 GoldC/iconfont/demo.css

New file
@@ -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;
}

 GoldC/iconfont/demo_index.html

New file
@@ -0,0 +1,487 @@
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=4273872" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">统计</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe693;</span>
                <div class="name">最新智咖</div>
                <div class="code-name">&amp;#xe693;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name"> 我的</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">客服</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe711;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe711;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">报修</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe917;</span>
                <div class="name">填色,水滴,水,油</div>
                <div class="code-name">&amp;#xe917;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">向右箭头</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">向左箭头</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">星星</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">开关</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1696491880533') format('woff2'),
       url('iconfont.woff?t=1696491880533') format('woff'),
       url('iconfont.ttf?t=1696491880533') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon-tongji"></span>
            <div class="name">
              统计
            </div>
            <div class="code-name">.icon-tongji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-3"></span>
            <div class="name">
              最新智咖
            </div>
            <div class="code-name">.icon-3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.icon-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-wode"></span>
            <div class="name">
               我的
            </div>
            <div class="code-name">.icon-wode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kefu"></span>
            <div class="name">
              客服
            </div>
            <div class="code-name">.icon-kefu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiaoxi"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon-xiaoxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-rizhi"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.icon-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-baoxiu"></span>
            <div class="name">
              报修
            </div>
            <div class="code-name">.icon-baoxiu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-drip-full"></span>
            <div class="name">
              填色,水滴,水,油
            </div>
            <div class="code-name">.icon-drip-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangyoujiantou"></span>
            <div class="name">
              向右箭头
            </div>
            <div class="code-name">.icon-xiangyoujiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xiangzuojiantou"></span>
            <div class="name">
              向左箭头
            </div>
            <div class="code-name">.icon-xiangzuojiantou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-xingxing"></span>
            <div class="name">
              星星
            </div>
            <div class="code-name">.icon-xingxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon-kaiguan"></span>
            <div class="name">
              开关
            </div>
            <div class="code-name">.icon-kaiguan
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tongji"></use>
                </svg>
                <div class="name">统计</div>
                <div class="code-name">#icon-tongji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-3"></use>
                </svg>
                <div class="name">最新智咖</div>
                <div class="code-name">#icon-3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#icon-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-wode"></use>
                </svg>
                <div class="name"> 我的</div>
                <div class="code-name">#icon-wode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kefu"></use>
                </svg>
                <div class="name">客服</div>
                <div class="code-name">#icon-kefu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiaoxi"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon-xiaoxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-rizhi"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#icon-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-baoxiu"></use>
                </svg>
                <div class="name">报修</div>
                <div class="code-name">#icon-baoxiu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-drip-full"></use>
                </svg>
                <div class="name">填色,水滴,水,油</div>
                <div class="code-name">#icon-drip-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangyoujiantou"></use>
                </svg>
                <div class="name">向右箭头</div>
                <div class="code-name">#icon-xiangyoujiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xiangzuojiantou"></use>
                </svg>
                <div class="name">向左箭头</div>
                <div class="code-name">#icon-xiangzuojiantou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-xingxing"></use>
                </svg>
                <div class="name">星星</div>
                <div class="code-name">#icon-xingxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon-kaiguan"></use>
                </svg>
                <div class="name">开关</div>
                <div class="code-name">#icon-kaiguan</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>

 GoldC/iconfont/iconfont.js

New file
@@ -0,0 +1 @@
window._iconfont_svg_string_4273872='<svg><symbol id="icon-tongji" viewBox="0 0 1024 1024"><path d="M967.693307 992.493416 68.973859 992.493416c-21.281733 0-38.693507-17.411774-38.693507-38.693507l0-10.798141c0-21.281733 17.411774-38.693507 38.693507-38.693507l898.719448 0c21.281733 0 38.693507 17.411774 38.693507 38.693507l0 10.798141C1006.386814 975.081642 988.97504 992.493416 967.693307 992.493416z" fill="#4C4C4C" ></path><path d="M780.572549 55.266146l0 880.312281c0 21.281733-17.411774 38.693507-38.693507 38.693507l-10.798141 0c-21.281733 0-38.693507-17.411774-38.693507-38.693507L692.387395 55.266146c0-21.281733 17.411774-38.693507 38.693507-38.693507l10.798141 0C763.15976 16.571625 780.572549 33.984413 780.572549 55.266146z" fill="#4C4C4C" ></path><path d="M553.974956 347.447071l0 588.131356c0 21.281733-17.411774 38.693507-38.693507 38.693507l-10.798141 0c-21.281733 0-38.693507-17.411774-38.693507-38.693507L465.789802 347.447071c0-21.281733 17.411774-38.693507 38.693507-38.693507l10.798141 0C536.563183 308.753564 553.974956 326.165338 553.974956 347.447071z" fill="#4C4C4C" ></path><path d="M310.465824 571.586113l0 363.9913c0 21.281733-17.411774 38.693507-38.693507 38.693507l-10.798141 0c-21.281733 0-38.693507-17.411774-38.693507-38.693507L222.28067 571.586113c0-21.281733 17.411774-38.693507 38.693507-38.693507l10.798141 0C293.05405 532.892606 310.465824 550.30438 310.465824 571.586113z" fill="#4C4C4C" ></path></symbol><symbol id="icon-3" viewBox="0 0 2304 1024"><path d="M495.05329 0C345.267936 0 225.947399 45.697229 137.09168 142.169149 45.697227 238.641075 0 360.500347 0 507.746964 0 654.993587 45.697227 776.852854 137.09168 873.32478 225.947399 967.257969 345.267936 1015.493929 495.05329 1015.493929 581.370276 1015.493929 682.91967 977.412905 804.778941 903.789599 901.250862 847.937434 1007.877724 764.159181 1127.198264 657.532319 1249.057536 764.159181 1355.684398 847.937434 1449.617587 903.789599 1571.476854 977.412905 1675.564984 1015.493929 1761.881969 1015.493929 1909.128586 1015.493929 2030.987858 967.257969 2122.382316 873.32478 2211.238031 776.852854 2256.93526 654.993587 2256.93526 507.746964 2256.93526 360.500347 2211.238031 238.641075 2122.382316 142.169149 2030.987858 45.697229 1909.128586 0 1761.881969 0 1665.410043 0 1553.705713 40.619756 1421.6915 126.93674 1335.374515 182.788905 1236.363858 258.950953 1127.198264 360.500347 1007.877724 251.334748 901.250862 167.5565 804.778941 109.165599 682.91967 35.542287 581.370276 0 495.05329 0L495.05329 0ZM1761.881969 223.408666C1845.660216 223.408666 1911.667323 248.796012 1962.44202 304.648177 2010.67798 355.422874 2036.065331 423.968717 2036.065331 507.746964 2036.065331 588.986481 2010.67798 657.532319 1962.44202 710.845752 1911.667323 764.159181 1845.660216 792.085263 1761.881969 792.085263 1703.491067 792.085263 1629.867756 761.620449 1538.473303 703.229548 1467.388728 657.532319 1383.610481 591.525212 1292.216023 507.746964 1383.610481 421.42998 1464.849992 357.96161 1535.934566 314.803118 1627.329024 253.873485 1703.491067 223.408666 1761.881969 223.408666L1761.881969 223.408666ZM495.05329 223.408666C550.905457 223.408666 627.0675 253.873485 718.461957 317.341855 787.007795 360.500347 868.247311 423.968717 962.1805 510.285701 878.402248 586.447744 804.778941 644.838646 743.849303 687.997138 642.299909 756.542976 558.521661 792.085263 495.05329 792.085263 408.736307 792.085263 342.729201 764.159181 294.49324 710.845752 243.718543 657.532319 220.869929 588.986481 220.869929 507.746964 220.869929 423.968717 243.718543 355.422874 294.49324 304.648177 342.729201 248.796012 408.736307 223.408666 495.05329 223.408666L495.05329 223.408666Z" fill="#000000" fill-opacity="0.38" ></path></symbol><symbol id="icon-tuichu" viewBox="0 0 1024 1024"><path d="M874.666667 855.744a19.093333 19.093333 0 0 1-19.136 18.922667H168.469333A19.2 19.2 0 0 1 149.333333 855.530667V168.469333A19.2 19.2 0 0 1 168.469333 149.333333h687.061334c10.581333 0 19.136 8.533333 19.136 18.922667V320h42.666666V168.256A61.717333 61.717333 0 0 0 855.530667 106.666667H168.469333A61.866667 61.866667 0 0 0 106.666667 168.469333v687.061334A61.866667 61.866667 0 0 0 168.469333 917.333333h687.061334A61.76 61.76 0 0 0 917.333333 855.744V704h-42.666666v151.744zM851.84 533.333333l-131.797333 131.754667a21.141333 21.141333 0 0 0 0.213333 29.973333 21.141333 21.141333 0 0 0 29.973333 0.192l165.589334-165.589333a20.821333 20.821333 0 0 0 6.122666-14.976 21.44 21.44 0 0 0-6.314666-14.997333l-168.533334-168.533334a21.141333 21.141333 0 0 0-29.952-0.213333 21.141333 21.141333 0 0 0 0.213334 29.973333L847.296 490.666667H469.333333v42.666666h382.506667z" fill="#3D3D3D" ></path></symbol><symbol id="icon-wode" viewBox="0 0 1024 1024"><path d="M704 329.152C704 209.365333 622.848 128 512 128s-192 81.365333-192 201.152C320 454.762667 407.146667 554.666667 512 554.666667s192-99.904 192-225.514667z m42.666667 0C746.666667 476.714667 642.176 597.333333 512 597.333333s-234.666667-120.618667-234.666667-268.181333C277.333333 181.546667 381.824 85.333333 512 85.333333s234.666667 96.213333 234.666667 243.818667zM512.106667 640c408.96 0 404.864 256.512 404.864 256.512 3.093333 23.274667-13.482667 42.154667-37.098667 42.154667H144.32c-23.573333 0-41.088-19.136-37.077333-42.154667 0 0-4.096-256.512 404.864-256.512zM149.909333 896l0.064 3.861333-0.704 3.968c0.682667-3.882667-2.837333-7.829333-4.949333-7.829333H879.872c-2.154667 0-5.504 3.818667-5.205333 6.144l-0.426667-3.157333 0.064-3.157334c0-0.853333-0.128-3.349333-0.533333-7.125333a161.813333 161.813333 0 0 0-4.266667-23.082667 192.96 192.96 0 0 0-35.242667-71.104C780.330667 725.461333 678.634667 682.666667 512.106667 682.666667c-166.549333 0-268.224 42.794667-322.176 111.850666a192.96 192.96 0 0 0-35.242667 71.104c-2.176 8.426667-3.541333 16.192-4.266667 23.082667a81.045333 81.045333 0 0 0-0.512 7.296z" fill="#3D3D3D" ></path></symbol><symbol id="icon-kefu" viewBox="0 0 1051 1024"><path d="M55.351351 553.402811v110.924108a83.027027 83.027027 0 0 0 166.054054 0v-110.924108a83.027027 83.027027 0 0 0-166.054054 0z m763.101406 211.552865A137.852541 137.852541 0 0 1 774.918919 664.326919v-110.924108A138.378378 138.378378 0 0 1 912.328649 415.135135C898.131027 214.071351 730.499459 55.351351 525.837838 55.351351 321.148541 55.351351 153.544649 214.071351 139.347027 415.135135A138.461405 138.461405 0 0 1 276.756757 553.402811v110.924108a138.378378 138.378378 0 0 1-276.756757 0v-110.924108a138.378378 138.378378 0 0 1 83.303784-126.865297C91.883243 189.523027 286.72 0 525.837838 0s433.954595 189.523027 442.534054 426.537514A138.461405 138.461405 0 0 1 1051.675676 553.402811v110.924108a138.378378 138.378378 0 0 1-184.790487 130.269405 470.763243 470.763243 0 0 1-188.858811 121.21946A96.809514 96.809514 0 0 1 580.912432 1010.162162h-82.528864c-53.690811 0-97.113946-43.174054-97.113946-96.864865 0-53.607784 43.284757-96.864865 97.141621-96.864865h82.473514c34.954378 0 65.536 18.265946 82.639567 45.803244a415.273514 415.273514 0 0 0 154.900757-97.28zM830.27027 553.402811v110.924108a83.027027 83.027027 0 0 0 166.054054 0v-110.924108a83.027027 83.027027 0 0 0-166.054054 0zM498.438919 954.810811h82.473513c23.302919 0 41.79027-18.487351 41.790271-41.513514 0-23.053838-18.570378-41.513514-41.790271-41.513513h-82.473513c-23.302919 0-41.79027 18.487351-41.79027 41.513513 0 23.053838 18.570378 41.513514 41.79027 41.513514z" fill="#666666" ></path></symbol><symbol id="icon-xiaoxi" viewBox="0 0 1024 1024"><path d="M512 136c-208 0-376 144-376 320 0 108.8 64 209.6 172.8 268.8 11.2 6.4 25.6 1.6 32-9.6 6.4-11.2 1.6-25.6-9.6-32-92.8-51.2-147.2-136-147.2-227.2 0-150.4 147.2-272 328-272s328 121.6 328 272-147.2 272-328 272c-6.4 0-12.8 3.2-17.6 6.4l-86.4 86.4V752c0-12.8-11.2-24-24-24s-24 11.2-24 24v128c0 9.6 6.4 19.2 14.4 22.4 3.2 1.6 6.4 1.6 9.6 1.6 6.4 0 12.8-3.2 17.6-6.4l121.6-121.6c203.2-4.8 366.4-145.6 366.4-320-1.6-176-169.6-320-377.6-320z"  ></path><path d="M312 424h400c12.8 0 24-11.2 24-24s-11.2-24-24-24h-400c-12.8 0-24 11.2-24 24s11.2 24 24 24zM312 568H624c12.8 0 24-11.2 24-24s-11.2-24-24-24H312c-12.8 0-24 11.2-24 24s11.2 24 24 24z"  ></path></symbol><symbol id="icon-rizhi" viewBox="0 0 1024 1024"><path d="M839.74 959.32h-651.9a81.49 81.49 0 0 1-81.48-81.49v-651.9a81.48 81.48 0 0 1 81.48-81.48h651.9a81.49 81.49 0 0 1 81.49 81.48v651.9a81.5 81.5 0 0 1-81.49 81.49zM835 877.83v-651.9H192.64v651.9z" fill="#949DA6" ></path><path d="M269.33 62.96m40.74 0l0.01 0q40.74 0 40.74 40.74l0 162.98q0 40.74-40.74 40.74l-0.01 0q-40.74 0-40.74-40.74l0-162.98q0-40.74 40.74-40.74Z" fill="#949DA6" ></path><path d="M473.05 62.96m40.74 0l0.01 0q40.74 0 40.74 40.74l0 162.98q0 40.74-40.74 40.74l-0.01 0q-40.74 0-40.74-40.74l0-162.98q0-40.74 40.74-40.74Z" fill="#949DA6" ></path><path d="M676.77 62.96m40.74 0l0.01 0q40.74 0 40.74 40.74l0 162.98q0 40.74-40.74 40.74l-0.01 0q-40.74 0-40.74-40.74l0-162.98q0-40.74 40.74-40.74Z" fill="#949DA6" ></path><path d="M269.33 388.91m40.74 0l407.44 0q40.74 0 40.74 40.74l0 0.01q0 40.74-40.74 40.74l-407.44 0q-40.74 0-40.74-40.74l0-0.01q0-40.74 40.74-40.74Z" fill="#949DA6" ></path><path d="M269.33 551.88m40.74 0l407.44 0q40.74 0 40.74 40.74l0 0.01q0 40.74-40.74 40.74l-407.44 0q-40.74 0-40.74-40.74l0-0.01q0-40.74 40.74-40.74Z" fill="#949DA6" ></path><path d="M269.33 714.86m40.74 0l407.44 0q40.74 0 40.74 40.74l0 0.01q0 40.74-40.74 40.74l-407.44 0q-40.74 0-40.74-40.74l0-0.01q0-40.74 40.74-40.74Z" fill="#949DA6" ></path></symbol><symbol id="icon-baoxiu" viewBox="0 0 1024 1024"><path d="M253.28 925.63c-42.854 0-85.592-17.055-117.063-50.787-60.192-64.52-56.672-165.98 7.847-226.174L467.61 346.821a160.568 160.568 0 0 1 15.419-12.685c14.324-10.353 34.328-7.133 44.68 7.19 10.353 14.323 7.133 34.327-7.19 44.68a96.214 96.214 0 0 0-9.244 7.606l-1.549 1.446-322.003 300.408c-38.715 36.119-40.828 97.002-4.708 135.718 36.119 38.716 97.002 40.829 135.718 4.709l323.552-301.854c12.923-12.057 33.171-11.354 45.228 1.569 12.056 12.923 11.354 33.172-1.569 45.228L362.391 882.689c-30.787 28.722-69.999 42.941-109.111 42.941z" fill="" ></path><path d="M678.571 586.088c-17.43 0-31.699-13.983-31.985-31.477-0.289-17.671 13.802-32.23 31.473-32.52 51.582-0.844 97.478-15.047 125.918-38.968 32.217-27.098 52.661-72.296 54.063-118.942l-25.426 20.658c-23.666 19.229-53.486 28.083-83.972 24.926-30.484-3.153-57.862-17.923-77.09-41.589-19.228-23.665-28.08-53.486-24.927-83.972 3.154-30.484 17.924-57.862 41.589-77.09l11.792-9.581a164.937 164.937 0 0 0-3.448-0.036c-48.679 0-84.734 11.477-110.228 35.085C555.148 261.461 535 311.105 535 359.057c0 17.673-14.327 32-32 32-17.673 0-32-14.327-32-32 0-65.936 27.529-132.39 71.845-173.43 37.351-34.589 89.067-52.128 153.714-52.128 30.384 0 59.883 5.95 87.676 17.684l52.652 22.23-46.471 33.27a51.816 51.816 0 0 0-2.481 1.873l-59.362 48.231c-10.397 8.448-16.892 20.524-18.286 34.004s2.49 26.63 10.938 37.028 20.525 16.892 34.005 18.287c13.481 1.396 26.63-2.49 37.028-10.938l59.37-48.237a50.51 50.51 0 0 0 6.008-5.797l37.839-42.96 16.771 54.737c6.552 21.381 9.873 43.637 9.873 66.147 0 31.951-6.738 64.52-19.485 94.183-13.443 31.282-33.313 58.552-57.46 78.862-54.083 45.488-127.26 53.346-166.066 53.981-0.18 0.003-0.359 0.004-0.537 0.004z" fill="" ></path><path d="M745.678 924.643c-29.746 0-59.362-12.212-80.622-36.15L505.13 708.416c-11.736-13.214-10.537-33.439 2.677-45.176 13.214-11.736 33.44-10.537 45.176 2.678l159.926 180.076c7.703 8.674 18.402 13.834 30.126 14.528 11.719 0.704 22.957-3.164 31.632-10.869 8.674-7.703 13.834-18.402 14.528-30.126 0.695-11.724-3.165-22.957-10.869-31.632L613.229 601.996c-11.735-13.214-10.536-33.439 2.678-45.176 13.214-11.735 33.44-10.536 45.176 2.678L826.18 745.397c39.451 44.422 35.407 112.657-9.015 152.109-20.483 18.192-46.033 27.136-71.487 27.137zM210.141 302.912l45.888-44.608 174.96 179.98-45.888 44.608z" fill="" ></path><path d="M209.588 334.652c-3.467 0-6.955-0.195-10.453-0.589-24.266-2.734-45.976-14.707-61.131-33.711l-27.982-35.088c-2.704-3.39-5.586-6.287-8.637-9.354-8.335-8.377-20.932-21.037-20.327-41.28 0.638-21.318 15.723-38.928 41.59-62.038 19.36-18.66 45.229-39.612 74.454-37.719 27.842 1.797 44.547 22.745 55.602 36.607l27.981 35.089c31.37 39.336 24.889 96.861-14.449 128.232-16.265 12.97-36.066 19.851-56.648 19.851zM150.41 214.479c2.951 3.044 6.244 6.612 9.648 10.881l27.982 35.089c9.368 11.746 26.546 13.683 38.292 4.314 5.639-4.497 9.197-10.982 10.017-18.26 0.82-7.278-1.205-14.392-5.702-20.031l-27.982-35.089c-2.145-2.689-7.281-9.13-10.523-12.042-3.262 1.401-11.143 5.852-25.474 19.711l-0.952 0.884c-7.161 6.383-12.019 11.107-15.306 14.543z" fill="" ></path><path d="M258.602 766.578m-40.498 0a40.498 40.498 0 1 0 80.996 0 40.498 40.498 0 1 0-80.996 0Z" fill="" ></path></symbol><symbol id="icon-drip-full" viewBox="0 0 1024 1024"><path d="M926.2 609.8c0 227.2-187 414.2-414.2 414.2S97.8 837 97.8 609.8c0-226.2 173.3-395 295.7-552C423.5 19.3 467.8 0 512 0s88.5 19.3 118.5 57.8c122.4 157 295.7 325.8 295.7 552z"  ></path></symbol><symbol id="icon-xiangyoujiantou" viewBox="0 0 1024 1024"><path d="M761.6 489.6l-432-435.2c-9.6-9.6-25.6-9.6-35.2 0-9.6 9.6-9.6 25.6 0 35.2l416 416-416 425.6c-9.6 9.6-9.6 25.6 0 35.2s25.6 9.6 35.2 0l432-441.6C771.2 515.2 771.2 499.2 761.6 489.6z"  ></path></symbol><symbol id="icon-xiangzuojiantou" viewBox="0 0 1024 1024"><path d="M729.6 931.2l-416-425.6 416-416c9.6-9.6 9.6-25.6 0-35.2-9.6-9.6-25.6-9.6-35.2 0l-432 435.2c-9.6 9.6-9.6 25.6 0 35.2l432 441.6c9.6 9.6 25.6 9.6 35.2 0C739.2 956.8 739.2 940.8 729.6 931.2z"  ></path></symbol><symbol id="icon-xingxing" viewBox="0 0 1024 1024"><path d="M769.097 935.636c-4.457 0-8.93-1.063-13.026-3.216L512 804.104 267.93 932.42a28 28 0 0 1-40.627-29.518l46.614-271.776L76.46 438.653a27.999 27.999 0 0 1 15.519-47.76l272.878-39.651 122.035-247.27a27.998 27.998 0 0 1 50.216 0l122.035 247.27 272.878 39.651a28.002 28.002 0 0 1 15.518 47.76L750.083 631.126l46.613 271.776a28 28 0 0 1-27.599 32.734zM512 744.47c4.476 0 8.951 1.072 13.029 3.216l206.883 108.766-39.511-230.367a27.995 27.995 0 0 1 8.053-24.784l167.37-163.146-231.301-33.61a27.998 27.998 0 0 1-21.082-15.317L512 179.632 408.559 389.227a28 28 0 0 1-21.082 15.317l-231.301 33.61L323.547 601.3a28.004 28.004 0 0 1 8.053 24.784l-39.511 230.367L498.97 747.686A27.99 27.99 0 0 1 512 744.47z"  ></path></symbol><symbol id="icon-kaiguan" viewBox="0 0 1024 1024"><path d="M460.844544 0h102.4v512H460.844544z" fill="#333333" ></path><path d="M665.644544 23.552v109.056a409.6 409.6 0 1 1-307.2 0V23.552a512 512 0 1 0 307.2 0z" fill="#333333" ></path></symbol></svg>',function(a){var l=(l=document.getElementsByTagName("script"))[l.length-1],t=l.getAttribute("data-injectcss"),l=l.getAttribute("data-disable-injectsvg");if(!l){var i,c,e,o,n,d=function(l,t){t.parentNode.insertBefore(l,t)};if(t&&!a.__iconfont__svg__cssinject__){a.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(l){console&&console.log(l)}}i=function(){var l,t=document.createElement("div");t.innerHTML=a._iconfont_svg_string_4273872,(t=t.getElementsByTagName("svg")[0])&&(t.setAttribute("aria-hidden","true"),t.style.position="absolute",t.style.width=0,t.style.height=0,t.style.overflow="hidden",t=t,(l=document.body).firstChild?d(t,l.firstChild):l.appendChild(t))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(i,0):(c=function(){document.removeEventListener("DOMContentLoaded",c,!1),i()},document.addEventListener("DOMContentLoaded",c,!1)):document.attachEvent&&(e=i,o=a.document,n=!1,s(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,h())})}function h(){n||(n=!0,e())}function s(){try{o.documentElement.doScroll("left")}catch(l){return void setTimeout(s,50)}h()}}(window);

 GoldC/iconfont/iconfont.json

New file
@@ -0,0 +1,100 @@
{
  "id": "4273872",
  "name": "waterH5",
  "font_family": "iconfont",
  "css_prefix_text": "icon-",
  "description": "净水器小程序图标",
  "glyphs": [
    {
      "icon_id": "947483",
      "name": "统计",
      "font_class": "tongji",
      "unicode": "e649",
      "unicode_decimal": 58953
    },
    {
      "icon_id": "1032640",
      "name": "最新智咖",
      "font_class": "3",
      "unicode": "e693",
      "unicode_decimal": 59027
    },
    {
      "icon_id": "2076271",
      "name": "退出",
      "font_class": "tuichu",
      "unicode": "e892",
      "unicode_decimal": 59538
    },
    {
      "icon_id": "2076312",
      "name": " 我的",
      "font_class": "wode",
      "unicode": "e8a0",
      "unicode_decimal": 59552
    },
    {
      "icon_id": "2674476",
      "name": "客服",
      "font_class": "kefu",
      "unicode": "e625",
      "unicode_decimal": 58917
    },
    {
      "icon_id": "3456460",
      "name": "消息",
      "font_class": "xiaoxi",
      "unicode": "e711",
      "unicode_decimal": 59153
    },
    {
      "icon_id": "6176576",
      "name": "日志",
      "font_class": "rizhi",
      "unicode": "e627",
      "unicode_decimal": 58919
    },
    {
      "icon_id": "6352445",
      "name": "报修",
      "font_class": "baoxiu",
      "unicode": "e64a",
      "unicode_decimal": 58954
    },
    {
      "icon_id": "18169494",
      "name": "填色,水滴,水,油",
      "font_class": "drip-full",
      "unicode": "e917",
      "unicode_decimal": 59671
    },
    {
      "icon_id": "630094",
      "name": "向右箭头",
      "font_class": "xiangyoujiantou",
      "unicode": "e65f",
      "unicode_decimal": 58975
    },
    {
      "icon_id": "630095",
      "name": "向左箭头",
      "font_class": "xiangzuojiantou",
      "unicode": "e660",
      "unicode_decimal": 58976
    },
    {
      "icon_id": "2028395",
      "name": "星星",
      "font_class": "xingxing",
      "unicode": "e621",
      "unicode_decimal": 58913
    },
    {
      "icon_id": "9626887",
      "name": "开关",
      "font_class": "kaiguan",
      "unicode": "e872",
      "unicode_decimal": 59506
    }
  ]
}

 GoldC/iconfont/iconfont.ttf

Binary files differ

 GoldC/iconfont/iconfont.woff

Binary files differ

 GoldC/iconfont/iconfont.woff2

Binary files differ

 GoldC/iconfont/iconfont.wxss

New file
@@ -0,0 +1,31 @@
@font-face {
  font-family: 'iconfont';  /* Project id 4273872 */
  src: url('//at.alicdn.com/t/c/font_4273872_67kc4zemovw.woff2?t=1696494290609') format('woff2'),
  url('//at.alicdn.com/t/c/font_4273872_67kc4zemovw.woff?t=1696494290609') format('woff'),
  url('//at.alicdn.com/t/c/font_4273872_67kc4zemovw.ttf?t=1696494290609') format('truetype');
}

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

.icon-xiangyoujiantou:before {
  content: "\e65f";
}

.icon-xiangzuojiantou:before {
  content: "\e660";
}

.icon-xingxing:before {
  content: "\e621";
}

.icon-kaiguan:before {
  content: "\e872";
}


 GoldC/pages/deviceDetails/deviceDetails.js

@@ -6,12 +6,11 @@
   */
  data: {
    menuList: [
      { title: '滤芯状态', img: '', url: '/pages/filterStatus/filterStatus' },
      { title: '我的账户', img: '', url: '' },
      { title: '用水统计', img: '', url: '/pages/waterUses/waterUses'},
      { title: '设备日志', img: '', url: '' },
      { title: '故障报修', img: '', url: '' },
      { title: '设备定位', img: '', url: '' },
      { title: '滤芯状态', img: '', url: '/pages/filterStatus/filterStatus', icon: 'iconfont icon-shebeizhuangtai' },
      { title: '用水统计', img: '', url: '/pages/waterUses/waterUses', icon: 'iconfont icon_function_tongji' },
      { title: '设备日志', img: '', url: '/pages/devicelogs/devicelogs', icon: 'iconfont icon-rizhi' },
      { title: '故障报修', img: '', url: '/pages/repair/repair', icon: 'iconfont icon-baoxiu' },

    ]

  },

 GoldC/pages/deviceDetails/deviceDetails.wxml

@@ -22,30 +22,17 @@
      </view>
    </view>
    <view style="text-align: center;margin: 10px 0;color: aqua;">水质正常</view>
    <view style="width:60px;height:60px;margin:20px auto;">
      <image src="/images/address.png" style="width:60px;height:60px;"  mode="" />
    <view style="width:60px;height:60px;margin:20px auto;text-align: center">
      <!-- <image src="/images/address.png" style="width:60px;height:60px;"  mode="" /> -->
      <text class="iconfont icon-kaiguan" style="font-size: 30px;color: aqua;"></text>
    </view>

  </view>
</view>

<view class="menu">
  <view class="item" wx:for="{{menuList}}" wx:key="title">
    <view class="title" data-item="{{item}}" bind:tap="goItem">{{item.title}}</view>
  <view class="item" wx:for="{{menuList}}" wx:key="title" data-item="{{item}}" bind:tap="goItem">
    <!-- <view bind:tap="goItem"></view> -->
      <text  class="iconfont icon-kaiguan" style="font-size: 50px;width: 50px;height: 50px;"></text>
    <view class="title" >{{item.title}}</view>
  </view>
  <!-- <view class="item">
       <view class="title">我的账户</view>
  </view>
  <view class="item">
       <view class="title">用水统计</view>
  </view>
  <view class="item">
       <view class="title">设备日志</view>
  </view>
  <view class="item">
       <view class="title">故障报修</view>
  </view>
  <view class="item">
       <view class="title">设备定位</view>
  </view> -->
</view>

 GoldC/pages/deviceDetails/deviceDetails.wxss

@@ -29,11 +29,12 @@
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  /* flex-wrap: wrap; */
}

.menu .item {
  width: 33.3%;
  width: 25%;
  margin: 5px 0;
  text-align: center;
  color: #A1A2A4;
}

 GoldC/pages/devicelogs/devicelogs.js

New file
@@ -0,0 +1,66 @@
// pages/repair/repair.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

 GoldC/pages/devicelogs/devicelogs.json

New file
@@ -0,0 +1,7 @@
{
  "usingComponents": {
  },
  "navigationBarTitleText": "设备日志",
  "navigationBarTextStyle": "white",
  "navigationBarBackgroundColor": "#007CFE"
}

 GoldC/pages/devicelogs/devicelogs.wxml

New file
@@ -0,0 +1,15 @@
<!--pages/repair/repair.wxml-->
<!-- <text>pages/repair/repair.wxml</text> -->
<view class="title">
  <view class="left">
    上拉刷新列表，下滑加载另一页
  </view>
  <view class="right">
    <!-- <view style="margin-right: 10px;">
      刷新
    </view>
    <view bind:tap="goRepairTicketDetail">
      添加
    </view> -->
  </view>
</view>

 GoldC/pages/devicelogs/devicelogs.wxss

New file
@@ -0,0 +1,18 @@
/* pages/repair/repair.wxss */
.title{
  width: 100%;
  margin:0 0px 5px;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
}
.title .left{
  margin-left: 5px;
}
.title .right{
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
}

 GoldC/pages/home/home.wxml

@@ -5,8 +5,9 @@
<view class="list">
  <view class="item" wx:for="{{manageList}}" bind:tap="goDetails">
    <view class="title">
      <view class="type">{{item.title}}</view>
      <view> > </view>
      <view class="type"><text class="iconfont icon-xingxing"></text>
 {{item.title}}</view>
      <view><text class="iconfont icon-xiangyoujiantou"></text></view>
    </view>
    <view class="content">
      <view class="left">

 GoldC/pages/login/login.js

@@ -51,23 +51,24 @@

  // 登录
  login() {
    wx.showLoading({
      title: '登录中',
    })
    // wx.showLoading({
    //   title: '登录中',
    // })
   
    loginRequest(this.data.userName, this.data.psw, this.data.codeNum, this.data.uuid).then(res => {
      console.log(res);
      if (res.data.code != 200) {
        wx.showToast({
          title: res.data.msg,
          icon: "none"
        })
      } else {
        wx.setStorageSync('token', res.data.token)
        wx.showToast({
          title: '登录成功！',
          icon: 'none'
        });
    // loginRequest(this.data.userName, this.data.psw, this.data.codeNum, this.data.uuid).then(res => {
    //   console.log(res);
    //   if (res.data.code != 200) {
    //     wx.showToast({
    //       title: res.data.msg,
    //       icon: "none"
    //     })
    //   } else {
    //     wx.setStorageSync('token', res.data.token)
    //     wx.showToast({
    //       title: '登录成功！',
    //       icon: 'none'
    //     });

        // // console.log(res);
        // this.$store.dispatch('setUserData', {
        //   'token': res.data.token
@@ -78,7 +79,7 @@
        // this.$Router.pushTab({
        //   path: '/pages/home/index',
        // });
        app.setUser(res.data)
        // app.setUser(res.data)
        wx.hideLoading({
          success: (res) => {
            wx.switchTab({
@@ -102,10 +103,11 @@
        //     icon: "none"
        //   })
        // }
      }
    }).catch(() => {

    })
    //   }
    // }).catch(() => {

    // })
  },
  //忘记密码
  goForgot() {
@@ -128,7 +130,7 @@
      codeNum:''
    })
    wx.request({
      url: `http://39.105.187.20/prod-api/captchaImage`,
      url: `https://puyue.yhupai.com/prod-api/captchaImage`,
      method: 'GET',
      header: {
        "Access-Control-Allow-Headers": 'token'

 GoldC/pages/login/login.wxml

@@ -17,7 +17,6 @@
      <image style="width: 30%;height: 40px;" bindtap="getImg" src="{{imgSrc}}"></image>
    </view>
    <view >
      
    </view>
    <button style="width:95%" class="btn" bindtap="login">登 录</button>
    <view style="width: 100;">

 GoldC/pages/repair/repair.js

New file
@@ -0,0 +1,71 @@
// pages/devicelogs/devicelogs.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },
  goRepairTicketDetail() {
    wx.navigateTo({
      url: '/pages/repairTicketDetail/repairTicketDetail',
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

 GoldC/pages/repair/repair.json

New file
@@ -0,0 +1,7 @@
{
  "usingComponents": {
  },
  "navigationBarTitleText": "故障报修",
  "navigationBarTextStyle": "white",
  "navigationBarBackgroundColor": "#007CFE"
}

 GoldC/pages/repair/repair.wxml

New file
@@ -0,0 +1,14 @@
<!--pages/devicelogs/devicelogs.wxml-->
<view class="title">
  <view class="left">
    设备保修单列表
  </view>
  <view class="right">
    <view style="margin-right: 10px;">
      刷新
    </view>
    <view bind:tap="goRepairTicketDetail">
      添加
    </view>
  </view>
</view>

 GoldC/pages/repair/repair.wxss

New file
@@ -0,0 +1,18 @@
/* pages/devicelogs/devicelogs.wxss */
.title{
  width: 100%;
  margin:0 0px 5px;
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  height: 40px;
  line-height: 40px;
}
.title .left{
  margin-left: 5px;
}
.title .right{
  margin-right: 5px;
  display: flex;
  justify-content: space-between;
}

 GoldC/pages/repairTicketDetail/repairTicketDetail.js

New file
@@ -0,0 +1,133 @@
// pages/repairTicketDetail/repairTicketDetail.js
var util = require('../../utils/network');
Page({

  /**
   * 页面的初始数据
   */
  data: {
    showType: false,
    selectType: ' 请选择',
    columns: ['请选择', '漏水', '制水时间过长', '其它'],
    showDate: false,
    selectDate: '',

    // currentDate: new Date().getTime(),
    currentDate: '',
    minDate: new Date().getTime(),
    formatter(type, value) {
      // console.log(type,value);
      if (type === 'year') {
        return `${value}年`;
      }
      if (type === 'month') {
        return `${value}月`;
      }
      if (type === 'day') {
        return `${value}日`;
      }
      if (type === 'hour') {
        return `${value}时`;
      }
      if (type === 'minute') {
        return `${value}分`;
      }
      return value;
    },
    info:'',
  },
  openShowType() {
    this.setData({
      showType: true
    })
  },
  openShowDate() {
    this.setData({
      showDate: true
    })
  },
  onInput(event) {
    let arr1=this.data.currentDate.slice(0,3)
    let arr2=this.data.currentDate.slice(3)
    console.log(arr1,arr2);
    let date = (arr1.join('-')+ ' ' +arr2.join(':')).replace(/[\u4e00-\u9fa5]/g, "")
    this.setData({
      selectDate: date,
      showDate:false
    });
   
  },
  onChangeDate(event) {
    this.setData({
      currentDate: event.detail.getValues(),
    })
    // console.log(event.detail.getValues());
  },
  onChangeType(event) {
    const { picker, value, index } = event.detail;
    this.setData({
      selectType: value,
      showType: false
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var time = util.formatTime(new Date());
    // 再通过setData更改Page()里面的data，动态更新页面的数据
    this.setData({
      selectDate: time
    });
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})

 GoldC/pages/repairTicketDetail/repairTicketDetail.json

New file
@@ -0,0 +1,11 @@
{
  "usingComponents": {
    "van-field": "/miniprogram_npm/vant-weapp/field/index",
    "van-picker": "/miniprogram_npm/vant-weapp/picker/index",
    "van-popup": "/miniprogram_npm/vant-weapp/popup/index",
    "van-datetime-picker": "/miniprogram_npm/vant-weapp/datetime-picker/index"
  },
  "navigationBarTitleText": "报修单详情",
  "navigationBarTextStyle": "white",
  "navigationBarBackgroundColor": "#007CFE"
}

 GoldC/pages/repairTicketDetail/repairTicketDetail.wxml

New file
@@ -0,0 +1,68 @@
<!--pages/repairTicketDetail/repairTicketDetail.wxml-->
<!-- <text>pages/repairTicketDetail/repairTicketDetail.wxml</text> -->
<!-- <van-cell-group>
  <van-field
    value="{{ username }}"
    clearable
    label="设备名称"
    icon="question-o"
    placeholder="请输入用户名"
  
  />

  <van-field
    value="{{ password }}"
    type="password"
    label="密码"
    placeholder="请输入密码"
    required
    border="{{ false }}"
  />
</van-cell-group> -->
<view class="main">
  <view class="item">
    <view class="left">
      设备名称
    </view>
    <view class="right">
      设备1号
    </view>
  </view>
  <view class="item">
    <view class="left">
      故障类型
    </view>
    <view class="right" bind:tap="openShowType">
      {{selectType}} >
    </view>
  </view>
  <view class="item">
    <view class="left">
      预约时间
    </view>
    <view class="right" bind:tap="openShowDate">
      {{selectDate}} >
    </view>
  </view>
  <view>
    <view>故障描述</view>
    <van-field class="info"
    value="{{ message }}"
    label=""
    type="textarea"
    placeholder="请输入设备故障的基本描述"
    autosize
  
  />
    <!-- <van-field value="{{info  }}" type="textarea" placeholder="" border style="margin-top: 10px;" /> -->

  </view>
  <view style="width: 90%;margin-left: 5%;height: 40px;line-height: 40px;background-color: #007CFE;text-align: center;color: #fff;margin-top: 10px;">提交报修单</view>
</view>
<van-popup show="{{ showType }}" position="bottom" custom-style="height: 40%;" bind:close="onClose">
  <van-picker columns="{{ columns }}" bind:change="onChangeType" />
</van-popup>

<van-popup show="{{ showDate }}" position="bottom" custom-style="height: 40%;" bind:close="onClose">
  <van-datetime-picker type="year-month-time" value="{{ currentDate }}" bind:confirm="onInput" bind:change="onChangeDate" min-date="{{ minDate }}" formatter="{{ formatter }}" />
</van-popup>

 GoldC/pages/repairTicketDetail/repairTicketDetail.wxss

New file
@@ -0,0 +1,32 @@
/* pages/repairTicketDetail/repairTicketDetail.wxss */
.main {
  /* display: flex; */
  background-color: #fff;
  padding: 5px 0;
}

.main .item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #F5F5F5;
  height: 40px;
  line-height: 40px;
}

.main .item .left {
  margin-left: 5px;
}

.main .item .right {
  margin-right: 5px;
  color: #778CBD;
}

.info .van-cell {
  width: 90%;
  margin-left: 5%;
  border: 1px solid #778CBD;
  border-radius: 5px;
  margin-top: 10px;
  
}

 GoldC/utils/network.js

@@ -13,7 +13,7 @@
  console.log(userInfo);
  return new Promise(function (resolve, reject) {
    wx.request({
      url: 'http://39.105.187.20/prod-api/login',
      url: 'https://puyue.yhupai.com/prod-api/login',
      header: { "content-type": "application/x-www-form-urlencoded" },
      method: 'POST',
      header: {
@@ -263,6 +263,25 @@
    })
  })
}
function formatTime(date) {
  // console.log(date);
  var year = date.getFullYear()
  var month = date.getMonth() + 1
  var day = date.getDate()
 
  var hour = date.getHours()
  var minute = date.getMinutes()
 
  return [year, month, day].map(formatNumber).join('-') + ' ' + [hour, minute].map(formatNumber).join(':')
}

 
function formatNumber(n) {
  n = n.toString()
  return n[1] ? n : '0' + n
}
 


// export
export {
@@ -277,5 +296,6 @@
  Timeline,
  BackLog,
  LogOut,
  fixPassWord
  fixPassWord,
  formatTime
}