通话详情ios,工商银行,建设银行,农业银行

This commit is contained in:
小李 2026-06-04 10:02:38 +08:00
parent 72674f4d77
commit b560d901ab
35 changed files with 3739 additions and 92 deletions

View File

@ -13,7 +13,6 @@
console.log('启动参数:', JSON.stringify(options)) console.log('启动参数:', JSON.stringify(options))
console.log('环境:', process.env.NODE_ENV) console.log('环境:', process.env.NODE_ENV)
uni.setStorageSync('onNativeEventReceive', "no") uni.setStorageSync('onNativeEventReceive', "no")
// //
uni.removeStorageSync('jumpTarget_url'); uni.removeStorageSync('jumpTarget_url');

View File

@ -404,6 +404,22 @@
"navigationBarTitleText" : "工商银行", "navigationBarTitleText" : "工商银行",
"navigationStyle": "custom" "navigationStyle": "custom"
} }
},
{
"path" : "bank/nyyh",
"style" :
{
"navigationBarTitleText" : "农业银行",
"navigationStyle": "custom"
}
},
{
"path" : "bank/jsyh",
"style" :
{
"navigationBarTitleText" : "建设银行",
"navigationStyle": "custom"
}
} }
] ]
}, },

View File

@ -8,36 +8,31 @@
</liu-drag-button> </liu-drag-button>
</view> </view>
<view class="ios" v-if="data.type=='ios'"> <view class="ios" v-if="data.type=='ios'">
<!-- <view :style="{height:(data.info.avatar?519:325)+'px' }"> <view :style="{height:(data.info.avatar?519:325)+'px' }">
</view> --> </view>
<view class="rectangle_22292" <view class="rectangle_22292" style="position: fixed;left:0;top:0;overflow: hidden;"
:style="{background:(data.info.avatar?`rgba(0,0,0,0)`:'linear-gradient(180deg, #bdbec3 0%, #a0a2af 100%)') :style="{background:(data.info.avatar?`rgba(0,0,0,0)`:'linear-gradient(180deg, #bdbec3 0%, #a0a2af 100%)')
}"> , height:data.headerHeight+'px'}">
<!-- style="position: fixed;left:0;top:0;overflow: hidden;" -->
<!-- , height:data.headerHeight+'px' -->
<view v-if="data.info.avatar" style="height:400rpx;"></view> <view v-if="data.info.avatar" style="height:400rpx;"></view>
<image v-if="data.info.avatar" :src="data.info.avatar" mode="aspectFill" <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:1400+'rpx'}"></image> style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'rpx'}"></image>
<!-- :style="{height:data.headerHeight+'px'}" -->
<view class="status" :style="{height:$systemInfo.statusBarHeight+'px'}"> </view> <view class="status" :style="{height:$systemInfo.statusBarHeight+'px'}"> </view>
<view class="flexcontainer" @click="openEditModalDetail()"> <view class="flexcontainer" @click="openEditModalDetail()">
<image @click.stop="back()" class="group_48089" src="/static/image/call/detail/iosBack.png" :style="{position: 'fixed', <image @click.stop="back()" class="group_48089" src="/static/image/call/detail/iosBack.png" :style="{position: 'fixed',
'top': $systemInfo.statusBarHeight*2+22+'rpx', left: '26rpx'}" /> 'top': $systemInfo.statusBarHeight*2+22+'rpx', left: '26rpx'}" />
<view class="ios-edit" :style="{position: 'fixed', 'top': $systemInfo.statusBarHeight*2+22+'rpx', right: '26rpx',opacity:1-data.scale}">编辑</view>
<view class="text-avatar" v-if="data.info.name && data.info.avatarType === 'text'" <view class="text-avatar" v-if="data.info.name && data.info.avatarType === 'text'"
:style="{opacity:data.info.avatar?0:1}"> :style="{opacity:data.info.avatar?0:1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}">
{{data.info.name.substring(0,1)}} {{data.info.name.substring(0,1)}}
</view> </view>
<!-- ,transform: `scale(${data.avatarScale}) translateY(${data.contentY}px)` -->
<image v-else class="group_47577" :src="data.info.avatar||'/static/image/call/iosAvatar.png'" <image v-else class="group_47577" :src="data.info.avatar||'/static/image/call/iosAvatar.png'"
:style="{opacity:data.info.avatar?0:1}" /> :style="{opacity:data.info.avatar?0:1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}" />
<!-- ,transform: `scale(${data.avatarScale}) translateY(${data.contentY}px)` -->
</view> </view>
<text class="text_1" v-if="!data.info.avatar" :style="{opacity:data.scale}"> {{data.info.address}} </text> <text class="text_1" v-if="!data.info.avatar" :style="{opacity:data.scale}"> {{data.info.address}} </text>
<text class="text_2" >{{data.info.name||formatString(data.info.phone)}} </text> <text class="text_2" :style="{transform: `scale(${data.textScale}) translateY(${data.text2Y}px)`}">{{data.info.name||formatString(data.info.phone)}} </text>
<!-- :style="{transform: `scale(${data.avatarScale}) translateY(${data.contentY}px)`}" -->
<view class="flexcontainer_1" > <view class="flexcontainer_1" :style="{transform: `translateY(${data.contentY}px)`}">
<!-- :style="{transform: `translateY(${data.contentY}px)`}" -->
<view class="group_48123" :style="{'background-color': `rgba(128,131,146,${data.info.avatar?0.5:1})`}"> <view class="group_48123" :style="{'background-color': `rgba(128,131,146,${data.info.avatar?0.5:1})`}">
<image class="group_13792" src="/static/image/call/detail/iosIcon1.png" /> <image class="group_13792" src="/static/image/call/detail/iosIcon1.png" />
<text class="text_3"> 信息 </text> <text class="text_3"> 信息 </text>
@ -721,7 +716,10 @@
const data = reactive({ const data = reactive({
scale:1, scale:1,
avatarScale:1, avatarScale:1,
textScale:1,
contentY:0, contentY:0,
avatarY:0,
text2Y:0,
headerHeight:0, headerHeight:0,
type: 'ios', type: 'ios',
index: 0, index: 0,
@ -785,8 +783,12 @@
const y = e.scrollTop; const y = e.scrollTop;
const max = 200; const max = 200;
let p = Math.min(y / max, 1); let p = Math.min(y / max, 1);
data.contentY = -p * 100; data.contentY = -p * 90;
data.avatarScale = 1 - p * 0.5; // 1 0.6 data.avatarY = -p * 0;
data.text2Y = -p * 130;
data.avatarScale = 1 - p * 0.55; // 1 0.6 textScale
data.textScale = 1 - p * 0.5; // 1 0.6
data.scale = 1 - p * 1; // 1 0.6 data.scale = 1 - p * 1; // 1 0.6
console.log(data.avatarScale ) console.log(data.avatarScale )
data.headerHeight=Math.max(206,(data.info.avatar?519:325) - y); data.headerHeight=Math.max(206,(data.info.avatar?519:325) - y);
@ -1458,9 +1460,9 @@
width: 60rpx; width: 60rpx;
height: 60rpx; height: 60rpx;
z-index: 1; z-index: 1;
position: relative; position: fixed;
margin-left: 0; left: 0;
margin-top: 0; top: 0;
} }
.group_47577 { .group_47577 {
@ -3524,4 +3526,15 @@
} }
} }
} }
.ios-edit{
width: 50px;
height: 30px;
text-align: center;
line-height: 30px;
background: rgba(0,0,0,0.1);
border-radius: 15px 15px 15px 15px;
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
}
</style> </style>

