Эх сурвалжийг харах

fix:我的报名样式问题修复

zhubo 3 жил өмнө
parent
commit
7b621a218b

+ 25 - 2
src/pages/competition/apply.vue

@@ -11,7 +11,8 @@
       >
         <van-tab title="活动列表">
           <view class="competition-title">
-            <image mode="aspectFill" :src="staticImg.competitionTitleText" class="competition-title-text">
+            <image mode="aspectFill" :src="staticImg.competitionTitleText">
+              <text class="competition-title-text">第17届“逻辑狗杯”全国儿童思维魔法嘉年华</text>
           </view>
 
           <view class="competition-list">
@@ -249,14 +250,34 @@ export default {
   padding-bottom: 100rpx;
 
   .competition-title {
+    position: relative;
     margin: 16rpx auto 0;
     width: 718rpx;
     height: 118rpx;
-    .competition-title-text {
+    image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 0;
       width: 100%;
       height: 100%;
       object-fit: cover;
     }
+    .competition-title-text {
+      position: absolute;
+      top: 42rpx;
+      left: 0;
+      right: 0;
+      z-index: 1;
+      margin: 0 auto;
+      height: 36rpx;
+      font-size: 26rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #868585;
+      line-height: 36rpx;
+      text-align: center;
+    }
   }
   .region {
     display: flex;
@@ -337,6 +358,8 @@ export default {
     object-fit: cover;
   }
   .unselect-button {
+    position: absolute;
+    top: 12rpx;
     width: 404rpx;
     height: 70rpx;
     object-fit: cover;

+ 3 - 3
src/pages/competition/components/myRegisterList.vue

@@ -75,17 +75,17 @@ export default {
     padding: 40rpx;
     margin-top: 48rpx;
     width: 686rpx;
-    height: 352rpx;
+    min-height: 352rpx;
     background: #ffffff;
     border-radius: 20rpx;
     box-sizing: border-box;
     &-title {
-      height: 44rpx;
+      min-height: 44rpx;
       font-size: 40rpx;
       font-family: PingFangSC-Semibold, PingFang SC;
       font-weight: 600;
       color: #333333;
-      line-height: 44rpx;
+      line-height: 50rpx;
     }
     &-params {
       display: flex;

BIN
src/static/image/competitionTitleText.png