Initial commit

styles/common.scss

@@ -0,0 +1,39 @@
+@mixin colBox($isBtw) {
+  display: flex;
+  flex-direction: column;
+  @if $isBtw {
+    justify-content: space-between;
+  }
+}
+
+@mixin centerBox {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+@mixin vCenterBox {
+  display: flex;
+  align-items: center;
+}
+
+@mixin btwBox {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+@mixin nomalEllipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+  white-space: nowrap;
+}
+
+@mixin ellipsisWithLine($line) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $line;
+  overflow: hidden;
+  word-break: break-all;
+}

styles/global.scss

@@ -0,0 +1,13 @@
+.page_container {
+  display: flex;
+  flex-direction: column;
+  height: 100vh;
+}
+
+image {
+  image-rendering: -moz-crisp-edges;
+  image-rendering: -o-crisp-edges;
+  image-rendering: -webkit-optimize-contrast;
+  image-rendering: crisp-edges;
+  -ms-interpolation-mode: nearest-neighbor;
+}

styles/login.scss

@@ -0,0 +1,49 @@
+.content_with_back {
+  padding: 0 64rpx;
+
+  .back_icon {
+    padding-top: 50rpx;
+    padding-bottom: 100rpx;
+  }
+
+  .title {
+    font-size: 48rpx;
+    padding-bottom: 90rpx;
+  }
+
+  .sub_title {
+    color: $u-primary;
+    padding-bottom: 48rpx;
+  }
+}
+
+.phoneNumber_areacode {
+  display: flex;
+  align-items: center;
+  font-size: 36rpx;
+  border-right: 2rpx solid #d8d8d8;
+  margin-right: 48rpx;
+
+  .areacode_content {
+    font-weight: 400;
+    font-size: 28rpx;
+    margin-right: 12rpx;
+  }
+
+  .arrow_down {
+    margin-right: 12rpx;
+  }
+}
+
+.agreement {
+  display: flex;
+  align-items: flex-start;
+  flex-wrap: wrap;
+  margin: 36rpx 24rpx;
+
+  .detail {
+    font-size: 24rpx;
+    font-weight: 400;
+    color: $u-primary;
+  }
+}