View File

@ -65,7 +65,6 @@ export default {
computed: { computed: {
headerHeight() { headerHeight() {
const y = this.scrollY; const y = this.scrollY;
// 🔥 // 🔥
return Math.max(this.headerMin, this.headerMax - y); return Math.max(this.headerMin, this.headerMax - y);
} }

File diff suppressed because it is too large Load Diff

View File

@ -54,7 +54,7 @@
buttonColor: '#FB6767', buttonColor: '#FB6767',
}, },
icon: 'gsyh', icon: 'gsyh',
callUrl: "" callUrl: "/pages/other/bank/gsyh"
}, },
{ {
name: '农业', name: '农业',
@ -64,7 +64,7 @@
buttonColor: '#FFA64D', buttonColor: '#FFA64D',
}, },
icon: 'nyyh', icon: 'nyyh',
callUrl: "" callUrl: "/pages/other/bank/nyyh"
}, },
{ {
name: '建设', name: '建设',
@ -74,7 +74,7 @@
buttonColor: '#5DCD49', buttonColor: '#5DCD49',
}, },
icon: 'jsyh', icon: 'jsyh',
callUrl: "" callUrl: "/pages/other/bank/jsyh"
} }
]) ])

1704
pages/other/bank/jsyh.vue Normal file

File diff suppressed because it is too large Load Diff

1181
pages/other/bank/nyyh.vue Normal file

File diff suppressed because it is too large Load Diff

View File

@ -1339,7 +1339,7 @@
.popup-footer { .popup-footer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
padding: 20rpx; padding-top: 20rpx;
border-top: 1rpx solid #eee; border-top: 1rpx solid #eee;
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 942 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 111 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 173 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 762 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 657 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 916 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 950 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 431 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 253 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 89 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 513 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 658 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB