chore(ui): 升级业务库0.1.11

app/web/component/layout/activity/index.vue

@@ -30,301 +30,324 @@
 </template>
 <script lang="ts" src="./index.ts"></script>
 <style>
-  /**
+/**
    * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
    * http://cssreset.com
    */
-  html,
-  body,
-  div,
-  span,
-  applet,
-  object,
-  iframe,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  p,
-  blockquote,
-  pre,
-  a,
-  abbr,
-  acronym,
-  address,
-  big,
-  cite,
-  code,
-  del,
-  dfn,
-  em,
-  img,
-  ins,
-  kbd,
-  q,
-  s,
-  samp,
-  small,
-  strike,
-  strong,
-  sub,
-  sup,
-  tt,
-  var,
-  b,
-  u,
-  i,
-  center,
-  dl,
-  dt,
-  dd,
-  ol,
-  ul,
-  li,
-  fieldset,
-  form,
-  label,
-  legend,
-  table,
-  caption,
-  tbody,
-  tfoot,
-  thead,
-  tr,
-  th,
-  td,
-  article,
-  aside,
-  canvas,
-  details,
-  embed,
-  figure,
-  figcaption,
-  footer,
-  header,
-  menu,
-  nav,
-  output,
-  ruby,
-  section,
-  summary,
-  time,
-  mark,
-  audio,
-  video,
-  input {
-    margin: 0;
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font-weight: normal;
-    vertical-align: baseline;
-  }
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video,
+input {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font-weight: normal;
+  vertical-align: baseline;
+}
 
-  /* HTML5 display-role reset for older browsers */
-  article,
-  aside,
-  details,
-  figcaption,
-  figure,
-  footer,
-  header,
-  menu,
-  nav,
-  section {
-    display: block;
-  }
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  display: block;
+}
 
-  body {
-    line-height: 1;
-    -webkit-text-size-adjust: 100% !important;
-    text-size-adjust: 100% !important;
-    -moz-text-size-adjust: 100% !important;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-  }
+body {
+  line-height: 1;
+  -webkit-text-size-adjust: 100% !important;
+  text-size-adjust: 100% !important;
+  -moz-text-size-adjust: 100% !important;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
 
-  blockquote,
-  q {
-    quotes: none;
-  }
+blockquote,
+q {
+  quotes: none;
+}
 
-  blockquote::before,
-  blockquote::after,
-  q::before,
-  q::after {
-    content: none;
-  }
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+  content: none;
+}
 
-  table {
-    border-collapse: collapse;
-    border-spacing: 0;
-  }
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
 
-  /* custom */
-  a {
-    color: #7e8c8d;
-    text-decoration: none;
-  }
+/* custom */
+a {
+  color: #7e8c8d;
+  text-decoration: none;
+}
 
-  li {
-    list-style: none;
-  }
+li {
+  list-style: none;
+}
 
-  *,
-  *:before,
-  *:after {
-    box-sizing: border-box;
-  }
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */
+  -khtml-user-select: none; /* Konqueror */
+  -moz-user-select: none; /* Firefox */
+  -ms-user-select: none; /* Internet Explorer/Edge */
+  user-select: none; /* Non-prefixed version, currently */
+}
+
+html {
+  font-size: 10vw !important;
+  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+}
 
+html,
+body,
+#app {
+  height: 100%;
+}
+
+.cr-popup .cr-notify {
+  font-size: 14px;
+}
+
+.cr-toast .cr-toast--inner {
+  box-sizing: content-box;
+}
+
+@media screen and (min-width: 769px) {
   html {
-    font-size: 10vw !important;
-    font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
+    font-size: 37.5px !important;
   }
 
-  html,
-  body,
-  #app {
-    height: 100%;
-  }
+  body {
+    max-width: 375px;
 
-  .cr-popup .cr-notify {
-    font-size: 14px;
+    /* max-height: 667Px; */
+    margin: 0 auto !important;
   }
+}
 
-  .cr-toast .cr-toast--inner {
-    box-sizing: content-box;
-  }
+.mainload {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 999;
+  background-color: #fff;
+}
 
-  @media screen and (min-width: 769Px) {
-    html {
-      font-size: 37.5Px !important;
-    }
-    body {
-      max-width: 375Px;
-      /*max-height: 667Px;*/
-      margin: 0 auto !important;
-    }
-  }
+.mainload .container {
+  text-align: center;
+}
 
