@titaui/pc 1.7.35 → 1.7.39

package/src/components/okrcase-library/image//347/254/224.svg

@@ -1,16 +0,0 @@
-<?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>编组 8</title>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR案例库改版--小屏幕备份" transform="translate(-1110.000000, -419.000000)" fill-rule="nonzero">
-            <g id="编组-7" transform="translate(1068.000000, 390.000000)">
-                <g id="提交我想要的" transform="translate(8.000000, 16.000000)">
-                    <g id="编组-8" transform="translate(34.000000, 13.000000)">
-                        <rect id="矩形" fill="#000000" opacity="0" x="0" y="0" width="20" height="20"></rect>
-                        <path d="M16.3970031,9.44396065 L17.5331796,8.25705531 C18.1556068,7.60683761 18.1556068,6.53346234 17.5331796,5.88324464 L14.2827268,2.48766328 C13.6602997,1.83744557 12.6328009,1.83744557 12.0103738,2.48766328 L10.8741973,3.67456862 L16.3970031,9.44396065 L16.3970031,9.44396065 Z M11.7041001,5.81099823 L14.3420056,8.56668279 L15.7844558,10.0735365 L10.162852,15.9461377 C8.82907953,16.2454443 8.54256545,15.5642638 8.72040178,14.439284 C7.36686975,14.2431866 6.35913058,13.6136107 6.12201548,12.0035478 L9.91585707,8.16416707 L9.57006422,7.80293501 L5.67742467,11.7455249 C4.69932488,11.8280922 4.49184917,11.1675536 4.64004611,10.1767457 L10.2616499,4.30414449 L11.7041001,5.81099823 L11.7041001,5.81099823 Z M3.68170591,13.7271408 L3,16.8440574 L4.10653713,18 L7.09023547,17.2878568 L3.68170591,13.7271408 Z" id="形状" fill="#2C7BFE"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okrcase-library/image//351/235/266/345/277/203.svg

