@gx-design-vue/create-gx-cli 0.0.3 → 0.0.5

package/template-mobile-vant-html/css/global.css

@@ -0,0 +1,293 @@
+/****reset****/
+body,
+div,
+table,
+tr,
+td,
+th,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+input,
+button,
+label,
+select,
+textarea,
+p,
+u,
+i,
+em,
+ul,
+ol,
+li,
+dl,
+dd,
+dt,
+img,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+menu,
+nav,
+section {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
+  outline: 0;
+}
+li {
+  list-style: none;
+}
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+a,
+input,
+select,
+textarea,
+area,
+button {
+  outline: none;
+  font-family: inherit;
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: inherit;
+}
+a {
+  text-decoration: none;
+}
+a:hover {
+  text-decoration: none;
+}
+textarea {
+  overflow: auto;
+  resize: none;
+}
+input[type="button"],
+input[type="submit"],
+input[type="reset"] {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+html,
+body {
+  overflow-x: hidden;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+* {
+  -webkit-overflow-scrolling: touch;
+}
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+body {
+  font: 400 14px/1 microsoft yahei, Tohoma, Arial;
+  text-align: left;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+}
+.fl {
+  float: left;
+}
+.fr {
+  float: right;
+}
+.clearfix {
+  zoom: 1;
+}
+.clearfix::before,
+.clearfix::after {
+  display: table;
+  content: " ";
+}
+.clearfix::after {
+  clear: both;
+  height: 0;
+  font-size: 0;
+  visibility: hidden;
+}
+.ant-skeleton {
+  display: table;
+  width: 100%;
+}
+.ant-skeleton.active {
+  display: none;
+}
+.ant-skeleton-content {
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
+}
+.ant-skeleton-content .ant-skeleton-title {
+  width: 100%;
+  height: 16px;
+  margin-top: 16px;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 24px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph {
+  padding: 0;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li {
+  width: 100%;
+  height: 16px;
+  list-style: none;
+  background: #f2f2f2;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li + li {
+  margin-top: 16px;
+}
+.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+  width: 61%;
+}
+.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-button,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-image,
+.ant-skeleton.ant-skeleton-active .ant-skeleton-input {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: ant-skeleton-loading 1.4s ease infinite;
+}
+@keyframes ant-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+@keyframes spinner-anime {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+.toast-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  z-index: 9999999999;
+}
+.toast-loading.active {
+  display: none;
+}
+.toast-loading.none {
+  display: none;
+}
+.toast-loading .loading-cont {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding: 15px 15px;
+  border-radius: 7px;
+  background-clip: padding-box;
+  color: #fff;
+  background-color: rgba(58, 58, 58, 0.9);
+  font-size: 15px;
+  line-height: 20px;
+}
+.toast-loading .loading-cont .svg {
+  margin: 0;
+  width: 32px;
+  height: 32px;
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-image: url("../image/loading.svg");
+  background-position: 50%;
+  background-size: 100%;
+  background-repeat: no-repeat;
+  animation: spinner-anime 1s linear infinite;
+}
+.toast-loading .loading-cont .svg-text {
+  display: inline-block;
+  position: relative;
+  top: 4px;
+}
+.skeleton-loading {
+  display: block;
+  padding: 0.25rem;
+}
+.skeleton-loading.active {
+  display: none;
+}
+.skeleton-loading.none {
+  display: none;
+}
+.error-block {
+  display: none;
+  box-sizing: border-box;
+  text-align: center;
+  padding-top: calc(50vh - 200px);
+}
+.error-block.active {
+  display: block;
+}
+.error-block .error-block-image {
+  width: auto;
+  height: 200px;
+}
+.error-block .error-block-image img {
+  height: 100%;
+}
+.error-block .error-block-description {
+  margin-top: 20px;
+  font-size: 13px;
+  color: #999;
+  line-height: 1.4;
+}
+.error-block .error-block-description-title {
+  font-size: 20px;
+  color: #333;
+}
+.error-block .error-block-description-subtitle {
+  margin-top: 8px;
+}
+#app {
+  display: none;
+}
+#app.active {
+  display: block;
+}
+.refresh-content {
+  height: 100%;
+}
+.refresh-content .van-pull-refresh {
+  height: 100%;
+}
+/*# sourceMappingURL=global.css.map */

package/template-mobile-vant-html/css/global.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["global.less"],"names":[],"mappings":"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","file":"global.css"}

package/template-mobile-vant-html/css/global.less

