neo-cmp-cli 1.8.3 → 1.8.6

package/template/react-custom-cmp-template/public/css/base.css

@@ -0,0 +1,283 @@
+@charset "utf-8";
+
+body {
+  margin: 0;
+  border-width: 0;
+  padding: 0;
+  font-family: PingFangSC-Regular;
+}
+
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+pre,
+code,
+form,
+fieldset,
+legend,
+input,
+textarea,
+p,
+blockquote,
+th,
+td,
+hr,
+i,
+button,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+  border-width: 0;
+  font-family: PingFangSC-Regular;
+  box-sizing: padding-box;
+  -webkit-box-sizing: padding-box;
+  -moz-box-sizing: padding-box;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+body,
+button,
+input,
+select,
+textarea {
+  font-size: 14px;
+  line-height: 1.125;
+}
+
+[v-cloak] {
+  display: none;
+}
+
+li,
+ul,
+ol {
+  list-style: none;
+}
+
+a {
+  text-decoration: none;
+}
+
+a:active {
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+sub,
+sup {
+  line-height: 0;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+li {
+  list-style: none;
+}
+
+fieldset,
+img {
+  border: 0;
+}
+
+input,
+textarea {
+  outline-style: none;
+}
+
+input[type='text'],
+input[type='search'],
+input[type='password'] {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+}
+
+textarea {
+  resize: none;
+}
+
+address,
+caption,
+cite,
+code,
+dfn,
+em,
+i,
+th,
+var {
+  font-style: normal;
+  font-weight: normal;
+}
+
+legend {
+  color: #000;
+}
+
+abbr,
+acronym {
+  border: 0;
+  font-variant: normal;
+}
+
+a {
+  text-decoration: none;
+  outline: none;
+}
+
+a:hover {
+  text-decoration: none;
+}
+
+.clearit {
+  clear: both;
+  height: 0;
+  font-size: 0;
+  overflow: hidden;
+}
+
+/* surface下viewport不生效的解决办法 */
+@media screen and (min-width: 767px) and (device-aspect-ratio: 16/9) {
+  @-ms-viewport {
+    zoom: 1;
+    max-zoom: 1;
+    min-zoom: 1;
+  }
+}
+
+/* surface下IE10 点击链接，背景变色 */
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  a {
+    background-color: transparent;
+  }
+}
+
+img {
+  -ms-interpolation-mode: bicubic;
+  image-rendering: optimizeQuality;
+}
+
+/* portrait：指定输出设备中的页面可见区域高度大于或等于宽度， landscape：横屏*/
+@media not screen and (orientation: landscape),
+  not screen and (orientation: portrait) {
+  body,
+  button,
+  input,
+  select,
+  textarea {
+    font-family: 'Microsoft Yahei', 'Simsun';
+  }
+}
+
+::-moz-placeholder {
+  color: #767676;
+}
+
+::-webkit-input-placeholder {
+  color: #767676;
+}
+
+:-ms-input-placeholder {
+  color: #767676;
+}
+
+.cont-selected {
+  display: block !important;
+}
+
+.hidden {
+  visibility: hidden;
+}
+
+.ellipsis {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.clearfix:after {
+  content: '.';
+  display: block;
+  height: 0;
+  visibility: hidden;
+  clear: both;
+}
+
+.left {
+  float: left;
+}
+
+.right {
+  float: right;
+}
+
+.center {
+  margin: 0 auto;
+}
+
+.text-center {
+  text-align: center;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.no-border {
+  border: none !important;
+}
+
+.click-event {
+  cursor: pointer;
+}
+
+/* 增加iphoneX适配 */
+@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
+  .ipx-fixed-bottom {
+    bottom: 34px !important;
+  }
+
+  .ipx-fixed-top {
+    top: 20px !important;
+  }
+
+  .ipx-margin-top {
+    margin-top: 20px !important;
+  }
+
+  .ipx-margin-bottom {
+    margin-bottom: 20px !important;
+  }
+
+  .ipx-height {
+    height: 34px !important;
+  }
+}
+
+/* 业务级公用代码 */