no message

App.vue

@@ -14,9 +14,9 @@ export default {
 
 <style>
 /*每个页面公共css */
-@import "/common/css/common.css";
-/* icon */
-@import "/common/font/iconfont.css";
+@import "/static/css/common.css";
+@import "/static/css/default-color.scss";
+
 
 checkbox .wx-checkbox-input {
   border-radius: 50% !important;

common/css/common.css

@@ -1,5 +0,0 @@
-.page-box{
-    box-sizing: border-box;
-    padding-bottom: env(safe-area-inset-bottom);
-}
-

pages/login/index.vue

@@ -3,8 +3,8 @@
       <view class="login-form">
         <view class="from-title">
           <view class="title-list">
-            <view class="title-text">验证码登录</view>
-            <view class="title-text">密码登录</view>
+            <view class="title-text dominant-text-color sys-size-28">验证码登录</view>
+            <view class="title-text sys-size-28">密码登录</view>
           </view>
           <view class="title-bg"></view>
 
@@ -38,7 +38,7 @@
   }
 </script>
 <style lang="scss" scoped>
-  @import "/common/css/login.css";
+  @import "/static/css/login.css";
   .page-box{
     background-color: #EEF1F7;
     padding-top: 370rpx;
@@ -66,6 +66,10 @@
           justify-content: space-between;
           z-index: 1;
           position: relative;
+          .title-text{
+            width: 50%;
+            height: 110rpx;
+          }
         }
 
       }

static/css/common.css

@@ -0,0 +1,115 @@
+.page-box{
+    box-sizing: border-box;
+    padding-bottom: env(safe-area-inset-bottom);
+}
+
+
+/*字体大小*/
+.sys-size-16{
+    font-size: 16rpx;
+}
+.sys-size-20{
+    font-size: 20rpx;
+}
+.sys-size-22{
+    font-size: 22rpx;
+}
+.sys-size-24{
+    font-size: 24rpx;
+}
+.sys-size-26{
+    font-size: 26rpx;
+}
+.sys-size-28{
+    font-size: 28rpx;
+}
+.sys-size-30{
+    font-size: 30rpx;
+}
+.sys-size-32{
+    font-size: 32rpx;
+}
+.sys-size-34{
+    font-size: 34rpx;
+}
+.sys-size-36{
+    font-size: 36rpx;
+}
+.sys-size-40{
+    font-size: 40rpx;
+}
+.sys-size-44{
+    font-size: 44rpx;
+}
+.sys-size-48{
+    font-size: 48rpx;
+}
+.sys-size-64{
+    font-size: 64rpx;
+}
+
+/*字体粗细*/
+.sys-weight-600{
+    font-weight: 600;
+}
+.sys-weight-400{
+    font-weight: 400;
+}
+.sys-weight-500{
+    font-weight: 500;
+}
+
+
+/* box 圆角 */
+.sys-radius-4{
+    border-radius: 4rpx;
+}
+.sys-radius-8{
+    border-radius: 8rpx;
+}
+.sys-radius-12{
+    border-radius: 12rpx;
+}
+.sys-radius-16{
+    border-radius: 16rpx;
+}
+.sys-radius-20{
+    border-radius: 20rpx;
+}
+.sys-radius-200{
+    border-radius: 200rpx;
+}
+
+
+/*按钮样式*/
+.sys-selected-but{
+    border-radius: 16rpx;
+    height: 88rpx;
+    line-height: 88rpx;
+    text-align: center;
+    transition: .5s ease;
+}
+
+.sys-unselected-but{
+    opacity: 0.5;
+    transition: .5s ease;
+}
+
+/*文字排版*/
+.sys-webkit-box{
+    display: -webkit-box;
+    -webkit-line-clamp: 1;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+}
+.sys-webkit-box-2{
+    -webkit-line-clamp: 2 !important;
+}
+.sys-webkit-box-3{
+    -webkit-line-clamp: 3 !important;
+}
+
+
+.text-center{
+    text-align: center;
+}

static/css/default-color.scss

@@ -0,0 +1,24 @@
+//背景颜色
+.page-box .dominant-background-color{
+  background-color: #10B261;;
+}
+//字体颜色
+//主字体颜色
+.page-box .dominant-text-color{
+  color: #10B261;;
+}
+//主背景颜色中字体颜色
+.page-box .one-text-color{
+  color: #fff;;
+}
+//次文字颜色
+.page-box .two-text-color{
+  color: #333333;;
+}
+
+.page-box .three-text-color{
+  color: #666;;
+}
+.page-box .four-text-color{
+  color: #999;;
+}