忽律dist

ghs/.gitignore

@@ -1,7 +1,7 @@
 .DS_Store
 node_modules/
 unpackage/
-
+dist/
 # local env files
 .env.local
 .env.*.local

ghs/src/assets/styles/common.scss

@@ -0,0 +1,161 @@
+@import "./variables";
+view,
+html,
+body,
+div,
+dl,
+dt,
+dd,
+ul,
+ol,
+li,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+legend,
+input,
+label,
+textarea,
+p,
+blockquote,
+th,
+td {
+  margin: 0;
+  padding: 0;
+}
+ol,
+ul {
+  list-style: none;
+  color: #6f6f6f;
+}
+a:link {
+  text-decoration: none;
+  color: #6f6f6f;
+}
+a:visited {
+  text-decoration: none;
+  color: #6f6f6f;
+}
+a:hover {
+  text-decoration: none;
+  color: #6f6f6f;
+}
+a:active {
+  text-decoration: none;
+  color: #6f6f6f;
+}
+a.web:visited {
+  text-decoration: none;
+  color: #6f6f6f;
+}
+.clear {
+  clear: both;
+}
+body {
+  line-height: 1;
+  background-color: #f8fafc;
+}
+
+page,
+view,
+scroll-view,
+swiper,
+movable-area,
+cover-view,
+text,
+icon,
+rich-text,
+progress,
+button,
+checkbox-group,
+checkbox,
+form,
+input,
+label,
+picker,
+picker-view,
+radio-group,
+slider,
+switch,
+textarea,
+navigator,
+audio,
+image,
+video,
+live-player,
+live-pusher,
+open-data,
+web-view {
+  //   font-family: 'Microsoft Yahei';
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html,
+body,
+page {
+  width: 100%;
+  /*  #ifdef  H5  */
+  height: 100%;
+  /*  #endif  */
+  /*  #ifndef  H5  */
+  height: 100vh;
+  /*  #endif  */
+  font-size: 30upx;
+  //   overflow-x: hidden;
+  box-sizing: border-box;
+}
+
+/*******************常用配置******************/
+
+.float-l {
+  float: left;
+}
+.float-r {
+  float: right;
+}
+
+.clearfix {
+  .clearfix:after {
+    display: block;
+    content: "";
+    clear: both;
+  }
+}
+
+.overscroll {
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+}
+.tanstation {
+  transition: all 0.5s;
+}
+
+.text-line {
+  word-break: keep-all;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+.text-center {
+  text-align: center;
+}
+
+.relative {
+  position: relative;
+}
+.pos-center {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+}
+.istouch {
+  cursor: pointer;
+}

ghs/src/assets/styles/variables.scss

@@ -0,0 +1 @@
+$uni-color-error: #dd524d;

ghs/src/pages/index/index.vue

@@ -58,7 +58,7 @@ export default {
 
 <style lang="scss">
 .title {
-  color: $uni-color-success;
+  color: $uni-color-error;
 }
 .content {
   display: flex;