@zyzgroup/core-web 0.0.31 → 0.0.33

package/dist/animation.css

@@ -0,0 +1,63 @@
+@charset "UTF-8";
+@import url(./animate.css);
+
+:root {
+  --animation-name: bounce;
+  --animation-duration: 300ms;
+  --animation-timing-function: cubic-bezier(0.1, 0.25, 1, 0.25);
+  --animation-delay: 0;
+  --animation-iteration-count: 1;
+  --animation-fill-mode: forwards;
+  --animation-direction: normal;
+  --animation-play-state: running;
+}
+.animation {
+  animation: var(--animation-name) var(--animation-duration)
+    var(--animation-timing-function) var(--animation-delay)
+    var(--animation-iteration-count) var(--animation-fill-mode)
+    var(--animation-direction) var(--animation-play-state);
+}
+.animation.infinite {
+  --animation-iteration-count: infinite;
+  animation-iteration-count: var(--animation-iteration-count);
+}
+.animation.repeat-1 {
+  --animation-iteration-count: 1;
+  animation-iteration-count: var(--animation-iteration-count);
+}
+.animation.repeat-2 {
+  --animation-iteration-count: 2;
+  animation-iteration-count: var(--animation-iteration-count);
+}
+.animation.repeat-3 {
+  --animation-iteration-count: 3;
+  animation-iteration-count: var(--animation-iteration-count);
+}
+.animation.delay-1s {
+  --animation-delay: 1s;
+  animation-delay: var(--animation-delay);
+}
+.animation.delay-2s {
+  --animation-delay: 2s;
+  animation-delay: var(--animation-delay);
+}
+.animation.delay-3s {
+  --animation-delay: 3s;
+  animation-delay: var(--animation-delay);
+}
+.animation.delay-4s {
+  --animation-delay: 4s;
+  animation-delay: var(--animation-delay);
+}
+.animation.delay-5s {
+  --animation-delay: 5s;
+  animation-delay: var(--animation-delay);
+}
+.animation.faster {
+  --animation-duration: calc(var(--animation-duration) / 2);
+  animation-duration: var(--animation-duration);
+}
+.animation.slower {
+  --animation-duration: calc(var(--animation-duration) * 2);
+  animation-duration: var(--animation-duration);
+}

package/dist/better.css