@@ -0,0 +1,293 @@
+/****reset****/
+body, div, table, tr, td, th, h1, h2, h3, h4, h5, h6, form, input, button, label, select, textarea, p, u, i, em, ul, ol, li, dl, dd, dt, img, article, aside, details, figcaption, figure, footer, header, menu, nav, section {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  font-size: 100%;
+  vertical-align: baseline;
+  border: 0;
+  outline: 0;
+}
+
+li {
+  list-style: none;
+}
+
+h1, h2, h3, h4, h5, h6 {
+  font-size: 100%;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  width: 100%;
+}
+
+a, input, select, textarea, area, button {
+  outline: none;
+  font-family: inherit;
+  font-size: inherit;
+  border: none;
+  background: none;
+  color: inherit;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+textarea {
+  overflow: auto;
+  resize: none;
+}
+
+input[type="button"], input[type="submit"], input[type="reset"] {
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+
+html, body {
+  overflow-x: hidden;
+  width: 100%;
+  height: 100%;
+  background: #ffffff;
+}
+
+* {
+  -webkit-overflow-scrolling: touch;
+}
+
+html {
+  -webkit-tap-highlight-color: transparent;
+}
+
+body {
+  font: 400 14px/1 microsoft yahei, Tohoma, Arial;
+  text-align: left;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
+  
+  #app {
+    //height: 100%;
+  }
+}
+
+.fl {
+  float: left;
+}
+
+.fr {
+  float: right;
+}
+
+.clearfix {
+  zoom: 1;
+  
+  &::before,
+  &::after {
+    display: table;
+    content: " ";
+  }
+  
+  &::after {
+    clear: both;
+    height: 0;
+    font-size: 0;
+    visibility: hidden;
+  }
+}
+
+.ant-skeleton {
+  display: table;
+  width: 100%;
+}
+
+.ant-skeleton.active {
+  display: none;
+}
+
+.ant-skeleton-content {
+  display: table-cell;
+  width: 100%;
+  vertical-align: top;
+}
+
+.ant-skeleton-content .ant-skeleton-title {
+  width: 100%;
+  height: 16px;
+  margin-top: 16px;
+  background: #f2f2f2;
+}
+
+.ant-skeleton-content .ant-skeleton-title + .ant-skeleton-paragraph {
+  margin-top: 24px;
+}
+
+.ant-skeleton-content .ant-skeleton-paragraph {
+  padding: 0;
+}
+
+.ant-skeleton-content .ant-skeleton-paragraph > li {
+  width: 100%;
+  height: 16px;
+  list-style: none;
+  background: #f2f2f2;
+}
+
+.ant-skeleton-content .ant-skeleton-paragraph > li + li {
+  margin-top: 16px;
+}
+
+.ant-skeleton-content .ant-skeleton-paragraph > li:last-child:not(:first-child):not(:nth-child(2)) {
+  width: 61%;
+}
+
+.ant-skeleton.ant-skeleton-active .ant-skeleton-avatar, .ant-skeleton.ant-skeleton-active .ant-skeleton-button, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-paragraph > li, .ant-skeleton.ant-skeleton-active .ant-skeleton-content .ant-skeleton-title, .ant-skeleton.ant-skeleton-active .ant-skeleton-image, .ant-skeleton.ant-skeleton-active .ant-skeleton-input {
+  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));
+  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);
+  background-size: 400% 100%;
+  animation: ant-skeleton-loading 1.4s ease infinite;
+}
+
+@keyframes ant-skeleton-loading {
+  0% {
+    background-position: 100% 50%;
+  }
+  100% {
+    background-position: 0 50%;
+  }
+}
+
+@keyframes spinner-anime {
+  100% {
+    transform: rotate(360deg);
+  }
+}
+
+.toast-loading {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  text-align: center;
+  z-index: 9999999999;
+  
+  &.active {
+    display: none;
+  }
+  
+  &.none {
+    display: none;
+  }
+  
+  .loading-cont {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    padding: 15px 15px;
+    border-radius: 7px;
+    background-clip: padding-box;
+    color: #fff;
+    background-color: rgba(58, 58, 58, 0.9);
+    font-size: 15px;
+    line-height: 20px;
+    
+    .svg {
+      margin: 0;
+      width: 32px;
+      height: 32px;
+      display: inline-block;
+      width: 20px;
+      height: 20px;
+      background-image: url("../image/loading.svg");
+      background-position: 50%;
+      background-size: 100%;
+      background-repeat: no-repeat;
+      animation: spinner-anime 1s linear infinite;
+    }
+    
+    .svg-text {
+      display: inline-block;
+      position: relative;
+      top: 4px;
+    }
+  }
+}
+
+.skeleton-loading {
+  display: block;
+  padding: .25rem;
+  
+  &.active {
+    display: none;
+  }
+  
+  &.none {
+    display: none;
+  }
+}
+
+.error-block {
+  display: none;
+  box-sizing: border-box;
+  text-align: center;
+  padding-top: calc(50vh - 200px);
+  
+  &.active {
+    display: block;
+  }
+  
+  .error-block-image {
+    width: auto;
+    height: 200px;
+    
+    img {
+      height: 100%;
+    }
+  }
+  
+  .error-block-description {
+    margin-top: 20px;
+    font-size: 13px;
+    color: #999;
+    line-height: 1.4;
+  }
+  
+  .error-block-description-title {
+    font-size: 20px;
+    color: #333;
+  }
+  
+  .error-block-description-subtitle {
+    margin-top: 8px;
+  }
+}
+
+#app {
+  display: none;
+  
+  &.active {
+    display: block;
+  }
+}
+
+.refresh-content {
+  height: 100%;
+  
+  .van-pull-refresh {
+    height: 100%;
+  }
+}
+
+body {
+
+}

package/template-mobile-vant-html/css/index.css

@@ -0,0 +1,20 @@
+.gx-mobile {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-top: 3rem;
+  font-size: 0.5rem;
+  margin-bottom: 0.3rem;
+}
+.gx-mobile img {
+  width: 60px;
+  margin-bottom: 0.3rem;
+}
+.gx-mock {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: 0.3rem;
+}
+/*# sourceMappingURL=index.css.map */

package/template-mobile-vant-html/css/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["index.less"],"names":[],"mappings":"AAAA;EACE,aAAA;EACA,sBAAA;EACA,uBAAA;EACA,mBAAA;EACA,iBAAA;EACA,iBAAA;EACA,qBAAA;;AAPF,UASE;EACE,WAAA;EACA,qBAAA;;AAIJ;EACE,aAAA;EACA,sBAAA;EACA,SAAA;EACA,eAAA","file":"index.css"}

package/template-mobile-vant-html/css/index.less

@@ -0,0 +1,21 @@
+.gx-mobile {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  padding-top: 3rem;
+  font-size: .5rem;
+  margin-bottom: .3rem;
+  
+  img {
+    width: 60px;
+    margin-bottom: .3rem;
+  }
+}
+
+.gx-mock {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  padding: .3rem;
+}