通话和银行卡优化
This commit is contained in:
parent
a47cc2a9cd
commit
0616283418
|
|
@ -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
|
||||
|
||||
|
|
|
|||
|
|
@ -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
|
|
@ -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;
|
||||
|
|
|
|||
|
|
@ -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 |
Loading…
Reference in New Issue