@@ -0,0 +1,342 @@
+@charset "UTF-8";
+
+:root {
+  --min-font-size: 16;
+  --max-font-size: 24;
+  --viewport-min: 375;
+  --viewport-max: 768;
+  --font-size: calc(
+    var(--min-font-size) * 1px + (var(--max-font-size) - var(--min-font-size)) *
+      (100vw /* or 100cqw */ - var(--viewport-min) * 1px) /
+      (var(--viewport-max) - var(--viewport-min))
+  );
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  /* 去掉点击时的蓝色外边框和灰色半透明背景 */
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+*[hide] {
+  display: none;
+}
+*[disabled] {
+  opacity: 0.5;
+  pointer-events: none;
+}
+/* Anything that has been anchored to should have extra scroll margin */
+:target {
+  scroll-margin-block: 5ex;
+}
+
+html {
+  font-family: system-ui, Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
+    "PingFang SC", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans",
+    "Helvetica Neue", sans-serif;
+
+  font-size: 16px;
+  line-height: 1.3;
+
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  /* 字体不会随着网页放大而变大, 自从chrome 27之后，就取消了对这个属性的支持。同时，该属性只对英文、数字生效，对中文不生效 */
+  text-size-adjust: none;
+
+  background-color: #ffffff;
+  color: #333333;
+}
+
+body {
+  font-size: clamp(
+    var(--min-font-size) * 1px,
+    var(--font-size),
+    var(--max-font-size) * 1px
+  );
+
+  transition: color 0.3s, background-color 0.3s;
+
+  position: relative;
+  min-width: 100%;
+  min-width: 100vw;
+  min-height: 100%;
+  min-height: 100vh;
+
+  /*局部滚动使用弹性滚动效果*/
+  -webkit-overflow-scrolling: touch;
+  /* constant 函数兼容 iOS 11.2 以下*/
+  padding-top: constant(safe-area-inset-top);
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-left: constant(safe-area-inset-left);
+  padding-right: constant(safe-area-inset-right);
+  /* env 函数兼容 iOS 11.2 */
+  padding-top: env(safe-area-inset-top);
+  padding-bottom: env(safe-area-inset-bottom);
+  padding-left: env(safe-area-inset-left);
+  padding-right: env(safe-area-inset-right);
+}
+
+a,
+a:link,
+a:visited,
+a:hover,
+a:active {
+  /* 禁止长按链接与图片弹出菜单 */
+  -webkit-touch-callout: none;
+  text-decoration: none;
+}
+a:focus {
+  outline: none;
+}
+
+img,
+picture {
+  display: block;
+  max-width: 100%;
+  border: 0 none;
+  object-fit: cover;
+  background-color: #808080;
+  /* 禁止长按链接与图片弹出菜单 */
+  -webkit-touch-callout: none;
+}
+
+pre {
+  max-width: 100%;
+  overflow: hidden;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+input::-ms-clear {
+  display: none !important;
+}
+input,
+button,
+textarea,
+select {
+  outline: none;
+  font: inherit;
+}
+textarea {
+  /* increase the height of the textarea automatically based on the amount of text the user enters */
+  form-sizing: normal;
+}
+
+/* Balance text wrapping on headings */
+h1,
+h2,
+h3,
+h4 {
+  text-wrap: balance;
+}
+
+/*
+清除浮动
+浮动特性
+1. 只会影响后面的元素
+2. 文本不会被浮动元素覆盖
+3. 具备内联盒子特性：宽度由内容局定
+4. 具备块级盒子特性：支持所有样式
+5. 浮动放不下，会自动换行
+*/
+.clearfix::after {
+  content: "";
+  display: block;
+  clear: both;
+}
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  word-wrap: normal;
+  word-break: break-all;
+}
+/* 基于高度截断 */
+.truncate-twoline {
+  line-height: 20px;
+  height: 40px;
+  position: relative;
+  overflow: hidden;
+  word-wrap: normal;
+  word-break: break-all;
+}
+.truncate-twoline::after {
+  content: "...";
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  padding: 0 20px 0 10px;
+  background: linear-gradient(to right, transparent, #fff 55%);
+}
+/* 基于行数截断 */
+.text-ellipsis-twoline {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  word-wrap: normal;
+  word-break: break-all;
+}
+
+.text-hide {
+  font: 0/0;
+  color: transparent;
+  text-indent: -9999px;
+}
+
+.font-10 {
+  font-size: 12px;
+  display: inline-block;
+  /* 触发重排 */
+  /* zoom: 0.83; */
+  -webkit-transform: scale(0.83);
+}
+
+.modal-underground-no-scroll-1 {
+  overflow: hidden;
+}
+.modal-underground-no-scroll-2 {
+  position: fixed;
+  /* 计算top */
+}
+.modal-underground-scroll-2 {
+  position: static;
+  top: auto;
+}
+.modal-underground {
+  transition: 0.6s filter;
+  filter: blur(5px);
+}
+.modal-mask {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.6);
+  z-index: 10000;
+}
+.modal-content {
+  /* avoid scroll chaining */
+  overscroll-behavior-y: contain;
+  /* the scrollbar will only be visible if the content is long */
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
+.one-pixel-line {
+  display: block;
+  position: relative;
+}
+.one-pixel-line::before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  transform-origin: 0 0;
+  border-top: 1px solid #000000;
+}
+/* @media (min-device-pixel-ratio: 2) { */
+@media (min-resolution: 2dppx) {
+  .one-pixel-line::before {
+    width: 200%;
+    transform: scale(0.5) translateZ(0);
+  }
+}
+/* @media (min-device-pixel-ratio: 3) { */
+@media (min-resolution: 3dppx) {
+  .one-pixel-line::before {
+    width: 300%;
+    transform: scale(0.333333) translateZ(0);
+  }
+}
+
+.border-sample {
+  border: 5px solid #b4a078;
+  outline: 6px solid #b4a078;
+  outline-offset: -10px;
+  box-shadow: 0 0 0 10px #b4a078;
+  box-shadow: 0 0 0 0.3em #e8e2d6, 0 0 0 0.6em #e1d9c9, 0 0 0 1em #d9cfbb,
+    0 0 0 1.3em #d2c6ae, 0 0 0 1.6em #cabca0, 0 0 0 2em #c3b393,
+    0 0 0 2.3em #bba985, 0 0 0 2em #b4a078;
+}
+
+@supports (display: grid) {
+}
+
+@supports not (display: grid) {
+}
+
+/*
+While scrolling in a page, your finger can accidentally do a half-tap which will trigger the hover state of a specific element.
+While the user is scrolling, a hover was triggered. At this point, the user didn't mean to do that at all since there is no hover on mobile.
+The solution for this is to use the hover media query. It's possible to detect if the user's current input tool (trackpad vs mouse) can hover over elements.
+https://developer.mozilla.org/en-US/docs/Web/CSS/@media/hover
+*/
+@media (hover: hover) {
+  /* .card:hover {
+    background-color: gray;
+  } */
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+  }
+}
+@media (prefers-color-scheme: light) {
+  :root {
+  }
+}
+
+/* 设备断点 */
+
+@media (max-width: 375px) {
+}
+
+@media (max-width: 640px) {
+}
+
+/* 移动设备断点 */
+@media (max-width: 768px) {
+}
+
+/* 桌面电脑断点 */
+@media (max-width: 1024px) {
+}
+
+@media (min-width: 1216px) {
+}
+
+@media (max-width: 1280px) {
+}
+
+@media (max-width: 1408px) {
+}
+
+@media (max-width: 1536px) {
+}
+
+@media (max-width: 1792px) {
+}
+
+@media (max-width: 2048px) {
+}
+
+@media (max-width: 2404px) {
+}

