Liuyi
2024-11-30 493d712b9b7d7821e71f9fee6f2078e023ef4f5f
components/navbar/navbar.vue
@@ -1,6 +1,6 @@
<template>
   <view class="navbar">
      <image src="../../static/images/addCard/back.png" alt="" @click="navBackTo()"></image>
      <image src="../../static/images/other/navBack.svg" alt="" @click="navBackTo()"></image>
      <text>{{title}}</text>
   </view>
</template>
@@ -31,19 +31,24 @@
      background: linear-gradient(to bottom,#5EA1FA,#8BC1FC);
      display: flex;
      align-items: flex-end;
      padding-bottom:24rpx;
      box-sizing: border-box;
      position: relative;
      padding:0 32rpx 24rpx;
      image{
         width:20rpx;
         width:40rpx;
         height:40rpx;
         margin-left:32rpx;
         transform: rotate(180deg);
      }
      text{
         font-weight: 400;
         font-size: 36rpx;
         color: #000000;
         margin-left: 234rpx;
         position:absolute;
         width:200rpx;
         left:calc(50% - 100rpx);
         text-align: center;
         color: #e4ecf9;
         letter-spacing:1rpx;
      }
   }
</style>