修改积分兑换页增加显示积分
@@ -32,4 +32,4 @@ VITE_APP_BASE_API_Url = 'https://aitstest.jlbank.com.cn:7002'
|
||||
# dev
|
||||
# VITE_APP_BASE_H5_API_Url = 'http://25.18.122.65:7001'
|
||||
# sit
|
||||
VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
|
||||
#VITE_APP_BASE_H5_API_Url = 'http://25.18.122.91:9786'
|
||||
@@ -368,7 +368,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 130rpx;
|
||||
// overflow: hidden;
|
||||
overflow: hidden;
|
||||
transition: height 0.3s ease;
|
||||
&.expand {
|
||||
height: 650rpx;
|
||||
|
||||
@@ -26,7 +26,14 @@
|
||||
<view class="main-title">物品图片</view>
|
||||
<view class="main-picture">
|
||||
<image-preview class="img" :src="data.ossAddr" mode="heightFix" :previewDetail="true"></image-preview>
|
||||
<!-- <image src="" alt="" mode="heightFix"/> -->
|
||||
</view>
|
||||
<view class="main-title">兑换条件</view>
|
||||
<view class="points-div">
|
||||
<image src="@/static/images/me/points.png" class="img"></image>
|
||||
<view class="points-title">积分</view>
|
||||
<view class="points-number">
|
||||
{{ data.excPoints }}
|
||||
</view>
|
||||
</view>
|
||||
<template v-if="data.itemTyp === '1'">
|
||||
<view class="main-title">填写地址</view>
|
||||
@@ -39,6 +46,7 @@
|
||||
></uv-textarea>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
</view>
|
||||
<template #bottom>
|
||||
<uv-button
|
||||
@@ -69,7 +77,7 @@
|
||||
};
|
||||
const buttonText = computed(() => {
|
||||
if (data.actStatus === 'Y') {
|
||||
return data.excPoints + '积分兑换';
|
||||
return '兑换';
|
||||
} else if (data.actStatus === 'N') {
|
||||
return data.actStatusText || '正在获取';
|
||||
}
|
||||
@@ -131,6 +139,26 @@
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.points-div {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
.points-title {
|
||||
font-weight: 400;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
margin-left: 14rpx;
|
||||
margin-right: 28rpx;
|
||||
}
|
||||
.points-number {
|
||||
font-weight: bold;
|
||||
font-size: 34rpx;
|
||||
color: #333333;
|
||||
}
|
||||
.img {
|
||||
width: 32rpx;
|
||||
height: 32rpx;
|
||||
}
|
||||
}
|
||||
#textarea {
|
||||
background-color: red;
|
||||
}
|
||||
@@ -172,7 +200,7 @@
|
||||
overflow: hidden;
|
||||
/* 使用 padding-top 实现 78:35 的宽高比(计算公式:35/78*100% ≈ 44.87%) */
|
||||
padding-top: calc(var(--status-bar-height) + 44.87%);
|
||||
|
||||
|
||||
/* 背景图设置,确保图片覆盖且不重复 */
|
||||
background-image: url('@/static/images/pointsAndRank/bg.png');
|
||||
background-size: cover;
|
||||
|
||||
|
Before Width: | Height: | Size: 248 KiB |
|
Before Width: | Height: | Size: 305 KiB |
|
Before Width: | Height: | Size: 297 KiB |
|
Before Width: | Height: | Size: 143 KiB |
|
Before Width: | Height: | Size: 300 KiB |
|
Before Width: | Height: | Size: 150 KiB |
|
Before Width: | Height: | Size: 150 KiB |
|
After Width: | Height: | Size: 1012 B |