package/dist/flex.css

@@ -0,0 +1,105 @@
+/*
+If a flex item has a text element or an image that is bigger than the item itself, the browser won’t shrink them. That is the default behavior for flexbox.
+To change that default behavior, we need to set the min-width of the flex item to 0.
+That’s because the min-width default value is auto, the overflow happens.
+The same thing applies to a column flex wrapper, but we will use min-height: 0 instead.
+*/
+.flex-overflow {
+  overflow-wrap: break-word;
+  min-width: 0;
+  min-height: 0;
+}
+
+/*
+flex布局造成子元素的height值不确定，从而无法设置滚动问题
+- 解决方法
+	- 每一个父级元素都必须设置为display: flex
+	- 每一个父级元素都必须设置为overflow: auto
+	- 自己本身也必须设置为overflow: auto
+*/
+
+.flex-container {
+  display: flex;
+}
+
+.flex-container-inline {
+  display: inline-flex;
+}
+
+/* Flex容器属性 */
+
+/* 方向 */
+.flex-direction {
+  /* flex-direction: row || column || row-reverse || column-reverse; */
+  flex-direction: row;
+}
+
+/* 换行 */
+.flex-wrap {
+  /* flex-wrap: wrap || nowrap || wrap-reverse; */
+  flex-wrap: wrap;
+}
+
+.flex-flow {
+  /* flex-flow:flex-direction flex-wrap; */
+  flex-flow: row wrap;
+}
+
+/* Flex项目在Main-Axis上的对齐方式 */
+.justify-content {
+  /* justify-content: flex-start || flex-end || center || space-between || space-around || space-evenly; */
+  justify-content: flex-start;
+}
+
+/* Flex项目在Cross-Axis对齐方式 */
+.align-items {
+  /* align-items: flex-start || flex-end || center || stretch || baseline; */
+  align-items: stretch;
+}
+
+/* align-content属性定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。 */
+.align-content {
+  /* align-content: flex-start | flex-end | center | space-between | space-around | stretch; */
+  align-content: stretch;
+}
+
+/* Flex项目属性 float, clear and vertical-align have no effect on a flex item. */
+
+/* 根据order值重新排序,从低到高 */
+.order {
+  /* order:0 || positive number; */
+  order: 0;
+}
+
+/* flex-grow属性定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。 */
+.flex-grow {
+  /* flex-grow:0 || positive number; */
+  flex-grow: 0;
+}
+
+/* flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。 */
+/* 如果所有项目的flex-shrink属性都为1，当空间不足时，都将等比例缩小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。 */
+/* 负值对该属性无效 */
+.flex-shrink {
+  /* flex-shrink:0 || positive number; */
+  flex-shrink: 1;
+}
+
+.flex-basis {
+  /* flex-basis:% || em || rem || px; */
+  flex-basis: auto;
+}
+
+/* flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。后两个属性可选。 */
+/* 建议优先使用这个属性，而不是单独写三个分离的属性，因为浏览器会推算相关值。 */
+/* 该属性有两个快捷值：auto (1 1 auto) 和 none (0 0 auto) */
+.flex {
+  /* flex:flex-grow flex-shrink flex-basis; */
+  flex: 0 1 auto;
+}
+
+/* the one specified by align-items */
+.align-self {
+  /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */
+  align-self: auto;
+}

package/dist/font.css

