From 9857f8cdadf9bbda695a689f42e0e8cecfefab3f Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期四, 21 十一月 2024 17:08:07 +0800
Subject: [PATCH] 添加积分兑换
---
components/navbar/navbar.vue | 26 ++++++++++++++++++--------
1 files changed, 18 insertions(+), 8 deletions(-)
diff --git a/components/navbar/navbar.vue b/components/navbar/navbar.vue
index de430d4..72ec627 100644
--- a/components/navbar/navbar.vue
+++ b/components/navbar/navbar.vue
@@ -1,12 +1,12 @@
<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>
<script setup>
- import { ref } from 'vue'
+ import { onMounted, ref ,watch} from 'vue'
function navBackTo(){
uni.navigateBack()
}
@@ -16,7 +16,12 @@
default:''
}
})
- const title = ref(props.title)
+ const pageTitle = ref(props.title)
+ watch(props.title,(New, Old)=>{
+ pageTitle.value = New
+ },
+ {immediate: true},
+ )
</script>
<style lang="scss">
@@ -26,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>
\ No newline at end of file
--
Gitblit v1.9.3