| | |
| | | <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> |
| | |
| | | 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> |