@@ -0,0 +1,53 @@
+/**
+https://transfonter.org/
+选择 Base64 encode
+*/
+@font-face {
+  font-family: "D-DINExp-Bold-number";
+  src: url("data:font/woff2;charset=utf-8;base64,d09GMgABAAAAAATYAA4AAAAACbAAAASAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCQggEEQgKhzCGEwscAAE2AiQDNAQgBYQfBzwbAwjIjtLUsE1S5uUgoDIIN2s2CZaQqoYz2mujNRegAl5x7l7UhKfv79nZ/W+CAMMCDQNNtKgSDz0MMI/sGnEqJ6EQ/F08IrmKVmSsZaU5aQ0sl8oV3eN80gQvFqNalg7O2yV1NPkoAASAVy+xGgHgw6STd/jrnwoCMANiABSCMCMYAAVgmkBOgA6oN3UPgGPAaPKHGgqg6DbwXIJX7beaaexAUbAJ/+cb7L3gkjMFBEAj+qToUDEa8bIZAoDB5BXM/wBlRMPLFbSRXWmSjnQABRFMROml0xseP/gBAN5n6SoAMoMCAB4AJADCgZwA8gIAAAxAQgEACsEkzgY0ajE8b0hRQ3dFmA1JIbzm53Q804tene0jwde5o18Fdl5hj/r4dUKCrx31CrDzKjfWTfo4hu2z3X0zIcHn2KOeAdiMUmxucTcP8+81QjjsPMsd/XKKnizhjn4ekiC2/Cer/4aLBRszGeL6OcKBK6p6iSm8I46leZg93yIJbw72ZTVcHtC+nq7/US8AOy/OY3g/ZiYpvK8X3aWrXhdk9VF3Gt/qiqSJ1jdzhjjbJexRpKzc7u5+9m3sVJazTGd9Ljze/7iU++Nrq4F1r9+3vvrapm/b/0WKR6xtu6NNqlkQawyR6+/PxW1pJ3UfflLvwZsOIudOIkNPSuHSWiSxyBq2GdezPG2vtSm5fQV8TnrP3Xc+HO57CJezgfEhbs1o7c/S2jND5WMKra59WU3pZmuCJMdbTSumEc/knD0w1s0rSt0nFbkdRWGjGwtzsDzKnAedBb53Xjjs3RduuejgRWW4hg2MdBk3mdR9GWpsVmqOVRH+us135Hlu8cKo+jG7c3rf7LJnEdezm86pqGa170btuIsT7hUHF+cGo6eDHqfmPFmKkE6cDYqR0kG8f6P3p7JDfykr9uIONugcC9G09lc7M+okLj+nd0Y+akbO6c3nxMz6ztfUdiVkPOgsuSLJyu3bL0r793HWJDmr4CQpNPNE+4WZodJJOag4fJs+uDg/GD297XZ5tpyT0S1a743asbesHhAjpQOzB6VwdiMAwI0E8uUmA4NvtRv1undYmqZEYSRN6kQxLj35h6EInwmAgPv75fljocW/GlPpL/q/TS3za3dR9wIwogAAAerDfsZgKwGAOoIQr81nARYAyBWgzsjLOvZUgNYMaK2AtbuR1wJo+ZullQ4DAfA3RAMACkAQQDkJAAAhrgMBAECqcgDCxA+KwXGg7fEBGKbEQyc0Vcv1TLGBRpYJQCkAEBHGQQmxBVq908CIiA46Kdl9b72IdKGKi9sqLwcbOz9BminpBBqFJksmwSoHJ5s1DmvsJogW/EvVMpX+hZv8VYfTtuZYs0/o+wI9nPwc/BbMmKZCz3O8O2ZaBTrNsAlYMMELJ/GFgFquIhIm5GUz0xGmRCEorFahLCo3h6iA2GkNNhOLlDFe24ygSYpQKDQrdnw5YoHY2bpaSPSGvHwcLUoVKBRqSySSHhMEfkVRJQWtqyIrBRL6/0EaLw9D+S6RokSLEStOvASJkgAAAA==")
+      format("woff2"),
+    url("data:font/woff;charset=utf-8;base64,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")
+      format("woff");
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
+.iconfont {
+  font-family: "AppIcons" !important;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: normal;
+  font-style: normal;
+  font-variant: normal;
+  text-transform: none;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-text-size-adjust: 100%;
+}
+@font-face {
+  font-family: "AppIcons";
+  src: url("../../assets/fonts/AppIcons/AppIcons.ttf") format("truetype");
+  font-weight: normal;
+  font-style: normal;
+}
+/* .icon-yycar::before {
+  content: "\e808";
+  color: gray;
+} */
+/* @font-face {
+  font-family: "AppIcons";
+  src: url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.eot");
+  src: url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.eot?#iefix")
+      format("embedded-opentype"),
+    url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.otf") format("opentype"),
+    url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.woff2") format("woff2"),
+    url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.woff") format("woff"),
+    url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.ttf") format("truetype"),
+    url("../../assets/fonts/fzy3fw_tw/AppIcons-webfont.svg#fzzhunyuan-m02tregular")
+      format("svg");
+  font-weight: normal;
+  font-style: normal;
+} */