Explorar o código

个人中心样式修改

Szx %!s(int64=3) %!d(string=hai) anos
pai
achega
f7fea29e92
Modificáronse 2 ficheiros con 13 adicións e 9 borrados
  1. 12 7
      src/assets/less/task.less
  2. 1 2
      src/views/Task/index.ux

+ 12 - 7
src/assets/less/task.less

@@ -10,12 +10,12 @@
     }
   }
   .sign-section {
+    margin: 30px auto;
     width: 690px;
     height: 466px;
     border-radius: 12px;
     background-color: #fff;
     box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.05);
-    margin: -30px auto;
     padding: 38px 18px;
     justify-content: flex-start;
     align-items: flex-start;
@@ -79,13 +79,14 @@
     margin: 50px auto 20px;
     height: 140px;
     width: 100%;
-
     &__item {
+      border: 1px solid #fbb11b;
+      border-radius: 10px;
+      margin-left: 10px;
       flex: 1;
       flex-direction: column;
       align-items: center;
       justify-content: space-around;
-      border: 1px #fbb11b solid;
     }
     &__day {
       color: #999;
@@ -127,12 +128,11 @@
 .task {
   &-section {
     flex-direction: column;
-    padding: 34px 30px;
     width: 690px;
     box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.06);
     border-radius: 12px;
     margin: 30px auto 0;
-    background-color: #fff;
+
     .banner {
       width: 630px;
       height: 120px;
@@ -152,10 +152,12 @@
       }
     }
     &__list {
+      background-color: #fff;
       flex-direction: column;
       font-weight: 600;
-      padding: 20px 0;
-      margin-top: 30px;
+      padding: 30px 50px;
+      margin-top: 20px;
+      border-radius: 20px;
       .list-item {
         margin: 24px 0;
         height: 76px;
@@ -278,6 +280,9 @@
   border-radius: 8px;
   align-items: center;
 }
+.border_warp {
+  border: 1px red solid;
+}
 .task-section__list_new {
   font-weight: 600;
   font-size: 32px;

+ 1 - 2
src/views/Task/index.ux

@@ -18,12 +18,11 @@
 			</div>
 			<text class="sign-desc">连续签到可持续获得高额奖励</text>
 			<div class="sign-line">
-				<div class="sign-line__item" for="{{signList}}">
+				<div class="sign-line__item " for="{{signList}}">
 					<div class="line__item_wrap">
 							<text class="sign-line__fee">+{{$item.fee}}</text>
 							<image src="../../assets/imgs/sign_{{$item.iconType}}.jpg"></image>
 					</div>
-				
 					<text class="sign-line__day">{{$item.day}}天</text>
 				</div>
 			</div>