@@ -1,24 +0,0 @@
-<?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>编组 9</title>
-    <defs>
-        <linearGradient x1="68.7621041%" y1="24.3170438%" x2="0%" y2="99.664288%" id="linearGradient-1">
-            <stop stop-color="#FFFFFF" offset="0%"></stop>
-            <stop stop-color="#F0545E" offset="100%"></stop>
-        </linearGradient>
-    </defs>
-    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="OKR案例库改版--小屏幕备份" transform="translate(-1084.000000, -641.000000)">
-            <g id="编组-7" transform="translate(1068.000000, 390.000000)">
-                <g id="精选文章" transform="translate(0.000000, 237.000000)">
-                    <g id="编组-9" transform="translate(16.000000, 14.000000)">
-                        <circle id="椭圆形" fill="#F0545E" cx="10" cy="10" r="10"></circle>
-                        <path d="M9.8145625,6.8985625 C8.0085625,6.8985625 6.5385625,8.3625625 6.5385625,10.1625625 C6.5385625,11.9625625 8.0085625,13.4265625 9.8145625,13.4265625 C11.6205625,13.4265625 13.0905625,11.9625625 13.0905625,10.1625625 C13.0905625,9.7305625 13.0065625,9.3045625 12.8385625,8.9085625 L11.6565625,10.0905625 L11.6565625,10.1625625 C11.6625625,11.1825625 10.8405625,12.0105625 9.8205625,12.0105625 C8.8005625,12.0165625 7.9725625,11.1945625 7.9665625,10.1745625 C7.9605625,9.1545625 8.7825625,8.3265625 9.7965625,8.3205625 L11.0025625,7.1205625 C10.6245625,6.9705625 10.2225625,6.8925625 9.8145625,6.8985625 Z" id="路径" fill-opacity="0.6" fill="#FFFFFF" fill-rule="nonzero"></path>
-                        <path d="M14.9745625,8.4825625 C14.8125625,8.6445625 14.5905625,8.7345625 14.3625625,8.7345625 L13.7025625,8.7345625 C13.8705625,9.1905625 13.9605625,9.6765625 13.9605625,10.1625625 C13.9605625,12.4365625 12.1005625,14.2905625 9.8145625,14.2905625 C7.5285625,14.2905625 5.6685625,12.4365625 5.6685625,10.1625625 C5.6685625,7.8885625 7.5285625,6.0345625 9.8145625,6.0345625 C10.2885625,6.0345625 10.7565625,6.1125625 11.2065625,6.2745625 L11.2065625,5.5845625 C11.2065625,5.3565625 11.2965625,5.1345625 11.4585625,4.9725625 L11.7345625,4.7025625 C11.1165625,4.4865625 10.4685625,4.3785625 9.8145625,4.3785625 C6.6105625,4.3785625 4.0065625,6.9705625 4.0065625,10.1625625 C4.0065625,13.3545625 6.6105625,15.9465625 9.8085625,15.9465625 C13.0065625,15.9465625 15.6165625,13.3545625 15.6165625,10.1625625 C15.6165625,9.4905625 15.4965625,8.8245625 15.2685625,8.1885625 L14.9745625,8.4825625 Z" id="路径" fill="#FFFFFF" fill-rule="nonzero"></path>
-                        <path d="M15.8385625,6.4005625 L14.3625625,7.8705625 L12.6525625,7.8705625 L12.3825625,8.1405625 L11.3565625,9.1605625 L10.7205625,9.7965625 L10.1805625,10.3365625 C10.1025625,10.4145625 9.9945625,10.4625625 9.8805625,10.4565625 C9.7665625,10.4565625 9.6645625,10.4085625 9.5865625,10.3245625 C9.4305625,10.1625625 9.4485625,9.8985625 9.6105625,9.7365625 L10.6845625,8.6625625 L10.7685625,8.5785625 L11.8005625,7.5525625 L12.0765625,7.2765625 L12.0765625,5.5845625 L12.5865625,5.0745625 L13.5525625,4.1145625 C13.5645625,4.1025625 13.5765625,4.0905625 13.5945625,4.0785625 L13.6065625,4.0725625 C13.6185625,4.0605625 13.6365625,4.0545625 13.6485625,4.0485625 L13.6545625,4.0485625 C13.6665625,4.0425625 13.6785625,4.0365625 13.6965625,4.0305625 L13.7085625,4.0245625 C13.7205625,4.0185625 13.7385625,4.0185625 13.7505625,4.0125625 L13.7565625,4.0125625 C13.7685625,4.0125625 13.7805625,4.0065625 13.7985625,4.0065625 L13.8645625,4.0065625 C13.8765625,4.0065625 13.8885625,4.0125625 13.9005625,4.0125625 L13.9125625,4.0125625 C13.9245625,4.0185625 13.9425625,4.0185625 13.9545625,4.0245625 L13.9605625,4.0245625 L13.9965625,4.0425625 L14.0085625,4.0485625 C14.0205625,4.0545625 14.0325625,4.0665625 14.0445625,4.0725625 L14.0505625,4.0785625 C14.0625625,4.0845625 14.0685625,4.0965625 14.0805625,4.1025625 L14.0865625,4.1085625 C14.0985625,4.1205625 14.1045625,4.1325625 14.1165625,4.1445625 C14.1225625,4.1565625 14.1165625,4.1445625 14.1165625,4.1445625 C14.1225625,4.1565625 14.1345625,4.1685625 14.1405625,4.1805625 C14.1405625,4.1865625 14.1465625,4.1865625 14.1465625,4.1925625 C14.1525625,4.2045625 14.1585625,4.2225625 14.1645625,4.2345625 C14.1705625,4.2465625 14.1705625,4.2645625 14.1765625,4.2825625 L14.1765625,4.2945625 C14.1765625,4.3125625 14.1825625,4.3305625 14.1825625,4.3485625 L14.2125625,5.7285625 L14.2425625,5.7285625 L15.5985625,5.7585625 C15.6645625,5.7585625 15.7305625,5.7825625 15.7905625,5.8185625 C15.8085625,5.8305625 15.8325625,5.8485625 15.8445625,5.8605625 C15.8685625,5.8845625 15.8925625,5.9145625 15.9105625,5.9445625 C15.9285625,5.9745625 15.9405625,6.0045625 15.9465625,6.0405625 C15.9645625,6.1785625 15.9285625,6.3105625 15.8385625,6.4005625 L15.8385625,6.4005625 Z" id="路径" fill="url(#linearGradient-1)" fill-rule="nonzero"></path>
-                    </g>
-                </g>
-            </g>
-        </g>
-    </g>
-</svg>

