充值页
2
main.js
|
|
@ -29,7 +29,7 @@ export function createApp() {
|
||||||
app.config.globalProperties.$system = plus.os.name;
|
app.config.globalProperties.$system = plus.os.name;
|
||||||
// #endif
|
// #endif
|
||||||
app.config.globalProperties.$systemInfo = systemInfo
|
app.config.globalProperties.$systemInfo = systemInfo
|
||||||
uni.setStorageSync('version', '1.0.6.sp4')
|
uni.setStorageSync('version', '1.0.6.sp5')
|
||||||
app.config.globalProperties.$version = uni.getStorageSync('version')
|
app.config.globalProperties.$version = uni.getStorageSync('version')
|
||||||
app.use(globalMethods);
|
app.use(globalMethods);
|
||||||
return {
|
return {
|
||||||
|
|
|
||||||
|
|
@ -12,10 +12,10 @@
|
||||||
|
|
||||||
</view>
|
</view>
|
||||||
<view class="rectangle_22292" style="position: fixed;left:0;top:0;overflow: hidden;"
|
<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&&data.headerHeight!='206'?`rgba(0,0,0,0)`:'linear-gradient(180deg, #bdbec3 0%, #a0a2af 100%)')
|
||||||
, height:data.headerHeight+'px'}">
|
, 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&&data.headerHeight!='206'" :src="data.info.avatar" mode="aspectFill"
|
||||||
style="width:100%;position: absolute;bottom: 0;left: 0;z-index:0;" :style="{height:data.headerHeight+'px'}"></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="status" :style="{height:$systemInfo.statusBarHeight+'px'}"> </view>
|
||||||
<view class="flexcontainer" @click="openEditModalDetail()">
|
<view class="flexcontainer" @click="openEditModalDetail()">
|
||||||
|
|
@ -27,10 +27,10 @@
|
||||||
{{data.info.name.substring(0,1)}}
|
{{data.info.name.substring(0,1)}}
|
||||||
</view>
|
</view>
|
||||||
<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,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}px)`}" />
|
:style="{opacity:data.info.avatar?(data.headerHeight=='206'?1:0):1,transform: `scale(${data.avatarScale}) translateY(${data.avatarY}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" :style="{transform: `scale(${data.info.avatar?1:data.textScale}) translateY(${data.text2Y}px)`}">{{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>
|
||||||
|
|
||||||
<view class="flexcontainer_1" :style="{transform: `translateY(${data.contentY}px)`}">
|
<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})`}">
|
<view class="group_48123" :style="{'background-color': `rgba(128,131,146,${data.info.avatar?0.5:1})`}">
|
||||||
|
|
@ -784,15 +784,15 @@
|
||||||
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 * (data.info.avatar?70:90);
|
data.contentY = -p * (data.info.avatar?65:90);
|
||||||
data.avatarY = -p * 0;
|
data.avatarY = -p * 0;
|
||||||
data.text2Y = -p * (data.info.avatar?70:130);
|
data.text2Y = -p * (data.info.avatar?75:130);
|
||||||
data.avatarScale = 1 - p * 0.55; // 1 → 0.6 textScale
|
data.avatarScale = 1 - p * 0.55; // 1 → 0.6 textScale
|
||||||
data.textScale = 1 - p * 0.5; // 1 → 0.6
|
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 )
|
|
||||||
data.headerHeight=Math.max(206,(data.info.avatar?519:325) - y);
|
data.headerHeight=Math.max(206,(data.info.avatar?519:325) - y);
|
||||||
|
console.log(data.headerHeight )
|
||||||
}else{
|
}else{
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -23,7 +23,7 @@
|
||||||
<image class="group_13980" src="/static/image/other/bank/zsyh/kf.png" mode="aspectFit" />
|
<image class="group_13980" src="/static/image/other/bank/zsyh/kf.png" mode="aspectFit" />
|
||||||
<view class="flexcontainer_4">
|
<view class="flexcontainer_4">
|
||||||
<view class="group_48144">
|
<view class="group_48144">
|
||||||
<text class="text_6">20</text>
|
20
|
||||||
</view>
|
</view>
|
||||||
<image class="group_13979" src="/static/image/other/bank/zsyh/more.png" mode="aspectFit" />
|
<image class="group_13979" src="/static/image/other/bank/zsyh/more.png" mode="aspectFit" />
|
||||||
</view>
|
</view>
|
||||||
|
|
@ -1100,14 +1100,20 @@
|
||||||
margin-left: 12rpx;
|
margin-left: 12rpx;
|
||||||
border-radius: 100rpx;
|
border-radius: 100rpx;
|
||||||
background: #ff5d5f;
|
background: #ff5d5f;
|
||||||
|
margin-bottom: -2px;
|
||||||
|
margin-top: 4px;
|
||||||
|
text-align: center;
|
||||||
|
font-size: 24rpx;
|
||||||
|
line-height: 36rpx;
|
||||||
|
color: #ffffff;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text_6 {
|
.text_6 {
|
||||||
display: block;
|
display: block;
|
||||||
text-align: center;
|
|
||||||
font-size: 24rpx;
|
|
||||||
line-height: 30rpx;
|
|
||||||
color: #ffffff;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.group_13979 {
|
.group_13979 {
|
||||||
|
|
|
||||||
|
After Width: | Height: | Size: 776 KiB |
|
After Width: | Height: | Size: 8.6 KiB |
|
After Width: | Height: | Size: 7.4 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 8.8 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 7.2 KiB |
|
After Width: | Height: | Size: 6.5 KiB |
|
After Width: | Height: | Size: 7.3 KiB |
|
After Width: | Height: | Size: 6.3 KiB |
|
After Width: | Height: | Size: 9.7 KiB |
|
After Width: | Height: | Size: 6.1 KiB |