@titaui/pc 1.7.49 → 1.7.53

package/src/components/photo-card/components/card/index.scss

@@ -0,0 +1,163 @@
+.titaui-photo-card {
+  display: flex;
+  align-items: center;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 278px;
+  height: 359px;
+  padding: 0 24px;
+  background: #ffffff;
+  box-shadow: 0px 4px 24px 0px rgba(127, 145, 180, 0.15);
+  border-radius: 24px;
+  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
+    sans-serif, PingFang SC, Microsoft YaHei;
+  &__background {
+    width: 278px;
+    height: 182px;
+    border-radius: 24px 24px 0 0;
+  }
+  &__header {
+    position: absolute;
+    top: 0;
+    left: 0;
+    backdrop-filter: blur(4px);
+    display: flex;
+    align-items: center;
+    flex-direction: column;
+    height: 190px;
+    overflow: hidden;
+    width: 278px;
+    background: linear-gradient(180deg, rgba(20, 28, 40, 0) 0%, #141c28 100%);
+    border-radius: 24px 24px 0 0;
+    &::after {
+      content: "";
+      width: 295px;
+      min-height: 37px;
+      background-color: #fff;
+      border-radius: 50%;
+      margin-top: 4px;
+    }
+    &-img {
+      width: 68px;
+      height: 68px;
+      margin-top: 26px;
+      border-radius: 35px;
+      border: 2px solid #fff;
+      .titaui-pc-avator-container img {
+        width: 68px !important;
+        height: 68px !important;
+      }
+      .titaui-pc-avator-container .titaui-pc-avatar--text {
+        width: 68px !important;
+        height: 68px !important;
+        font-size: 22px !important;
+      }
+    }
+    &-name {
+      height: 28px;
+      margin-top: 14px;
+      font-size: 20px;
+      font-weight: 600;
+      color: #ffffff;
+      line-height: 28px;
+      cursor: pointer;
+      &-tooltip {
+        z-index: 2001;
+      }
+    }
+    &-depart {
+      height: 22px;
+      margin-top: 2px;
+      font-size: 14px;
+      font-weight: 400;
+      color: #ffffff;
+      line-height: 22px;
+    }
+  }
+  &__data {
+    width: 230px;
+    height: 45px;
+    margin-top: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    &-attention {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      width: 110px;
+      height: 45px;
+      &-count {
+        font-size: 18px;
+        font-weight: 600;
+        color: #3f4755;
+        line-height: 26px;
+      }
+      &-title {
+        font-size: 12px;
+        font-weight: 400;
+        color: #3f4755;
+        line-height: 18px;
+      }
+    }
+    &-visit {
+      display: flex;
+      align-items: center;
+      flex-direction: column;
+      width: 110px;
+      height: 45px;
+      &-count {
+        font-size: 18px;
+        font-weight: 600;
+        color: #3f4755;
+        line-height: 26px;
+      }
+      &-title {
+        font-size: 12px;
+        font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
+          sans-serif, PingFang SC, Microsoft YaHei;
+        font-weight: 400;
+        color: #3f4755;
+        line-height: 18px;
+      }
+    }
+  }
+
+  &__attention-btn {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 230px;
+    height: 36px;
+    margin-top: 20px;
+    background: #f0f4fa;
+    border-radius: 20px;
+    cursor: pointer;
+    &:hover {
+      background: rgba(240, 94, 94, 0.1);
+    }
+    &-img {
+      width: 16px;
+      height: 16px;
+      &--hide {
+        display: none;
+      }
+      &--show {
+        display: block;
+        font-size: 14px;
+        font-family: PingFangSC-Regular, PingFang SC;
+        font-weight: 400;
+        color: #6f7886;
+        line-height: 20px;
+      }
+    }
+    &-title {
+      font-size: 14px;
+      font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
+        sans-serif, PingFang SC, Microsoft YaHei;
+      font-weight: 400;
+      color: #f05e5e;
+      line-height: 20px;
+    }
+  }
+}

package/src/components/photo-card/components/card/index.tsx

@@ -0,0 +1,146 @@
+import React, { useState, useEffect } from 'react';
+import classNames from 'classnames';
+import Avatar from '../../../../components/avatar';
+import TooltipText from '../../../tooltip/tooltip-text';
+import ConditionRender from '../../../condition-render';
+import {
+  getAttentionData,
+  getVisitData,
+  postAttention,
+  delAttention,
+} from '../../request.apis';
+import Add from '../../images/add1@3x.png';
+import './index.scss';
+
+const preCls = 'titaui-photo-card';
+
+const Card = (props) => {
+  const { userInfo, userownInfo, handleClickAttention, userId } = props;
+
+  const [backGroundstyle, setBackGroundstyle] = useState({});
+  const [isAttention, setIsAttention] = useState(false);
+  const [attentionData, setAttentionData] = useState(0);
+  const [visitData, setVisitData] = useState(0);
+
+  useEffect(() => {
+    getAttentionData(userId).then((res) => {
+      if (res.Code === 1) {
+        setAttentionData(res.Data.total);
+        res.Data.followerUsers.forEach((item) => {
+          if (item.userId === userownInfo.Id) {
+            setIsAttention(true);
+          }
+        });
+      }
+    });
+    getVisitData(userId).then((res) => {
+      setVisitData(res.Data.total);
+    });
+
+    //背景图片
+    if (userInfo.avatar.hasAvatar) {
+      setBackGroundstyle({
+        backgroundImage: `url(${userInfo.avatar.big})`,
+        backgroundSize: '278px 190px',
+      });
+    } else {
+      setBackGroundstyle({
+        backgroundColor: userInfo.avatar.color,
+      });
+    }
+  }, []);
+
+  //处理关注量的值+1的回调
+  const addAttentionCount = () => {
+    setIsAttention(true);
+    setAttentionData(attentionData + 1);
+    postAttention(userId);
+  };
+
+  const handleClick = () => {
+    if (!isAttention) {
+      addAttentionCount();
+    } else {
+      setAttentionData(attentionData - 1);
+      setIsAttention(false);
+      delAttention(userId);
+    }
+    handleClickAttention(!isAttention);
+  };
+
+  return (
+    <div className={classNames(preCls)}>
+      <div
+        className={classNames(`${preCls}__background`)}
+        style={backGroundstyle}
+      ></div>
+      <div className={classNames(`${preCls}__header`)}>
+        <div className={classNames(`${preCls}__header-img`)}>
+          <Avatar
+            userId={userId}
+            name={userInfo.name}
+            color={userInfo.avatar.color}
+            src={userInfo.avatar.big}
+          />
+        </div>
+        <span className={classNames(`${preCls}__header-name`)}>
+          <TooltipText
+            overlayClassName={`${preCls}__header-name-tooltip`}
+            text={userInfo.name}
+            maxWidth={228}
+            mouseEnterDelay={0.8}
+          />
+        </span>
+        <span className={classNames(`${preCls}__header-depart`)}>
+          {userInfo.departmentName}
+        </span>
+      </div>
+      <div className={classNames(`${preCls}__data`)}>
+        <div className={classNames(`${preCls}__data-attention`)}>
+          <span className={classNames(`${preCls}__data-attention-count`)}>
+            {attentionData >= 10000 ? '1w+' : attentionData}
+          </span>
+          <span className={classNames(`${preCls}__data-attention-title`)}>
+            关注量
+          </span>
+        </div>
+        <div className={classNames(`${preCls}__data-visit`)}>
+          <span className={classNames(`${preCls}__data-visit-count`)}>
+            {visitData >= 10000 ? '1w+' : visitData}
+          </span>
+          <span className={classNames(`${preCls}__data-visit-title`)}>
+            访问量
+          </span>
+        </div>
+      </div>
+      <ConditionRender condition={userInfo.userId !== userownInfo.Id}>
+        <div
+          className={classNames(`${preCls}__attention-btn`)}
+          onClick={() => handleClick()}
+        >
+          <img
+            src={Add}
+            className={classNames(`${preCls}__attention-btn-img`, {
+              [`${preCls}__attention-btn-img--hide`]: isAttention,
+            })}
+          />
+          <div
+            className={classNames(`${preCls}__attention-btn-img--hide`, {
+              [`${preCls}__attention-btn-img--show`]: isAttention,
+            })}
+          >
+            已关注
+          </div>
+          <div
+            className={classNames(`${preCls}__attention-btn-title`, {
+              [`${preCls}__attention-btn-img--hide`]: isAttention,
+            })}
+          >
+            关注
+          </div>
+        </div>
+      </ConditionRender>
+    </div>
+  );
+};
+export default Card;

package/src/components/photo-card/images/assistant.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="20px" viewBox="0 0 52 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>助理</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#9EC2FF" offset="0%"></stop>
+            <stop stop-color="#76A9FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#0E69FE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="41.2046279%" id="linearGradient-3">
+            <stop stop-color="#1B71FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3280.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="助理" transform="translate(0.000000, 72.000000)">
+                    <rect id="矩形" fill="#2879FF" x="3" y="1" width="49" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="8.93333333 1.8 16.1502117 5.89090909 16.1502117 14.0727273 8.93333333 18.1636364 1.71645497 14.0727273 1.71645497 5.89090909"></polygon>
+                        <g id="编组-29" transform="translate(5.000000, 5.000000)">
+                            <path d="M3.88814818,9.78562699 C3.68141594,9.77439872 3.29833383,9.75788656 2.91657268,9.73212759 C2.56255197,9.70835008 2.20853126,9.67928868 1.85583152,9.6442829 C1.35452234,9.5960674 0.85651559,9.52209292 0.364453219,9.41377315 C0.352564463,9.4111312 0.341336194,9.40584731 0.329447439,9.40386585 C0.178196053,9.3774464 0.106863521,9.27837343 0.0711972551,9.13636886 C-0.00145624941,8.84641533 -0.0133450047,8.35424963 0.0124139651,8.05835172 C0.0262841796,7.89851401 0.0460987717,7.73933679 0.067894823,7.57949908 C0.107524007,7.29416895 0.266040744,7.09206011 0.507118282,6.9421297 C0.772633816,6.77766858 1.06655027,6.68982389 1.36178769,6.60528163 C1.58503209,6.54121445 1.81422088,6.49431991 2.02095312,6.3833582 C2.23429023,6.26777308 2.43904101,6.1402992 2.58698997,5.94215328 C2.67351369,5.82590767 2.96544868,5.2466611 2.91657268,5.09937263 C2.88949274,5.01615134 5.00418303,4.911134 4.97380066,5.09937263 C4.90180764,5.54321949 5.37556357,6.07755299 5.77449736,6.28494572 C6.02746365,6.41638252 6.30024453,6.49167797 6.57170444,6.57357828 C6.8312756,6.65085519 7.09216773,6.72416918 7.33456624,6.84768014 C7.47194741,6.9176917 7.60206324,7.0002525 7.70906203,7.11385616 C7.84710369,7.25916317 7.91381282,7.43815498 7.93957179,7.6316775 C7.96599124,7.82387904 7.99108973,8.01674107 7.99769459,8.21026359 C8.0069414,8.46058794 7.99108973,8.90784056 7.8999426,9.14561567 C7.86757877,9.23081841 7.80879548,9.28828073 7.72557419,9.323947 C7.53271216,9.4065078 7.32928235,9.44943941 7.12519205,9.4890686 C6.64964184,9.58021572 6.16946822,9.64031998 5.68731315,9.69117744 C5.14769576,9.74731878 4.60609691,9.77638018 3.88814818,9.78562699 Z M3.99184455,6.66142297 C3.92183299,6.66142297 3.85182143,6.660102 3.78180987,6.66274395 C3.76463723,6.66274395 3.74019923,6.66802784 3.73029193,6.67925611 C3.67216913,6.75521204 3.61404633,6.83116798 3.56318887,6.91306829 C3.5473372,6.93882726 3.54073234,6.9857218 3.55328158,7.01148077 C3.6252746,7.15876924 3.70519345,7.30077381 3.7804889,7.44674131 C3.79237766,7.46853736 3.80228495,7.49825925 3.79700106,7.52137627 C3.73557583,7.82255807 3.66160135,8.12109793 3.60942292,8.4236007 C3.54535574,8.79611503 3.54139282,8.94350683 3.72500804,9.19845458 C3.78973571,9.25855884 3.848519,9.31866311 3.91324667,9.37084153 C3.96146218,9.40981023 4.01694303,9.40518682 4.07044243,9.37480445 C4.17612026,9.31536067 4.26396495,9.23544182 4.33595797,9.14033178 C4.39474126,9.06305487 4.45154309,8.98247553 4.42842606,8.87283478 C4.3537911,8.52343747 4.28311905,7.97446995 4.20650263,7.62507264 C4.18999047,7.55043767 4.16357102,7.48042611 4.24547133,7.42692672 C4.25207619,7.42230331 4.25603911,7.4130565 4.26000203,7.40579115 C4.32208775,7.29416895 4.38615493,7.18386772 4.44295676,7.07026406 C4.45880844,7.03723974 4.46277136,6.98968472 4.45352455,6.95401845 C4.42116071,6.83645187 4.33595797,6.74992815 4.2467923,6.67661416 C4.21244701,6.64821325 4.14045399,6.66406492 4.08497313,6.66208346 C4.05459076,6.660102 4.02288741,6.66142297 3.99184455,6.66142297 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                            <path d="M4,5.16666667 C5.23711784,5.16666667 6.24,3.62199775 6.24,2.33333333 C6.24,1.04466891 5.23711784,1.77635684e-15 4,1.77635684e-15 C2.76288216,1.77635684e-15 1.76,1.04466891 1.76,2.33333333 C1.76,3.62199775 2.76288216,5.16666667 4,5.16666667 Z" id="路径" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="助理">
+                            <tspan x="0" y="13">助理</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/attention.svg

@@ -0,0 +1,69 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <linearGradient x1="55.7229775%" y1="88.1569103%" x2="14.4900352%" y2="13.346168%" id="linearGradient-1">
+            <stop stop-color="#F05E5E" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.1666667,3.08333333 C15.7900192,3.08333333 17.9166667,5.21608577 17.9166667,7.84696924 C17.9166667,9.05016376 17.4718675,10.1491716 16.7381795,10.9876349 L16.739254,10.9888715 L16.7153689,11.0135142 C16.5945955,11.1495442 16.4661623,11.2785843 16.3307481,11.3999538 L11.4162391,16.3271672 C10.6363108,17.1093345 9.36998214,17.1111495 8.58781488,16.3312212 L8.5837609,16.3271672 L3.66925188,11.3999538 C3.53647148,11.2809449 3.4104031,11.1545609 3.29168669,11.0214434 L3.26074605,10.9888715 C2.5281325,10.1491716 2.08333333,9.05016376 2.08333333,7.84696924 C2.08333333,5.21608577 4.20998077,3.08333333 6.83333333,3.08333333 C8.03282677,3.08333333 9.1284763,3.52921835 9.9644717,4.2647309 L10,4.2302711 L10.0355283,4.2647309 C10.8715237,3.52921835 11.9671732,3.08333333 13.1666667,3.08333333 Z" id="path-2"></path>
+        <filter x="-6.3%" y="-7.2%" width="112.6%" height="114.5%" filterUnits="objectBoundingBox" id="filter-3">
+            <feGaussianBlur stdDeviation="1" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="47.5810804%" y1="67.6793677%" x2="14.4900352%" y2="13.346168%" id="linearGradient-4">
+            <stop stop-color="#F05E5E" offset="0%"></stop>
+            <stop stop-color="#FFA5A5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M13.1666667,3.08333333 C15.7900192,3.08333333 17.9166667,5.21608577 17.9166667,7.84696924 C17.9166667,9.05016376 17.4718675,10.1491716 16.7381795,10.9876349 L16.739254,10.9888715 L16.7153689,11.0135142 C16.5945955,11.1495442 16.4661623,11.2785843 16.3307481,11.3999538 L11.4162391,16.3271672 C10.6363108,17.1093345 9.36998214,17.1111495 8.58781488,16.3312212 L8.5837609,16.3271672 L3.66925188,11.3999538 C3.53647148,11.2809449 3.4104031,11.1545609 3.29168669,11.0214434 L3.26074605,10.9888715 C2.5281325,10.1491716 2.08333333,9.05016376 2.08333333,7.84696924 C2.08333333,5.21608577 4.20998077,3.08333333 6.83333333,3.08333333 C8.03282677,3.08333333 9.1284763,3.52921835 9.9644717,4.2647309 L10,4.2302711 L10.0355283,4.2647309 C10.8715237,3.52921835 11.9671732,3.08333333 13.1666667,3.08333333 Z" id="path-5"></path>
+        <filter x="-18.9%" y="-21.7%" width="137.9%" height="143.4%" filterUnits="objectBoundingBox" id="filter-6">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="1" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.941176471   0 0 0 0 0.368627451   0 0 0 0 0.368627451  0 0 0 0 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-22.1%" y="-25.3%" width="144.2%" height="150.6%" filterUnits="objectBoundingBox" id="filter-7">
+            <feGaussianBlur stdDeviation="1.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+        <linearGradient x1="68.7516704%" y1="83.3001654%" x2="14.4900352%" y2="13.337619%" id="linearGradient-8">
+            <stop stop-color="#FA6363" offset="0%"></stop>
+            <stop stop-color="#FFB5B5" offset="100%"></stop>
+        </linearGradient>
+        <path d="M15.5416667,10 C16.8533429,10 17.9166667,11.0665061 17.9166667,12.382108 C17.9166667,13.0833673 17.6145507,13.7138524 17.133744,14.1497686 L14.6664959,16.6226803 C14.2765555,17.0137877 13.6433913,17.0147337 13.2522839,16.6247934 L13.2501708,16.6226803 L10.7819071,14.1488474 C10.7206533,14.0932485 10.6623041,14.0344898 10.6071152,13.9728277 L10.5887064,13.9532505 C10.2223405,13.5332034 10,12.9836986 10,12.382108 C10,11.0665061 11.0633237,10 12.375,10 C12.9747836,10 13.5226389,10.2229971 13.9406463,10.5908386 L13.9583333,10.5735387 L13.9760204,10.5908386 C14.3940278,10.2229971 14.9418831,10 15.5416667,10 Z" id="path-9"></path>
+        <filter x="-18.9%" y="-21.7%" width="137.9%" height="143.4%" filterUnits="objectBoundingBox" id="filter-10">
+            <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
+            <feGaussianBlur stdDeviation="0.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
+            <feColorMatrix values="0 0 0 0 0.941176471   0 0 0 0 0.368627451   0 0 0 0 0.368627451  0 0 0 0.6 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
+        </filter>
+        <filter x="-18.9%" y="-21.7%" width="137.9%" height="143.4%" filterUnits="objectBoundingBox" id="filter-11">
+            <feGaussianBlur stdDeviation="0.5" in="SourceAlpha" result="shadowBlurInner1"></feGaussianBlur>
+            <feOffset dx="0" dy="0" in="shadowBlurInner1" result="shadowOffsetInner1"></feOffset>
+            <feComposite in="shadowOffsetInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite>
+            <feColorMatrix values="0 0 0 0 1   0 0 0 0 1   0 0 0 0 1  0 0 0 1 0" type="matrix" in="shadowInnerInner1"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="关注的人" transform="translate(-320.000000, -82.000000)">
+            <g id="caret-down" transform="translate(320.000000, 82.000000)">
+                <g id="形状结合">
+                    <use fill="url(#linearGradient-1)" fill-rule="evenodd" xlink:href="#path-2"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-3)" xlink:href="#path-2"></use>
+                </g>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-6)" xlink:href="#path-5"></use>
+                    <use fill="url(#linearGradient-4)" fill-rule="evenodd" xlink:href="#path-5"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-7)" xlink:href="#path-5"></use>
+                </g>
+                <g id="形状结合">
+                    <use fill="black" fill-opacity="1" filter="url(#filter-10)" xlink:href="#path-9"></use>
+                    <use fill="url(#linearGradient-8)" fill-rule="evenodd" xlink:href="#path-9"></use>
+                    <use fill="black" fill-opacity="1" filter="url(#filter-11)" xlink:href="#path-9"></use>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/back-manager.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="88px" height="20px" viewBox="0 0 88 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>后台管理员</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#9EC2FF" offset="0%"></stop>
+            <stop stop-color="#76A9FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#0E69FE" offset="100%"></stop>
+        </linearGradient>
+        <radialGradient cx="50%" cy="50%" fx="50%" fy="50%" r="36.4793396%" id="radialGradient-3">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </radialGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3316.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="后台管理员" transform="translate(0.000000, 108.000000)">
+                    <rect id="矩形" fill="#2879FF" x="3" y="1" width="85" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="9 1.81818182 16.2168784 5.90909091 16.2168784 14.0909091 9 18.1818182 1.78312164 14.0909091 1.78312164 5.90909091"></polygon>
+                        <g id="设置" transform="translate(4.500000, 5.500000)">
+                            <path d="M8.26875,4.5 C8.26875,3.99375 8.55,3.54375 9,3.375 C8.775,2.5875 8.325,1.85625 7.7625,1.29375 C7.36875,1.575 6.80625,1.63125 6.35625,1.40625 C5.90625,1.125 5.68125,0.675 5.7375,0.16875 C5.34375,0.05625 4.89375,0 4.5,0 C4.05,0 3.65625,0.05625 3.2625,0.16875 C3.31875,0.61875 3.09375,1.125 2.64375,1.40625 C2.19375,1.6875 1.63125,1.63125 1.2375,1.29375 C0.675,1.85625 0.225,2.5875 0,3.375 C0.45,3.54375 0.73125,3.99375 0.73125,4.5 C0.73125,5.00625 0.45,5.45625 0,5.625 C0.225,6.4125 0.675,7.14375 1.2375,7.70625 C1.63125,7.425 2.19375,7.36875 2.64375,7.59375 C3.09375,7.875 3.31875,8.325 3.2625,8.83125 C3.65625,8.94375 4.10625,9 4.5,9 C4.95,9 5.34375,8.94375 5.7375,8.83125 C5.68125,8.38125 5.90625,7.875 6.35625,7.59375 C6.80625,7.3125 7.36875,7.36875 7.7625,7.70625 C8.325,7.14375 8.775,6.4125 9,5.625 C8.55,5.45625 8.26875,5.00625 8.26875,4.5 L8.26875,4.5 Z M4.5,6.35625 C3.43125,6.35625 2.5875,5.5125 2.5875,4.5 C2.5875,3.4875 3.43125,2.64375 4.5,2.64375 C5.56875,2.64375 6.4125,3.4875 6.4125,4.5 C6.4125,5.5125 5.56875,6.35625 4.5,6.35625 Z" id="形状" fill="url(#radialGradient-3)"></path>
+                            <path d="M4.5,5.625 C5.12132034,5.625 5.625,5.12132034 5.625,4.5 C5.625,3.87867966 5.12132034,3.375 4.5,3.375 C3.87867966,3.375 3.375,3.87867966 3.375,4.5 C3.375,5.12132034 3.87867966,5.625 4.5,5.625 Z" id="路径" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="后台管理员">
+                            <tspan x="0" y="13">后台管理员</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/boss.svg

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="56px" height="20px" viewBox="0 0 56 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Boss</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFEEC7" offset="0%"></stop>
+            <stop stop-color="#FFD896" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFCA3D" offset="0%"></stop>
+            <stop stop-color="#E2A916" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="41.2046279%" id="linearGradient-3">
+            <stop stop-color="#F0B929" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3208.000000)" fill-rule="nonzero">
+            <g id="Boss" transform="translate(1356.000000, 3208.000000)">
+                <rect id="矩形" fill="#F2B20F" x="3" y="1" width="53" height="18" rx="9"></rect>
+                <g id="编组-25">
+                    <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                    <polygon id="多边形" fill="url(#linearGradient-2)" points="9 1.81818182 16.2168784 5.90909091 16.2168784 14.0909091 9 18.1818182 1.78312164 14.0909091 1.78312164 5.90909091"></polygon>
+                    <g id="编组-29" transform="translate(5.000000, 5.005988)">
+                        <path d="M3.88814818,9.78562699 C3.68141594,9.77439872 3.29833383,9.75788656 2.91657268,9.73212759 C2.56255197,9.70835008 2.20853126,9.67928868 1.85583152,9.6442829 C1.35452234,9.5960674 0.85651559,9.52209292 0.364453219,9.41377315 C0.352564463,9.4111312 0.341336194,9.40584731 0.329447439,9.40386585 C0.178196053,9.3774464 0.106863521,9.27837343 0.0711972551,9.13636886 C-0.00145624941,8.84641533 -0.0133450047,8.35424963 0.0124139651,8.05835172 C0.0262841796,7.89851401 0.0460987717,7.73933679 0.067894823,7.57949908 C0.107524007,7.29416895 0.266040744,7.09206011 0.507118282,6.9421297 C0.772633816,6.77766858 1.06655027,6.68982389 1.36178769,6.60528163 C1.58503209,6.54121445 1.81422088,6.49431991 2.02095312,6.3833582 C2.23429023,6.26777308 2.43904101,6.1402992 2.58698997,5.94215328 C2.67351369,5.82590767 2.96544868,5.2466611 2.91657268,5.09937263 C2.88949274,5.01615134 5.00418303,4.911134 4.97380066,5.09937263 C4.90180764,5.54321949 5.37556357,6.07755299 5.77449736,6.28494572 C6.02746365,6.41638252 6.30024453,6.49167797 6.57170444,6.57357828 C6.8312756,6.65085519 7.09216773,6.72416918 7.33456624,6.84768014 C7.47194741,6.9176917 7.60206324,7.0002525 7.70906203,7.11385616 C7.84710369,7.25916317 7.91381282,7.43815498 7.93957179,7.6316775 C7.96599124,7.82387904 7.99108973,8.01674107 7.99769459,8.21026359 C8.0069414,8.46058794 7.99108973,8.90784056 7.8999426,9.14561567 C7.86757877,9.23081841 7.80879548,9.28828073 7.72557419,9.323947 C7.53271216,9.4065078 7.32928235,9.44943941 7.12519205,9.4890686 C6.64964184,9.58021572 6.16946822,9.64031998 5.68731315,9.69117744 C5.14769576,9.74731878 4.60609691,9.77638018 3.88814818,9.78562699 Z M3.99184455,6.66142297 C3.92183299,6.66142297 3.85182143,6.660102 3.78180987,6.66274395 C3.76463723,6.66274395 3.74019923,6.66802784 3.73029193,6.67925611 C3.67216913,6.75521204 3.61404633,6.83116798 3.56318887,6.91306829 C3.5473372,6.93882726 3.54073234,6.9857218 3.55328158,7.01148077 C3.6252746,7.15876924 3.70519345,7.30077381 3.7804889,7.44674131 C3.79237766,7.46853736 3.80228495,7.49825925 3.79700106,7.52137627 C3.73557583,7.82255807 3.66160135,8.12109793 3.60942292,8.4236007 C3.54535574,8.79611503 3.54139282,8.94350683 3.72500804,9.19845458 C3.78973571,9.25855884 3.848519,9.31866311 3.91324667,9.37084153 C3.96146218,9.40981023 4.01694303,9.40518682 4.07044243,9.37480445 C4.17612026,9.31536067 4.26396495,9.23544182 4.33595797,9.14033178 C4.39474126,9.06305487 4.45154309,8.98247553 4.42842606,8.87283478 C4.3537911,8.52343747 4.28311905,7.97446995 4.20650263,7.62507264 C4.18999047,7.55043767 4.16357102,7.48042611 4.24547133,7.42692672 C4.25207619,7.42230331 4.25603911,7.4130565 4.26000203,7.40579115 C4.32208775,7.29416895 4.38615493,7.18386772 4.44295676,7.07026406 C4.45880844,7.03723974 4.46277136,6.98968472 4.45352455,6.95401845 C4.42116071,6.83645187 4.33595797,6.74992815 4.2467923,6.67661416 C4.21244701,6.64821325 4.14045399,6.66406492 4.08497313,6.66208346 C4.05459076,6.660102 4.02288741,6.66142297 3.99184455,6.66142297 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                        <path d="M4,5.16666667 C5.23711784,5.16666667 6.24,3.62199775 6.24,2.33333333 C6.24,1.04466891 5.23711784,1.77635684e-15 4,1.77635684e-15 C2.76288216,1.77635684e-15 1.76,1.04466891 1.76,2.33333333 C1.76,3.62199775 2.76288216,5.16666667 4,5.16666667 Z" id="路径" fill="#FFFFFF"></path>
+                    </g>
+                </g>
+                <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                    <text id="Boss">
+                        <tspan x="0" y="13">Boss</tspan>
+                    </text>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/depart-leader.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="88px" height="20px" viewBox="0 0 88 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>部门负责人</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#9EC2FF" offset="0%"></stop>
+            <stop stop-color="#76A9FF" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="-2.48949813e-15%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#2879FF" offset="0%"></stop>
+            <stop stop-color="#0E69FE" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="41.2046279%" id="linearGradient-3">
+            <stop stop-color="#1B71FF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3352.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="部门负责人" transform="translate(0.000000, 144.000000)">
+                    <rect id="矩形" fill="#2879FF" x="3" y="1" width="85" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="8.93333333 1.8 16.1502117 5.89090909 16.1502117 14.0727273 8.93333333 18.1636364 1.71645497 14.0727273 1.71645497 5.89090909"></polygon>
+                        <g id="编组-29" transform="translate(5.000000, 5.000000)">
+                            <path d="M3.88814818,9.78562699 C3.68141594,9.77439872 3.29833383,9.75788656 2.91657268,9.73212759 C2.56255197,9.70835008 2.20853126,9.67928868 1.85583152,9.6442829 C1.35452234,9.5960674 0.85651559,9.52209292 0.364453219,9.41377315 C0.352564463,9.4111312 0.341336194,9.40584731 0.329447439,9.40386585 C0.178196053,9.3774464 0.106863521,9.27837343 0.0711972551,9.13636886 C-0.00145624941,8.84641533 -0.0133450047,8.35424963 0.0124139651,8.05835172 C0.0262841796,7.89851401 0.0460987717,7.73933679 0.067894823,7.57949908 C0.107524007,7.29416895 0.266040744,7.09206011 0.507118282,6.9421297 C0.772633816,6.77766858 1.06655027,6.68982389 1.36178769,6.60528163 C1.58503209,6.54121445 1.81422088,6.49431991 2.02095312,6.3833582 C2.23429023,6.26777308 2.43904101,6.1402992 2.58698997,5.94215328 C2.67351369,5.82590767 2.96544868,5.2466611 2.91657268,5.09937263 C2.88949274,5.01615134 5.00418303,4.911134 4.97380066,5.09937263 C4.90180764,5.54321949 5.37556357,6.07755299 5.77449736,6.28494572 C6.02746365,6.41638252 6.30024453,6.49167797 6.57170444,6.57357828 C6.8312756,6.65085519 7.09216773,6.72416918 7.33456624,6.84768014 C7.47194741,6.9176917 7.60206324,7.0002525 7.70906203,7.11385616 C7.84710369,7.25916317 7.91381282,7.43815498 7.93957179,7.6316775 C7.96599124,7.82387904 7.99108973,8.01674107 7.99769459,8.21026359 C8.0069414,8.46058794 7.99108973,8.90784056 7.8999426,9.14561567 C7.86757877,9.23081841 7.80879548,9.28828073 7.72557419,9.323947 C7.53271216,9.4065078 7.32928235,9.44943941 7.12519205,9.4890686 C6.64964184,9.58021572 6.16946822,9.64031998 5.68731315,9.69117744 C5.14769576,9.74731878 4.60609691,9.77638018 3.88814818,9.78562699 Z M3.99184455,6.66142297 C3.92183299,6.66142297 3.85182143,6.660102 3.78180987,6.66274395 C3.76463723,6.66274395 3.74019923,6.66802784 3.73029193,6.67925611 C3.67216913,6.75521204 3.61404633,6.83116798 3.56318887,6.91306829 C3.5473372,6.93882726 3.54073234,6.9857218 3.55328158,7.01148077 C3.6252746,7.15876924 3.70519345,7.30077381 3.7804889,7.44674131 C3.79237766,7.46853736 3.80228495,7.49825925 3.79700106,7.52137627 C3.73557583,7.82255807 3.66160135,8.12109793 3.60942292,8.4236007 C3.54535574,8.79611503 3.54139282,8.94350683 3.72500804,9.19845458 C3.78973571,9.25855884 3.848519,9.31866311 3.91324667,9.37084153 C3.96146218,9.40981023 4.01694303,9.40518682 4.07044243,9.37480445 C4.17612026,9.31536067 4.26396495,9.23544182 4.33595797,9.14033178 C4.39474126,9.06305487 4.45154309,8.98247553 4.42842606,8.87283478 C4.3537911,8.52343747 4.28311905,7.97446995 4.20650263,7.62507264 C4.18999047,7.55043767 4.16357102,7.48042611 4.24547133,7.42692672 C4.25207619,7.42230331 4.25603911,7.4130565 4.26000203,7.40579115 C4.32208775,7.29416895 4.38615493,7.18386772 4.44295676,7.07026406 C4.45880844,7.03723974 4.46277136,6.98968472 4.45352455,6.95401845 C4.42116071,6.83645187 4.33595797,6.74992815 4.2467923,6.67661416 C4.21244701,6.64821325 4.14045399,6.66406492 4.08497313,6.66208346 C4.05459076,6.660102 4.02288741,6.66142297 3.99184455,6.66142297 Z" id="形状" fill="url(#linearGradient-3)"></path>
+                            <path d="M4,5.16666667 C5.23711784,5.16666667 6.24,3.62199775 6.24,2.33333333 C6.24,1.04466891 5.23711784,1.77635684e-15 4,1.77635684e-15 C2.76288216,1.77635684e-15 1.76,1.04466891 1.76,2.33333333 C1.76,3.62199775 2.76288216,5.16666667 4,5.16666667 Z" id="路径" fill="#FFFFFF"></path>
+                        </g>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="部门负责人">
+                            <tspan x="0" y="13">部门负责人</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/super-manager.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="52px" height="20px" viewBox="0 0 52 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>超管</title>
+    <defs>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-1">
+            <stop stop-color="#FFEEC7" offset="0%"></stop>
+            <stop stop-color="#FFD896" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-2">
+            <stop stop-color="#FFCA3D" offset="0%"></stop>
+            <stop stop-color="#E2A916" offset="100%"></stop>
+        </linearGradient>
+        <linearGradient x1="50%" y1="0%" x2="50%" y2="100%" id="linearGradient-3">
+            <stop stop-color="#FFFFFF" offset="0%"></stop>
+            <stop stop-color="#FFFFFF" offset="14.1298294%"></stop>
+            <stop stop-color="#F6BF31" offset="18.0222878%"></stop>
+            <stop stop-color="#FFFFFF" offset="30.3107042%"></stop>
+            <stop stop-color="#FFFFFF" offset="100%"></stop>
+        </linearGradient>
+    </defs>
+    <g id="OKR" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="公司全部/隔级-交互规范" transform="translate(-1356.000000, -3244.000000)" fill-rule="nonzero">
+            <g id="角色" transform="translate(1356.000000, 3208.000000)">
+                <g id="超管" transform="translate(0.000000, 36.000000)">
+                    <rect id="矩形" fill="#F2B20F" x="3" y="1" width="49" height="18" rx="9"></rect>
+                    <g id="编组-25">
+                        <polygon id="多边形" fill="url(#linearGradient-1)" points="9 0 17.660254 5 17.660254 15 9 20 0.33974596 15 0.33974596 5"></polygon>
+                        <polygon id="多边形" fill="url(#linearGradient-2)" points="9 1.81818182 16.2168784 5.90909091 16.2168784 14.0909091 9 18.1818182 1.78312164 14.0909091 1.78312164 5.90909091"></polygon>
+                        <path d="M10.1408182,6.81818182 L10.8181818,13.030303 L9,16.3636364 L7.18181818,13.030303 L7.85881818,6.81818182 L10.1408182,6.81818182 Z M10.2273686,4.54545455 C10.4482825,4.54545455 10.6273686,4.72454065 10.6273686,4.94545455 C10.6273686,4.99634232 10.6176586,5.04676271 10.5987593,5.09401082 L10.0909091,6.36363636 L7.90909091,6.36363636 L7.40124069,5.09401082 C7.31919533,4.88889741 7.41896169,4.65610923 7.6240751,4.57406387 C7.67132321,4.55516463 7.72174359,4.54545455 7.77263137,4.54545455 L10.2273686,4.54545455 Z" id="形状结合" fill="url(#linearGradient-3)"></path>
+                    </g>
+                    <g id="编组" opacity="0.8" transform="translate(22.000000, 1.000000)" fill="#FFFFFF" font-family="PingFangSC-Regular, PingFang SC" font-size="12" font-weight="normal">
+                        <text id="超管">
+                            <tspan x="0" y="13">超管</tspan>
+                        </text>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>

