update:更新页面样式

FrontCode2/sunshine_levy/src/views/home.css

@@ -2,287 +2,295 @@
   border-radius: 6px;
   background: #f2fbfd;
 }
+
 .topBox {
   overflow: hidden;
-
   width: 100%;
   height: 225px;
-
   background: url(../assets/img/bg.png);
   background-size: 100% 225px;
 }
+
 .titleBox {
   display: flex;
   align-items: center;
   justify-content: center;
-
   width: 173px;
   height: 36px;
   margin: 15px 0 15px 0;
-
   border-radius: 0 22px 22px 0;
-  background: rgba(6, 63, 142, .66);
+  background: rgba(6, 63, 142, 0.66);
 }
+
+
+/* 第一行标题 */
+
 .font {
   font-family: PingFangSC-Semibold, PingFang SC;
   font-size: 16px;
   font-weight: 600;
   line-height: 22px;
-
   width: 167px;
   height: 22px;
   padding: 3px 7px 3px 7px;
-
   text-align: center;
   vertical-align: middle;
-
   color: #fff;
 }
+
 .baseInfo {
   display: flex;
 }
+
 .baseImg {
   width: 22px;
   height: 21px;
   padding-right: 10px;
   padding-left: 31px;
 }
+
 .baseFont {
   font-family: PingFangSC-Medium, PingFang SC;
-  font-size: 14px;
   font-weight: 500;
   line-height: 20px;
-
   height: 20px;
-
   color: #fff;
 }
+
 .centerMagin {
   margin-top: 10px;
   margin-right: 12px;
-  margin-left: 16px;
+  margin-left: 10px;
 }
+
 .gridBg {
   display: flex;
   overflow: hidden;
   align-items: center;
   justify-content: space-around;
-
   height: 120px;
-
   border-radius: 3px;
-  background: rgba(255, 255, 255, .28);
+  background: rgba(255, 255, 255, 0.28);
 }
+
 .gridImg {
   display: flex;
   align-items: center;
   flex-direction: column;
   justify-content: center;
-
   width: 90px;
   height: 80px;
   margin: 12px 6px;
   padding-top: 5px;
-
   border-radius: 10px;
 }
+
 .gridImgBg {
   width: 38px;
   height: 35px;
 }
+
 .bigImg {
   width: 100%;
   /* height: 91px; */
 }
+
 .project {
   display: flex;
   align-items: center;
   justify-content: space-between;
-
   width: 100%;
   height: 41px;
   padding-right: 0;
   padding-left: 0;
-
   background: url(../assets/img/project_bg.png);
   background-size: 100% 41px;
 }
+
 .projectIcon {
   display: flex;
   align-items: center;
   justify-content: center;
-
   width: 40px;
   height: 40px;
   margin-right: 10px;
-
   border-radius: 5px 0 0;
   background: #3284cd;
 }
+
+
+/* 项目名字 */
+
 .projectTitle {
-  font-family: PingFangSC-Semibold,
-  PingFang SC;
+  font-family: PingFangSC-Semibold, PingFang SC;
   font-size: 16px;
   font-weight: 600;
   line-height: 20px;
-
   height: 20px;
-
   vertical-align: middle;
-
   color: #fff;
 }
+
 .projectRight {
   display: flex;
   align-items: center;
-
   height: 27px;
-
-  opacity: .82;
+  opacity: 0.82;
   border-radius: 13px 0 0 17px;
   background: #24bca3;
 }
+
+
+/* 项目名字旁边小字 */
+
 .projectRightFont {
-  font-family: PingFangSC-Semibold,
-  PingFang SC;
+  font-family: PingFangSC-Semibold, PingFang SC;
   font-size: 12px;
   line-height: 14px;
-
   padding-right: 5px;
-
   color: #fff;
 }
+
 .projectRightIcon {
   width: 17px;
   height: 17px;
   margin-right: 3px;
   margin-left: 8px;
 }
+
 .projectCenter {
   /* height: 440px; */
   padding-bottom: 35px;
-
   background: #fff;
-  box-shadow: 0 2px 6px 1px rgba(212, 212, 212, .5);
+  box-shadow: 0 2px 6px 1px rgba(212, 212, 212, 0.5);
 }
+
 .projectCenterBox {
   padding: 8px 0;
 }
+
 .projectCenterInfo {
   display: flex;
   align-items: center;
-
   padding-top: 5px;
+  width: 100%;
 }
+
+
+/* 项目内容小图标 */
+
 .projectCenterImg {
   width: 15px;
   height: 15px;
-  padding: 0 13px;
+  padding: 0 10px;
 }
+
+
+/* 项目内容文字 */
+
 .projectCenterFont {
-  font-family: PingFangSC-Regular,
-  PingFang SC;
-  font-size: 12px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 14px;
   font-weight: 400;
   line-height: 12px;
-
   height: 12px;
-
   color: #2c2b2b;
 }
+
 .assess {
   display: flex;
   align-items: center;
   justify-content: space-between;
-
   width: 100%;
   height: 25px;
   padding-right: 0;
   padding-left: 0;
 }
+
 .assessIcon {
   width: 24px;
   height: 24px;
   margin-right: 10px;
-
   vertical-align: middle;
-
   background: #2468f2;
 }
+
+
+/* 分户，协议标题 */
+
 .assessTitle {
-  font-family: PingFangSC-Regular,
-  PingFang SC;
-  font-size: 14px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 16px;
   font-weight: 400;
   line-height: 20px;
-
   height: 20px;
-
   color: #2468f2;
 }
+
 .assessRightIcon {
   width: 24px;
   height: 24px;
-
   background: #2468f2;
 }
+
 .assessBox {
   display: flex;
   align-items: center;
   justify-content: space-between;
-
   padding-top: 10px;
   padding-bottom: 10px;
   padding-left: 12px;
 }
+
 .assessCenter1 {
   margin: 15px;
-
   border-left: 2px solid #24bca3;
 }
+
 .assessCenter2 {
   margin: 15px;
-
   border-left: 2px solid #ff5959;
 }
-.protocolTitle {
-  overflow: hidden;
 
+.protocolTitle {
+  /* overflow: hidden; */
   white-space: nowrap;
   text-overflow: ellipsis;
 }
+
+
+/* 政策的发布时间和区域 */
+
 .font11 {
-  font-family: PingFangSC-Regular,
-  PingFang SC;
-  font-size: 11px;
+  font-family: PingFangSC-Regular, PingFang SC;
+  font-size: 12px;
   font-weight: 400;
   line-height: 11px;
-
   height: 11px;
-
   color: #9da2a3;
 }
+
 .protocolBox {
   border-radius: 4px;
   background: #fff;
-  box-shadow: 0 2px 5px 0 rgba(168, 168, 168, .5);
+  box-shadow: 0 2px 5px 0 rgba(168, 168, 168, 0.5);
 }
-.font14 {
-  font-family: PingFangSC-Regular,
-  PingFang SC;
+
+
+/* .font14 {
+  font-family: PingFangSC-Regular, PingFang SC;
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
-
   height: 20px;
-
   color: #202020;
-}
+} */
+
 .protocolList {
   padding: 20px 21px 0 20px;
 }
+
 .protocolLine {
   padding-bottom: 10px;
-
-  border-bottom: 1px dashed rgba(168, 168, 168, .5);
-}
+  border-bottom: 1px dashed rgba(168, 168, 168, 0.5);
+}