通话和银行卡优化

This commit is contained in:
小李 2026-06-04 14:10:28 +08:00
parent a47cc2a9cd
commit 0616283418
7 changed files with 1687 additions and 1626 deletions

View File

@ -16,7 +16,7 @@
, height:data.headerHeight+'px'}">
<view v-if="data.info.avatar" style="height:400rpx;"></view>
<image v-if="data.info.avatar" :src="data.info.avatar" mode="aspectFill"
style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'rpx'}"></image>
style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'px'}"></image>
<view class="status" :style="{height:$systemInfo.statusBarHeight+'px'}"> </view>
<view class="flexcontainer" @click="openEditModalDetail()">
<image @click.stop="back()" class="group_48089" src="/static/image/call/detail/iosBack.png" :style="{position: 'fixed',
@ -30,7 +30,7 @@
:style="{opacity:data.info.avatar?0:1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}" />
</view>
<text class="text_1" v-if="!data.info.avatar" :style="{opacity:data.scale}"> {{data.info.address}} </text>
<text class="text_2" :style="{transform: `scale(${data.textScale}) translateY(${data.text2Y}px)`}">{{data.info.name||formatString(data.info.phone)}} </text>
<text class="text_2" :style="{transform: `scale(${data.info.avatar?1:data.textScale}) translateY(${data.text2Y}px)`}">{{data.info.name||formatString(data.info.phone)}} </text>
<view class="flexcontainer_1" :style="{transform: `translateY(${data.contentY}px)`}">
<view class="group_48123" :style="{'background-color': `rgba(128,131,146,${data.info.avatar?0.5:1})`}">
@ -768,6 +768,7 @@
data.index = Number(option.index)
let listArr = uni.getStorageSync('callLog')
data.info = listArr[data.index]
data.info.avatar='/static/logo.png'
data.list = data.info.list || data.list
console.log(data.info)
data.headerHeight=data.info.avatar?519:325
@ -783,9 +784,9 @@
const y = e.scrollTop;
const max = 200;
let p = Math.min(y / max, 1);
data.contentY = -p * 90;
data.contentY = -p * (data.info.avatar?70:90);
data.avatarY = -p * 0;
data.text2Y = -p * 130;
data.text2Y = -p * (data.info.avatar?70:130);
data.avatarScale = 1 - p * 0.55; // 1 0.6 textScale
data.textScale = 1 - p * 0.5; // 1 0.6

View File

@ -9,7 +9,7 @@
<view class="group_45764" v-if="!selectedImage" :style="{'padding-top':$systemInfo.statusBarHeight+'px'}">
<view class="rectangle_23284">
<view class="flexcontainer">
<view class="group_8">
<view class="group_8" @click="back">
<image class="frame" src="/static/image/other/bank/gsyh/back.png" />
</view>
<view class="group_7">
@ -40,7 +40,8 @@
<text class="text_2">{{data.form.cardType}}</text>
<view class="text_3">
{{maskCardNumber(data.form.cardNumber)}}
<text style="color:#3E82BD;margin-left: 52rpx;" @click="data.isShow=true">查看</text>
<view
style="color:#3E82BD;margin-left: 52rpx;text-align: center;font-size: 22rpx; width: 52rpx;height: 32rpx;background: #F3F6FB;border-radius: 2px 2px 2px 2px;" @click="data.isShow=true">查看</view>
</view>
</view>
</view>
@ -381,7 +382,9 @@ onMounted(() => {
}
// #endif
});
function back(){
uni.navigateBack()
}
function loadCache() {
const cache = uni.getStorageSync(CACHE_KEY);
if (cache) {
@ -758,6 +761,7 @@ function onNumberInput(field, value) {
display: flex;
flex-direction: column;
margin-left: 22rpx;
width: calc(100% - 130rpx);
}
.text_2 {
@ -768,6 +772,8 @@ function onNumberInput(field, value) {
.text_3 {
font-size: 26rpx;
color: #333333;
display: flex;
flex-direction: row;
}
.group_48162 {

File diff suppressed because it is too large Load Diff

View File

@ -13,7 +13,7 @@
</view>
<view class="header">
<image src="/static/image/nav-bar/back-black.png" mode=""></image>
<image @click="back" src="/static/image/nav-bar/back-black.png" mode=""></image>
<text class="text_1">借记卡详情</text>
<text class="imgXl"></text>
</view>
@ -249,6 +249,10 @@ function formatNumber(num) {
function onNumberInput(field, value) {
editDialog.data[field] = formatNumber(value);
}
function back(){
uni.navigateBack()
}
</script>
<style lang="scss" scoped>
@ -362,7 +366,8 @@ $color-border: #e6e6e6;
.rectangle_23309 {
position: relative;
width: 686rpx;
height: 484rpx;
// height: 484rpx;
padding-bottom: 28rpx;
border-radius: 12rpx;
background-color: $color-white;
box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.2);
@ -443,7 +448,7 @@ $color-border: #e6e6e6;
font-size: 32rpx;
font-family: 'PingFang SC';
line-height: 30rpx;
font-weight: 400;
font-weight: bold;
color: $color-text-primary;
}
@ -451,7 +456,7 @@ $color-border: #e6e6e6;
font-size: 28rpx;
font-family: 'PingFang SC';
line-height: 30rpx;
font-weight: 400;
font-weight: bold;
color: $color-text-primary;
}
}
@ -472,7 +477,7 @@ $color-border: #e6e6e6;
.flexcontainer_2 {
width: 222rpx;
height: 26rpx;
margin-top: 47rpx;
margin-top: 26rpx;
.text_6 {
position: absolute;
@ -606,7 +611,7 @@ $color-border: #e6e6e6;
}
.flexcontainer_5 {
margin-top: 28rpx;
margin-top: 26rpx;
.text_12 {
position: absolute;

View File

@ -1091,7 +1091,7 @@
width: 60rpx;
height: 52rpx;
margin-left: 44rpx;
margin-top: 32rpx;
margin-top: 28rpx;
}
.group_48144 {
@ -1148,7 +1148,7 @@
.group_48142 {
width: 20rpx;
height: 20rpx;
margin-top: 8rpx;
margin-top: 6rpx;
}
.path {
@ -1195,6 +1195,7 @@
font-size: 30rpx;
line-height: 42rpx;
color: #1a1a1a;
font-weight: bold;
}
.text_10 {

Binary file not shown.

Before

Width:  |  Height:  |  Size: 950 B

After

Width:  |  Height:  |  Size: 2.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 431 B

After

Width:  |  Height:  |  Size: 1.4 KiB