-  .mainload {
-    position: fixed;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    z-index: 999;
-    background-color: #fff;
-  }
-  .mainload .container {
-    text-align: center;
-  }
-  .mainload p {
-    font-size: 16px;
-    color: #666;
-    margin-top: 10px;
-  }
-  .mainload .circular {
-    height: 36px;
-    width: 36px;
-    animation: loading-rotate 2s linear infinite;
+.mainload p {
+  font-size: 16px;
+  color: #666;
+  margin-top: 10px;
+}
+
+.mainload .circular {
+  height: 36px;
+  width: 36px;
+  animation: loading-rotate 2s linear infinite;
+}
+
+.mainload .path {
+  animation: loading-dash 1.5s ease-in-out infinite;
+  stroke-dasharray: 90, 150;
+  stroke-dashoffset: 0;
+  stroke-width: 3;
+  stroke: #ec3333;
+  stroke-linecap: round;
+}
+
+@keyframes loading-rotate {
+  to {
+    transform: rotate(1turn);
   }
-  .mainload .path {
-    animation: loading-dash 1.5s ease-in-out infinite;
-    stroke-dasharray: 90,150;
+}
+
+@keyframes loading-dash {
+  0% {
+    stroke-dasharray: 1, 200;
     stroke-dashoffset: 0;
-    stroke-width: 3;
-    stroke: #ec3333;
-    stroke-linecap: round;
-  }
-  @keyframes loading-rotate {
-    to {
-      transform: rotate(1turn)
-    }
-  }
-  @keyframes loading-dash {
-    0% {
-      stroke-dasharray: 1,200;
-      stroke-dashoffset: 0
-    }
-    50% {
-      stroke-dasharray: 90,150;
-      stroke-dashoffset: -40px
-    }
-    to {
-      stroke-dasharray: 90,150;
-      stroke-dashoffset: -120px
-    }
   }
 
-  .swiper-container {
-    margin-left: auto;
-    margin-right: auto;
-    position: relative;
-    overflow: hidden;
-    list-style: none;
-    padding: 0;
-    /* Fix of Webkit flickering */
-    z-index: 1;
-  }
-  .swiper-container-vertical > .swiper-wrapper {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-    -webkit-flex-direction: column;
-    -ms-flex-direction: column;
-    flex-direction: column;
+  50% {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -40px;
   }
 
-  .swiper-container-wp8-vertical,
-  .swiper-container-wp8-vertical > .swiper-wrapper {
-    -ms-touch-action: pan-x;
-    touch-action: pan-x;
-  }
-  .swiper-wrapper {
-    position: relative;
-    width: 100%;
-    height: 100%;
-    z-index: 1;
-    display: -webkit-box;
-    display: -webkit-flex;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-transition-property: -webkit-transform;
-    transition-property: -webkit-transform;
-    -o-transition-property: transform;
-    transition-property: transform;
-    transition-property: transform, -webkit-transform;
-    -webkit-box-sizing: content-box;
-    box-sizing: content-box;
-  }
-  .swiper-container-android .swiper-slide,
-  .swiper-wrapper {
-    -webkit-transform: translate3d(0px, 0, 0);
-    transform: translate3d(0px, 0, 0);
-  }
-  .swiper-container-multirow > .swiper-wrapper {
-    -webkit-flex-wrap: wrap;
-    -ms-flex-wrap: wrap;
-    flex-wrap: wrap;
-  }
-  .swiper-slide {
-    -webkit-flex-shrink: 0;
-    -ms-flex-negative: 0;
-    flex-shrink: 0;
-    width: 100%;
-    height: 100%;
-    position: relative;
-    -webkit-transition-property: -webkit-transform;
-    transition-property: -webkit-transform;
-    -o-transition-property: transform;
-    transition-property: transform;
-    transition-property: transform, -webkit-transform;
-  }
-  .swiper-slide-invisible-blank {
-    visibility: hidden;
+  to {
+    stroke-dasharray: 90, 150;
+    stroke-dashoffset: -120px;
   }
+}
+
+.swiper-container {
+  margin-left: auto;
+  margin-right: auto;
+  position: relative;
+  overflow: hidden;
+  list-style: none;
+  padding: 0;
+
+  /* Fix of Webkit flickering */
+  z-index: 1;
+}
+
+.swiper-container-vertical > .swiper-wrapper {
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+}
+
+.swiper-container-wp8-vertical,
+.swiper-container-wp8-vertical > .swiper-wrapper {
+  -ms-touch-action: pan-x;
+  touch-action: pan-x;
+}
+
+.swiper-wrapper {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  z-index: 1;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box;
+}
+
+.swiper-container-android .swiper-slide,
+.swiper-wrapper {
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+}
+
+.swiper-container-multirow > .swiper-wrapper {
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+}
+
+.swiper-slide {
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  -webkit-transition-property: -webkit-transform;
+  transition-property: -webkit-transform;
+  -o-transition-property: transform;
+  transition-property: transform;
+  transition-property: transform, -webkit-transform;
+}
+
+.swiper-slide-invisible-blank {
+  visibility: hidden;
+}
 </style>
\ No newline at end of file

package-lock.json

@@ -1658,9 +1658,9 @@
       }
     },
     "@qg/citrus-ui": {
-      "version": "0.1.10",
-      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.1.10.tgz",
-      "integrity": "sha512-aK3zz9HBzMZDPfYbYfx5q2cq6Hm4Yj1FjsxXMJDPMPGebBOmgpeIsaEVZQjdRbpcLU9VcqVmS4ByTCE8jXO2Hw==",
+      "version": "0.1.11",
+      "resolved": "http://npmprivate.quantgroups.com/@qg%2fcitrus-ui/-/citrus-ui-0.1.11.tgz",
+      "integrity": "sha512-EGtJKbVSXEkeoy0zc+N6BiR6mam2OopapAwu7EiV+wLCITKUaikIkWAwUjg52s2m00a6N7ul7+NjRP2PLlfz1A==",
       "requires": {
         "@better-scroll/core": "^2.1.1",
         "@qg/cherry-ui": "^2.20.20",

package.json

@@ -24,7 +24,7 @@
     "@better-scroll/core": "^2.0.5",
     "@qg/apollo-nodejs": "^2.1.2",
     "@qg/cherry-ui": "2.20.20",
-    "@qg/citrus-ui": "0.1.10",
+    "@qg/citrus-ui": "0.1.11",
     "babel-plugin-transform-vue-jsx": "^4.0.1",
     "cos-nodejs-sdk-v5": "^2.9.12",
     "egg": "^2.3.0",