package/src/components/photo-card/images/user-add.svg

@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>切片</title>
+    <defs>
+        <filter id="filter-1">
+            <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0.941176 0 0 0 0 0.368627 0 0 0 0 0.368627 0 0 0 1.000000 0"></feColorMatrix>
+        </filter>
+    </defs>
+    <g id="主页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="OKR-其他交互" transform="translate(-271.000000, -1962.000000)">
+            <g id="add1" transform="translate(96.000000, 1653.000000)" filter="url(#filter-1)">
+                <g transform="translate(175.000000, 309.000000)">
+                    <rect id="矩形" fill="#141C28" transform="translate(8.000000, 8.000000) rotate(-360.000000) translate(-8.000000, -8.000000) " x="2" y="7.46666667" width="12" height="1.06666667" rx="0.533333333"></rect>
+                    <path d="M2.53333333,7.46666667 L13.4666667,7.46666667 C13.7612185,7.46666667 14,7.70544813 14,8 C14,8.29455187 13.7612185,8.53333333 13.4666667,8.53333333 L2.53333333,8.53333333 C2.23878147,8.53333333 2,8.29455187 2,8 C2,7.70544813 2.23878147,7.46666667 2.53333333,7.46666667 Z" id="矩形" fill="#141C28" transform="translate(8.000000, 8.000000) scale(-1, 1) rotate(-270.000000) translate(-8.000000, -8.000000) "></path>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>