package/src/components/okrcase-library/index.scss

@@ -1,620 +0,0 @@
-.okr-cases-library {
-  width: 100%;
-  box-sizing: border-box;
-  padding-bottom: 30px;
-  overflow: hidden;
-  background-color: #f7f9fb;
-  position: relative;
-  font-family: -apple-system, Arial, Verdana, Helvetica Neue, Helvetica,
-    sans-serif, PingFang SC, Microsoft YaHei;
-  div,
-  input {
-    box-sizing: border-box;
-  }
-  &__header {
-    position: relative;
-    height: 240px;
-    width: 100%;
-    background-color: #0059d6;
-    // @media screen and (max-width: 1540px) {
-    //     & {
-    //         background-image: url("./image/head-background2.png");
-    //     }
-    // }
-    // background-image: url("./image/head-background1.png"), url("./image/head-background-left1.png"),
-    //     url("./image/head-background-right1.png");
-    background-repeat: no-repeat;
-    // background-position: center bottom, left bottom, right bottom;
-    background-image: url("./image/head-background.png");
-    background-position: center top;
-    // &-mask {
-    //     height: 100%;
-    //     width: 100%;
-    //     background-color: rgba(0, 0, 0, 0.3);
-    // }
-    &-light {
-      position: absolute;
-      top: -40px;
-      left: -100px;
-      width: 200px;
-      height: 130px;
-      border-radius: 50%;
-      background: rgba(255, 255, 255, 0.4);
-      filter: blur(40px);
-    }
-    &__search {
-      position: absolute;
-      top: 124px;
-      // bottom: 0;
-      left: 0;
-      right: 0;
-      margin: 0 auto;
-      // margin-top: 124px;
-      width: 420px;
-      height: 50px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      border-radius: 25px;
-      background-color: #fff;
-      border: none;
-      overflow: hidden;
-      &__input {
-        flex: 1;
-        padding-left: 24px;
-        height: 50px;
-        font-size: 16px;
-        // line-height: 50px;
-        border: none;
-        box-sizing: border-box;
-      }
-      &__btn {
-        transform: translateX(1px);
-        width: 92px;
-        height: 50px;
-        border-radius: 25px;
-        background: linear-gradient(180deg, #9ec3ff 0%, #4d90ff 100%);
-        color: #fff;
-        text-align: center;
-        font-size: 18px;
-        line-height: 50px;
-        cursor: pointer;
-        &:hover {
-          background: #4d90ff;
-        }
-        .tu-icon-search {
-          width: 18px;
-          height: 18px;
-          color: #fff !important;
-        }
-      }
-    }
-    &__closeBtn {
-      position: absolute;
-      top: 10px;
-      right: 10px;
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      background-color: rgba(255, 255, 255, 0.3);
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: pointer;
-      .tu-icon-close {
-        color: #3f4755;
-      }
-      &:hover {
-        background-color: rgba(255, 255, 255, 0.5);
-      }
-    }
-  }
-  &__navFirst {
-    width: 100%;
-    height: 56px;
-    background-color: #fff;
-    box-shadow: 0px 4px 8px 0px #e9ecf0;
-    display: flex;
-    justify-content: start;
-    align-items: center;
-    padding-left: 24px;
-    margin-bottom: 4px;
-    &-fixed {
-      position: absolute;
-      z-index: 2;
-    }
-    &__item {
-      margin-right: 30px;
-      height: 28px;
-      line-height: 28px;
-      font-size: 16px;
-      color: #3f4755;
-      cursor: pointer;
-      &-active {
-        color: #2879ff;
-        position: relative;
-        font-weight: 600;
-        &::after {
-          content: "";
-          position: absolute;
-          bottom: -14px;
-          left: 0;
-          right: 0;
-          margin: auto;
-          height: 4px;
-          width: 20px;
-          background-color: #2879ff;
-          border-radius: 2px;
-          animation: befat 0.3s ease;
-        }
-      }
-    }
-    &__closeBtn {
-      position: absolute;
-      top: 13px;
-      right: 32px;
-      width: 30px;
-      height: 30px;
-      border-radius: 50%;
-      color: #3f4755;
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      cursor: pointer;
-      .tu-icon-close {
-        color: #3f4755;
-      }
-      &:hover {
-        background-color: rgba(255, 255, 255, 0.5);
-      }
-    }
-    .transparent-mask {
-      position: absolute;
-      height: 32px;
-      width: 48px;
-      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
-    }
-    &-slideInput-wapper {
-      overflow: hidden;
-      height: 32px;
-      position: absolute;
-      background-color: #fff;
-    }
-  }
-  &__mainContainer {
-    height: calc(100% - 296px);
-    padding-left: 24px;
-    overflow: hidden;
-    position: relative;
-  }
-  &__navSecond {
-    margin-top: 12px;
-    width: 100%;
-    height: 30px;
-    display: flex;
-    justify-content: start;
-    align-items: center;
-    padding-left: 12px;
-    &__item {
-      height: 30px;
-      padding: 0 16px;
-      margin-right: 6px;
-      text-align: center;
-      line-height: 30px;
-      color: #6f7886;
-      font-size: 14px;
-      cursor: pointer;
-      &-active {
-        color: #2879ff;
-        background-color: rgba(54, 130, 254, 0.1);
-        border-radius: 15px;
-      }
-    }
-  }
-  &__cardList {
-    float: left;
-    margin-top: 4px;
-    width: calc(100% - 300px);
-    min-height: 750px;
-    display: flex;
-    justify-content: center;
-    flex-wrap: wrap;
-    &__card {
-      flex-grow: 1;
-      width: 46%;
-      margin-right: 12px;
-      margin-top: 12px;
-      padding: 8px 12px 40px 9px;
-      background-color: #fff;
-      box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.1);
-      border-radius: 6px;
-      position: relative;
-      -moz-user-select: none; /*火狐*/
-      -webkit-user-select: none; /*webkit浏览器*/
-      -ms-user-select: none; /*IE10*/
-      -khtml-user-select: none; /*早期浏览器*/
-      user-select: none;
-      &__title {
-        height: 100px;
-        padding: 12px 15px;
-        background-repeat: no-repeat;
-        background-position: right bottom;
-        position: relative;
-        &__label {
-          height: 22px;
-          line-height: 22px;
-          font-size: 12px;
-        }
-        &__name {
-          margin-top: 2px;
-          height: 26px;
-          font-size: 18px;
-          line-height: 26px;
-          font-weight: 600;
-        }
-        &__btn {
-          position: absolute;
-          right: 15px;
-          top: 60px;
-          color: #fff;
-          width: 68px;
-          height: 26px;
-          border-radius: 4px;
-          text-align: center;
-          line-height: 26px;
-          cursor: pointer;
-          opacity: 0;
-          transition: all 0.5s;
-          &-show {
-            top: 37px;
-            opacity: 1;
-          }
-          &-blue {
-            background-color: #2879ff;
-            box-shadow: 0px 4px 12px 0px rgba(40, 121, 255, 0.5),
-              inset 0px 0px 4px 0px rgba(255, 255, 255, 0.8);
-            &:hover {
-              background-color: #5c8eff;
-            }
-          }
-          &-red {
-            background-color: #f05e5e;
-            box-shadow: 0px 4px 12px 0px rgba(240, 94, 94, 0.5),
-              inset 0px 0px 4px 0px rgba(255, 255, 255, 0.8);
-            &:hover {
-              background-color: #f37e7e;
-            }
-          }
-        }
-        &-blue {
-          background-image: url("./image/蓝.png");
-          background-color: #f4f8ff;
-          color: #2879ff;
-        }
-        &-red {
-          background-image: url("./image/红.png");
-          background-color: rgba(240, 94, 94, 0.1);
-          color: #f05e5e;
-        }
-      }
-      &__content {
-        &__kr {
-          margin: 12px 0;
-          padding-left: 15px;
-          color: #3f4755;
-          font-size: 14px;
-          overflow: hidden;
-        }
-      }
-      &__footer {
-        position: absolute;
-        bottom: 0;
-        left: 15px;
-        height: 41px;
-        width: calc(100% - 27px);
-        border-top: 1px solid rgba(70, 78, 91, 0.1);
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        color: #a4acb9;
-        font-size: 12px;
-        .tu-icon-dianzan {
-          width: 20px;
-          height: 20px;
-          font-size: 16px;
-          margin-right: 8px;
-          cursor: pointer;
-        }
-      }
-    }
-    &__formember {
-      margin-top: 20px;
-      width: calc(100% - 12px);
-      transform: translateX(-6px);
-      height: 60px;
-      background: #ffffff;
-      border-radius: 6px;
-      box-shadow: 0px 4px 12px 0px rgba(127, 145, 180, 0.1);
-      text-align: center;
-      line-height: 60px;
-      color: #f7af56;
-      font-size: 16px;
-      cursor: pointer;
-      img {
-        width: 24px;
-        height: 24px;
-        vertical-align: middle;
-        margin-bottom: 8px;
-      }
-    }
-    &-empty {
-      align-self: center;
-      text-align: center;
-      img {
-        width: 132px;
-        height: 132px;
-        transform: translateX(-18px);
-      }
-      p {
-        margin-top: 21px;
-        a {
-          color: #2879ff;
-        }
-      }
-    }
-    &-loading {
-      width: 100%;
-      height: 30px;
-      margin-top: 30px;
-    }
-  }
-  &__aside {
-    float: right;
-    margin-top: 16px;
-    margin-right: 24px;
-    width: 274px;
-    &__submitWant {
-      width: 100%;
-      height: 103px;
-      background-color: #fff;
-      margin-bottom: 10px;
-      display: flex;
-      justify-content: center;
-      flex-wrap: wrap;
-      box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-      border-radius: 6px;
-      &__btn {
-        margin-top: 16px;
-        width: 240px;
-        height: 40px;
-        background: rgba(40, 121, 255, 0.09);
-        border-radius: 23px;
-        color: #2879ff;
-        text-align: center;
-        line-height: 40px;
-        font-size: 16px;
-        cursor: pointer;
-        &:hover {
-          color: #5c8eff;
-        }
-        img {
-          margin-right: 6px;
-          vertical-align: middle;
-        }
-      }
-      &__libraryNum {
-        // margin-top: 12px;
-        height: 17px;
-        text-align: center;
-        color: #8a93a2;
-        line-height: 17px;
-      }
-    }
-    &__memberInfo {
-      width: 274px;
-      height: 64px;
-      box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-      border-radius: 6px;
-      background-image: url("./image/会员背景.png");
-      background-size: 100%;
-      background-repeat: no-repeat;
-      background-position: center;
-      padding-left: 62px;
-      padding-top: 12px;
-      &__name {
-        height: 22px;
-        font-size: 14px;
-        line-height: 22px;
-        color: #3f2504;
-        b {
-          color: #ea9126;
-        }
-      }
-      &__deadLine {
-        color: #8e7a60;
-        font-size: 12px;
-      }
-    }
-    &__advertise {
-      width: 100%;
-      height: 114px;
-      background-color: #fff;
-      background-image: url("./image/广告图片.png");
-      background-size: 100%;
-      background-repeat: no-repeat;
-      background-position: center;
-      margin-bottom: 10px;
-      box-shadow: 0px 0px 8px 0px rgba(127, 145, 180, 0.1);
-      border-radius: 6px;
-      cursor: pointer;
-    }
-    &__essay {
-      margin-top: 12px;
-      width: 100%;
-      border-radius: 6px;
-    }
-    // &-fix {
-    //     position: absolute;
-    // }
-  }
-  &__submitWindow {
-    width: 480px;
-    height: 514px;
-    border-radius: 6px;
-    padding: 25px 32px 18px;
-    position: relative;
-    box-sizing: border-box;
-    margin-bottom: 12px;
-    img {
-      width: 345px;
-      height: 82px;
-      margin-bottom: 12px;
-    }
-    .tu-icon-canceled {
-      position: absolute;
-      right: 32px;
-      top: 28px;
-      width: 18px;
-      height: 18px;
-      cursor: pointer;
-    }
-    &-okrInput {
-      width: 416px;
-      margin-top: 12px;
-      p {
-        display: inline-block;
-        height: 22px;
-        color: #3f4755;
-        line-height: 22px;
-        font-size: 14px;
-        span {
-          color: #ff6269;
-        }
-      }
-      // input {
-      //     width: 416px;
-      //     height: 36px;
-      //     margin-top: 6px;
-      //     border-radius: 4px;
-      //     border: 1px solid #e9ecf0;
-      //     line-height: 36;
-      //     padding-left: 12px;
-      //     box-sizing: border-box;
-      // }
-      // textarea {
-      //     margin-top: 12px;
-      //     width: 416px;
-      //     height: 120px;
-      //     border-radius: 4px;
-      //     border: 1px solid #e9ecf0;
-      //     font-size: 14px;
-      //     resize: none;
-      //     box-sizing: border-box;
-      // }
-    }
-    &-submitButton {
-      margin-top: 34px;
-      position: absolute;
-      left: 50%;
-      transform: translateX(-50%);
-      width: 120px;
-      height: 36px;
-      background: #2879ff;
-      border-radius: 4px;
-      color: #fff;
-      text-align: center;
-      line-height: 36px;
-      cursor: pointer;
-      &:hover {
-        background-color: #5c8eff;
-      }
-    }
-  }
-  &__payWindow {
-    height: 308px;
-    display: flex;
-    flex-direction: column;
-    justify-content: start;
-    align-items: center;
-    background-image: url("./image/支付背景.svg");
-    background-repeat: no-repeat;
-    background-position: center;
-    background-size: 100%;
-    position: relative;
-    img {
-      position: absolute;
-      top: -27px;
-      left: -55px;
-      width: 195px;
-      height: 129px;
-    }
-    .tu-icon-canceled {
-      position: absolute;
-      right: 35px;
-      top: 28px;
-      width: 14px;
-      height: 14px;
-      cursor: pointer;
-    }
-    &__head {
-      margin-top: 46px;
-      font-size: 26px;
-      font-weight: 500;
-      color: #141c28;
-    }
-    &__detail {
-      margin-top: 16px;
-      font-size: 16px;
-      color: #344755;
-      a {
-        color: #458bff;
-        &:hover {
-          color: #5c8eff;
-        }
-      }
-    }
-    &__amount {
-      margin-top: 36px;
-      color: #141c28;
-      font-size: 16px;
-      b {
-        color: #f9541c;
-      }
-    }
-    &__payButton {
-      margin-top: 38px;
-      width: 160px;
-      height: 36px;
-      background: #2879ff;
-      border-radius: 20px;
-      color: #fff;
-      font-size: 16px;
-      cursor: pointer;
-      text-align: center;
-      line-height: 36px;
-      &:hover {
-        background-color: #5c8eff;
-        color: #fff;
-      }
-    }
-  }
-}
-
-.okrCases-container {
-  // width: calc(100% + 10px);
-  height: calc(100vh - 42px);
-
-  &::-webkit-scrollbar {
-    background-color: #f7f9fb;
-    display: none;
-  }
-}
-
-@keyframes befat {
-  0% {
-    width: 0;
-  }
-  100% {
-    width: 20px;
-  }
-}