新增页面

src/static/styles/common.scss

@@ -1,4 +1,79 @@
 page {
-  font-size: 28rpx;
-  background-color: #f9f9f8;
+  font-size: 25rpx;
+  background-color: #F5F5F5;
+}
+
+.primary-text-color {
+  color: #333333;
+}
+
+.secondary-text-color {
+  color: #666666;
+}
+
+.accent-text-color {
+  color: #F32B2B;
+}
+
+.primary-bg-color {
+  background: #FFFFFF;
+}
+
+.accent-bg-color {
+  background: #333333;
+}
+
+.c-flex-row {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.c-flex-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.content {
+  @extend .c-flex-column;
+}
+
+.card-view {
+  @extend .c-flex-column;
+  background: #FFFFFF;
+  border-radius: 20rpx;
+  justify-content: center;
+}
+
+.divider {
+  width: 100%;
+  height: 0.3rpx;
+  background: #E4E4E4;
+}
+
+.bottom-button-view {
+  display: flex;
+  position: fixed;
+  background: #FFFFFF;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 10rpx 30rpx 78rpx 30rpx;
+
+  button {
+    width: 100%;
+  }
+}
+
+.primary-button {
+  @extend .accent-bg-color;
+  display: flex;
+  height: 80rpx;
+  border-radius: 43rpx;
+  font-size: 30rpx;
+  font-weight: bold;
+  align-items: center;
+  justify-content: center;
+  min-width: 80%;
+  color: #FFFFFF;
 }