Browse Source

抽奖页面 ui修改

DESKTOP-O04BTUJ\muzen 2 năm trước cách đây
mục cha
commit
f4f33a257d
1 tập tin đã thay đổi với 20 bổ sung5 xóa
  1. 20 5
      src/pages/lottery/detail.vue

+ 20 - 5
src/pages/lottery/detail.vue

@@ -113,7 +113,7 @@ export default {
     display: flex;
     align-items: center;
     color: #333333;
-    font-weight: bold;
+    font-weight: 600;
     font-size: 36rpx;
     position: relative;
     box-sizing: content-box;
@@ -125,7 +125,7 @@ export default {
     }
   }
 
-  .tips{
+  .tips {
     color: #999;
     font-size: 24rpx;
     margin-bottom: 32rpx;
@@ -137,6 +137,7 @@ export default {
     background: #fff;
     border-radius: 32rpx;
     padding: 32rpx;
+    position: relative;
 
     .tips {
       color: #999;
@@ -148,16 +149,27 @@ export default {
       margin: 32rpx 0 0 0;
     }
 
-    ::v-deep .uni-forms-item__label{
+    ::v-deep .uni-forms-item__label {
       font-size: 32rpx;
       font-weight: bold;
+      padding: 0;
     }
 
-    input{
+    input {
       border-radius: 16rpx;
       height: 88rpx;
       line-height: 88rpx;
       color: #333333;
+      margin: 0;
+    }
+
+    uni-textarea {
+      border-radius: 16rpx;
+      margin: 0;
+    }
+
+    ::v-deep .input-placeholder, .textarea-placeholder{
+      opacity: 0.6;
     }
 
     button {
@@ -168,7 +180,10 @@ export default {
       line-height: 80rpx;
       border-radius: 50rpx;
       font-size: 32rpx;
-      margin-top: 66rpx;
+      position: absolute;
+      left: 50%;
+      bottom: 60rpx;
+      transform: translate(-50%);
     }
   }
 }