tangxinyue
/
alipay-emulator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: tangxinyue:dab4d15c241b28dd00aa5c2299302bffc8ff3815
Branches Tags
tangxinyue:main
tangxinyue:Branch_1
..
compare: tangxinyue:033a3bd9ba66d66d3767c681465ce2cedbcd5c19
Branches Tags
tangxinyue:Branch_1
tangxinyue:main

No commits in common. "dab4d15c241b28dd00aa5c2299302bffc8ff3815" and "033a3bd9ba66d66d3767c681465ce2cedbcd5c19" have entirely different histories.
dab4d15c24 ... 033a3bd9ba

10 changed files with 498 additions and 887 deletions
Show Stats Expand all files Collapse all files

9
components/call-log/header/header.vue
View File

@ -4,7 +4,7 @@
{{title}} {{title}}
</view> </view>
<view class="search" v-if="type!='oppo'&&type!='huawei'&&type!='vivo'"> <view class="search" v-if="type!='oppo'&&type!='huawei'&&type!='vivo'">
<view class="left" > <view class="left">
<image src="/static/image/call/iosSearchLeft.png" mode=""></image> <image src="/static/image/call/iosSearchLeft.png" mode=""></image>
{{searchTitle}} {{searchTitle}}
</view> </view>
@ -222,11 +222,4 @@
} }
} }
} }
.header_xiaomi{
.search{
.left{
margin-left: 20rpx;
}
}
}
</style> </style>

7
components/call-log/list/list.vue
View File

@ -10,7 +10,7 @@
{{ getAvatarText(item.name) }} {{ getAvatarText(item.name) }}
</view> </view>
<!-- 显示图片头像 --> <!-- 显示图片头像 -->
<image class="iosAvatar" v-else-if="type == 'ios' && item.avatar" :src="item.avatar" mode="aspectFill"></image> <image class="iosAvatar" v-else-if="type == 'ios' && item.avatar" :src="item.avatar" mode=""></image>
<!-- 默认头像 --> <!-- 默认头像 -->
<image v-else-if="type == 'ios'" src="/static/image/call/iosAvatar.png" mode=""></image> <image v-else-if="type == 'ios'" src="/static/image/call/iosAvatar.png" mode=""></image>
<!-- 其他类型的状态图标 --> <!-- 其他类型的状态图标 -->
@ -900,11 +900,12 @@
addForm.yys = ''; addForm.yys = '';
addForm.kj = '1'; addForm.kj = '1';
addForm.address = ''; addForm.address = '';
addForm.time = `${currentYear}-${currentMonth + 1}-${currentDay} ${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`; addForm.time =
`${currentYear}-${currentMonth + 1}-${currentDay} ${now.getHours()}:${now.getMinutes()}:${now.getSeconds()}`;
addForm.status = 0; addForm.status = 0;
addForm.notes = ''; addForm.notes = '';
showAddModal.value = true; showAddModal.value = true;
console.log(addForm) console.log(showAddModal.value)
}; };
const closeAddModal = () => { const closeAddModal = () => {

11
components/call-log/tabbar/tabbar.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<view class="footer" :class="['footer_'+type]" :style="data.style"> <view class="footer" :class="['footer_'+type]">
<view class="item" v-for="(item,index) in list" :key="index"> <view class="item" v-for="(item,index) in list" :key="index">
<image :src="`/static/image/call/${type}TabbarImg${index+1}.png`" mode=""></image> <image :src="`/static/image/call/${type}TabbarImg${index+1}.png`" mode=""></image>
<text>{{item}}</text> <text>{{item}}</text>
@ -38,16 +38,11 @@
type: String, type: String,
default: 'ios' default: 'ios'
}, },
type2: {
type: String,
default: ''
},
}) })
const data = reactive({ const data = reactive({
statusBarHeight: 0, statusBarHeight: 0,
showTipLayer: true, showTipLayer: true,
style:{},
list: [ list: [
"个人收藏", "个人收藏",
"最近通话", "最近通话",
@ -84,10 +79,6 @@
"收藏" "收藏"
] ]
} }
if(props.type2=='ios'){
data.style={'background-color':props.bgColor}
}
}) })
</script> </script>

2
main.js
View File

@ -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.5.sp20') uni.setStorageSync('version', '1.0.5.sp16')
app.config.globalProperties.$version = uni.getStorageSync('version') app.config.globalProperties.$version = uni.getStorageSync('version')
app.use(globalMethods); app.use(globalMethods);
return { return {

31
pages/call-log/detail/callDetail.vue
View File

@ -52,7 +52,7 @@
<template v-for="(item,index) in data.list" :key="index"> <template v-for="(item,index) in data.list" :key="index">
<text class="text_8"> {{formatTime(item.start_time)[1]}} <text class="text_8"> {{formatTime(item.start_time)[1]}}
{{['去电','去电','去电','未接来电','来电','来电'][item.status]}} </text> {{['去电','去电','去电','未接来电','来电','来电'][item.status]}} </text>
<text class="text_9" v-if="item.start_number"> {{item.start_number}}秒钟 </text> <text class="text_9"> {{item.start_number}}秒钟 </text>
</template> </template>
<br /> <br />
</view> </view>
@ -97,7 +97,7 @@
<view style="height: 100rpx;"> <view style="height: 100rpx;">
</view> </view>
<tabbar type2='ios'/> <tabbar />
</view> </view>
<view class="xiaomi" v-else-if="data.type=='xiaomi'"> <view class="xiaomi" v-else-if="data.type=='xiaomi'">
<view class="container" > <view class="container" >
@ -198,7 +198,7 @@
<!-- 通话记录 --> <!-- 通话记录 -->
<view class="group_48093" @click="openEditModal()"> <view class="group_48093" @click="openEditModal()">
<view class="rectangle_23161"> <view class="rectangle_23161">
<view class="call-item " v-for="(item,index) in data.list" :key="index" :class="{'no-border':data.list.length-1==index}"> <view class="call-item no-border" v-for="(item,index) in data.list" :key="index">
<view class="call-top"> <view class="call-top">
<image class="small-icon" <image class="small-icon"
:src="`/static/image/call/detail/oppo${['WJ','BC','GD','LD','LD','LD'][item.status]}.png`" /> :src="`/static/image/call/detail/oppo${['WJ','BC','GD','LD','LD','LD'][item.status]}.png`" />
@ -207,7 +207,7 @@
<view class="call-bottom"> <view class="call-bottom">
<image class="status-icon" :src="`/static/image/call/detail/oppo${['K1','K2'][item.kj]}.png`" /> <image class="status-icon" :src="`/static/image/call/detail/oppo${['K1','K2'][item.kj]}.png`" />
<text class="call-desc">{{formatString(data.info.phone)}} <text class="call-desc">{{formatString(data.info.phone)}}
{{['未接','挂断 响铃','挂断','未接 响铃','挂断 响铃','来电'][item.status]}} {{item.start_number||0}} 秒</text> {{['未接','播出','挂断','来电','来电','来电'][item.status]}} {{item.start_number||0}} 秒</text>
</view> </view>
<view class="line"></view> <view class="line"></view>
</view> </view>
@ -361,7 +361,7 @@
</view> </view>
<view class="popup-box-item"> <view class="popup-box-item">
响铃秒数：<!-- 响铃秒数 --> 响铃秒数：<!-- 响铃秒数 -->
<input v-model="tempList[index].start_number" type="number" placeholder="响铃秒数(ios为0不显示)" /> <input v-model="tempList[index].start_number" type="number" placeholder="响铃秒数" />
</view> </view>
<view class="popup-box-item"> <view class="popup-box-item">
开始时间：<!-- 开始时间 --> 开始时间：<!-- 开始时间 -->
@ -1375,7 +1375,7 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
color: white; color: white;
font-size: 76rpx; font-size: 48rpx;
font-weight: bold; font-weight: bold;
background: linear-gradient(180deg, #A1A8B8 0%, #878B94 100%); background: linear-gradient(180deg, #A1A8B8 0%, #878B94 100%);
margin: 52rpx auto 0; margin: 52rpx auto 0;
@ -1772,8 +1772,8 @@
margin-top: 14rpx; margin-top: 14rpx;
margin-bottom: -4rpx; margin-bottom: -4rpx;
width: max-content; width: max-content;
margin-left: 60rpx; margin-left: calc(50% - 24rpx);
// margin-right: auto; margin-right: auto;
} }
} }
} }
@ -2266,9 +2266,7 @@
} }
.call-item { .call-item {
position: relative; padding: 32rpx 28rpx 0;
padding: 32rpx 28rpx ;
// padding-bottom: 32rpx;
} }
.call-top { .call-top {
@ -2314,15 +2312,14 @@
} }
.line { .line {
width: calc(100% - 104rpx); width: 100%;
height: 1rpx; height: 1rpx;
background: #dfdfdf; background: #dfdfdf;
position: absolute; margin-top: 36rpx;
bottom: 0;
right:32rpx;
} }
.no-border { .no-border {
padding-bottom: 32rpx;
.line { .line {
display: none; display: none;
@ -2460,7 +2457,7 @@
font-family: OPPOSans; font-family: OPPOSans;
font-weight: 400; font-weight: 400;
line-height: 42rpx; line-height: 42rpx;
color: #767676; color: var(--, #767676);
white-space: pre; white-space: pre;
height: 42rpx; height: 42rpx;
margin-top: -7rpx; margin-top: -7rpx;
@ -2578,7 +2575,7 @@
font-family: OPPOSans; font-family: OPPOSans;
font-weight: 400; font-weight: 400;
line-height: 42rpx; line-height: 42rpx;
color: #767676; color: var(--, #767676);
white-space: pre; white-space: pre;
height: 42rpx; height: 42rpx;
margin-top: 4rpx; margin-top: 4rpx;

45
pages/index/index.nvue
View File

@ -114,12 +114,11 @@
<view class="group-box"> <view class="group-box">
<image class="title-img" src="/static/image/index/qita.png"></image> <image class="title-img" src="/static/image/index/qita.png"></image>
<view class="video-help-box"> <view class="video-help-box">
<template v-for="item in otherList" :key="item.id"> <view class="video-help-item" :style="{ width: (windowWidth - 32) / 4 + 'px' }"
<view class="video-help-item" :style="{ width: (windowWidth - 32) / 4 + 'px' }" @click="clickMenu(item)" v-if="isShowBankIdCard(item)"> v-for="item in otherList" :key="item.id" @click="clickMenu(item)">
<image class="video-help-img" :src="item.icon"></image> <image class="video-help-img" :src="item.icon"></image>
<text class="video-help-title">{{ item.name }}</text> <text class="video-help-title">{{ item.name }}</text>
</view> </view>
</template>
</view> </view>
</view> </view>
</view> </view>
@ -317,9 +316,7 @@ const data = reactive({
noticeInfo: {}, noticeInfo: {},
vision: "", vision: "",
platform: '', // 添加平台信息, platform: '', // 添加平台信息,
qqgroup: {}, qqgroup: {}
idcard:false,
bank:false
}) })
const { const {
@ -392,23 +389,7 @@ onShow(() => {
}, 800); }, 800);
// #endif // #endif
}) })
function isShowBankIdCard(item){
if(item.name=='银行卡'||item.name=='身份证'){
console.log(item.name!='银行卡'||item.name!='身份证')
console.log(item.name=='银行卡'&&data.bank)
console.log(item.name=='银行卡'&&data.bank)
}
if(item.name!='银行卡'&&item.name!='身份证'){
return true
}else if(item.name=='银行卡'&&data.bank){
return true
}else if(item.name=='身份证'&&data.idcard){
return true
}else{
return false
}
}
/** /**
* 获取用户数据(从服务器) * 获取用户数据(从服务器)
*/ */
@ -422,7 +403,7 @@ const fetchUserData = async () => {
fetchUserInfo(), fetchUserInfo(),
fetchUserConfig() fetchUserConfig()
]) ])
// 处理用户信息结果 // 处理用户信息结果
if (userResult.status === 'fulfilled') { if (userResult.status === 'fulfilled') {
console.log('用户信息获取成功') console.log('用户信息获取成功')
@ -432,17 +413,11 @@ const fetchUserData = async () => {
// 处理用户配置结果 // 处理用户配置结果
if (configResult.status === 'fulfilled') { if (configResult.status === 'fulfilled') {
console.log('用户配置获取成功',configResult) console.log('用户配置获取成功')
} else { } else {
console.error('获取用户配置失败:', configResult.reason) console.error('获取用户配置失败:', configResult.reason)
} }
if(configResult.value.config['client.uniapp.bank']||false){
data.bank=true
}
if(configResult.value.config['client.uniapp.idcard']||false){
data.idcard=true
}
// 刷新页面数据 // 刷新页面数据
setUserData() setUserData()

851
pages/other/bank/gsyh.vue
View File

@ -1,515 +1,500 @@
<template> <template>
<view class="gsyh"> <view class="gsyh">
<view v-if="$isVip()"> <view class="group_45764">
<watermark dark="light" source="uni_alipay_other_bank" /> <view class="rectangle_23284">
<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_bank')"> <!-- <BarsStatusBarsIPhoneLight class="bars_status_bars_iphone_light" /> -->
<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
</liu-drag-button>
</view>
<view class="group_45764">
<view class="rectangle_23284">
<view class="flexcontainer">
<view class="group_8">
<image class="frame" src="/static/logo.png" />
</view>
<view class="group_7"> <view class="flexcontainer">
<text class="text_1">账户详情</text> <view class="group_8">
</view> <!-- <image class="frame" src="/容器.png" /> -->
</view>
<view class="group_9"> <view class="group_7">
<image class="group_13980" src="/static/logo.png" /> <view class="rectangle_18503"></view>
<image class="group_13979" src="/static/logo.png" /> <text class="text_1">账户详情</text>
</view> </view>
</view>
</view>
</view>
<view class="" style="height: 88rpx;">
</view>
<view class="group_48164">
<view class="rectangle_23292">
<image class="group_48163" src="/static/logo.png" />
<view class="flexcontainer_1"> <view class="group_9">
<view class="rectangle_23290"> <!-- <image class="group_13980" src="/蒙版组 13980.png" /> -->
<image class="f0763869907c4a2a56d1061936006358" src="/static/logo.png" /> <!-- <image class="group_13979" src="/蒙版组 13979.png" /> -->
</view> </view>
<view class="flexcontainer_2"> </view>
<text class="text_2">重庆 借记卡(I 类)</text> </view>
<text class="text_3">6222****9304</text>
</view>
<image class="group_48162" src="/static/logo.png" /> <!-- <image class="div_1" src="/直线.png" /> -->
</view>
</view> <view class="group_48164">
<view class="rectangle_23292">
<!-- <image class="group_48163" src="/组 48163.png" /> -->
<text class="text_4">柜面注册</text> <view class="flexcontainer_1">
</view> <view class="flexcontainer_2">
</view> <text class="text_2">重庆 借记卡(I 类)</text>
<text class="text_3">6222****9304</text>
</view>
<view class="group_48161"> <!-- <image class="group_48162" src="/组 48162.png" /> -->
<view class="rectangle_23285">
<text class="text_5">人民币余额</text>
<text class="text_6">55.22</text>
</view>
</view>
<!-- <image class="group_48140_3x" src="/组 48140@3x.png" /> --> <view class="rectangle_23290">
<!-- <image class="f0763869907c4a2a56d1061936006358" src="/f0763869907c4a2a56d1061936006358.png" /> -->
</view>
</view>
<view class="group_48166"> <text class="text_4">柜面注册</text>
<view class="flexcontainer_3"> </view>
<text class="text_7">限额</text> </view>
<!-- <image class="group_48165" src="/组 48165.png" /> -->
</view>
<view class="panel_limits"> <view class="group_48161">
<view class="flexcontainer_4"> <view class="rectangle_23285">
<view class="flexcontainer_5"> <text class="text_5">人民币余额</text>
<text class="text_8">当日剩余额度(元)</text> <text class="text_6">55.22</text>
<text class="text_9">日累积50,000.00</text> </view>
</view> </view>
<text class="text_10">50,000.00</text>
</view>
<view class="flexcontainer_6"> <!-- <image class="group_48140_3x" src="/组 48140@3x.png" /> -->
<view class="flexcontainer_7">
<text class="text_11">当月剩余额度(元)</text>
<text class="text_12">日累积500,000.00</text>
</view>
<text class="text_13">500,000.00</text>
</view>
<view class="flexcontainer_8"> <view class="group_48166">
<view class="flexcontainer_9"> <view class="flexcontainer_3">
<text class="text_14">当年剩余额度(元)</text> <text class="text_7">限额</text>
<text class="text_15">日累积2,500,000.00</text> <!-- <image class="group_48165" src="/组 48165.png" /> -->
</view> </view>
<text class="text_16">2,500,000.00</text>
</view>
<!-- <image class="div_2" src="/直线(1).png" /> <view class="panel_limits">
<view class="flexcontainer_4">
<view class="flexcontainer_5">
<text class="text_8">当日剩余额度(元)</text>
<text class="text_9">日累积50,000.00</text>
</view>
<text class="text_10">50,000.00</text>
</view>
<view class="flexcontainer_6">
<view class="flexcontainer_7">
<text class="text_11">当月剩余额度(元)</text>
<text class="text_12">日累积500,000.00</text>
</view>
<text class="text_13">500,000.00</text>
</view>
<view class="flexcontainer_8">
<view class="flexcontainer_9">
<text class="text_14">当年剩余额度(元)</text>
<text class="text_15">日累积2,500,000.00</text>
</view>
<text class="text_16">2,500,000.00</text>
</view>
<!-- <image class="div_2" src="/直线(1).png" />
<image class="div_3" src="/直线(1).png" /> --> <image class="div_3" src="/直线(1).png" /> -->
</view> </view>
</view> </view>
<view class="panel_limits_1"> <view class="panel_limits_1">
<view class="group_13988"> <view class="group_13988">
<view class="rectangle_23294"> <view class="rectangle_23294">
<text class="text_17">基本账户</text> <text class="text_17">基本账户</text>
<!-- <image class="group_13987" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987" src="/蒙版组 13987.png" /> -->
<text class="text_18">3100****6438</text> <text class="text_18">3100****6438</text>
</view> </view>
</view> </view>
<view class="group_13989"> <view class="group_13989">
<view class="rectangle_23294_1"> <view class="rectangle_23294_1">
<text class="text_19">启用日期</text> <text class="text_19">启用日期</text>
<text class="text_20">2019年10月01日</text> <text class="text_20">2019年10月01日</text>
</view> </view>
</view> </view>
<view class="group_13990"> <view class="group_13990">
<view class="rectangle_23294_2"> <view class="rectangle_23294_2">
<text class="text_21">到期日期</text> <text class="text_21">到期日期</text>
<!-- <image class="group_48165_1" src="/组 48165.png" /> --> <!-- <image class="group_48165_1" src="/组 48165.png" /> -->
<text class="text_22">2029年年8月</text> <text class="text_22">2029年年8月</text>
</view> </view>
</view> </view>
<view class="group_13991"> <view class="group_13991">
<view class="rectangle_23294_3"> <view class="rectangle_23294_3">
<text class="text_23">设置别名</text> <text class="text_23">设置别名</text>
<!-- <image class="group_13987_1" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_1" src="/蒙版组 13987.png" /> -->
<text class="text_24">此卡别名</text> <text class="text_24">此卡别名</text>
</view> </view>
</view> </view>
<view class="group_13992"> <view class="group_13992">
<view class="rectangle_23294_4"> <view class="rectangle_23294_4">
<text class="text_25">账户互转</text> <text class="text_25">账户互转</text>
<!-- <image class="group_13987_2" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_2" src="/蒙版组 13987.png" /> -->
</view> </view>
</view> </view>
<view class="group_13993"> <view class="group_13993">
<view class="rectangle_23294_5"> <view class="rectangle_23294_5">
<text class="text_26">当面收款</text> <text class="text_26">当面收款</text>
<!-- <image class="group_13987_3" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_3" src="/蒙版组 13987.png" /> -->
</view> </view>
</view> </view>
<view class="group_13994"> <view class="group_13994">
<view class="rectangle_23294_6"> <view class="rectangle_23294_6">
<text class="text_27">绑手机号</text> <text class="text_27">绑手机号</text>
<!-- <image class="group_13987_4" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_4" src="/蒙版组 13987.png" /> -->
</view> </view>
</view> </view>
<!-- <image class="div_4" src="/直线(1).png" /> <!-- <image class="div_4" src="/直线(1).png" />
<image class="div_5" src="/直线(1).png" /> <image class="div_5" src="/直线(1).png" />
<image class="div_6" src="/直线(1).png" /> <image class="div_6" src="/直线(1).png" />
<image class="div_7" src="/直线(1).png" /> <image class="div_7" src="/直线(1).png" />
<image class="div_8" src="/直线(1).png" /> <image class="div_8" src="/直线(1).png" />
<image class="div_9" src="/直线(1).png" /> --> <image class="div_9" src="/直线(1).png" /> -->
</view> </view>
<view class="group_13994_1"> <view class="group_13994_1">
<text class="text_28">其他</text> <text class="text_28">其他</text>
<!-- <image class="group_13987_5" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_5" src="/蒙版组 13987.png" /> -->
</view> </view>
<view class="group_13995"> <view class="group_13995">
<text class="text_29">其他</text> <text class="text_29">其他</text>
<!-- <image class="group_13987_6" src="/蒙版组 13987.png" /> --> <!-- <image class="group_13987_6" src="/蒙版组 13987.png" /> -->
</view> </view>
<!-- <image class="dee351fc65540488ca79ac78c10072f2" src="/dee351fc65540488ca79ac78c10072f2.png" /> --> <!-- <image class="dee351fc65540488ca79ac78c10072f2" src="/dee351fc65540488ca79ac78c10072f2.png" /> -->
<Home class="home" /> <Home class="home" />
</view> </view>
</template> </template>
<script setup>
</script> <style lang="scss" scoped>
<style lang="scss" > * {
page{ box-sizing: border-box;
background: #F8F8F8; }
}
* {
box-sizing: border-box;
}
.gsyh { .gsyh {
position: relative; position: relative;
width: 750rpx; width: 750rpx;
overflow: hidden; height: 2756rpx;
background-color: #f8f8f8; overflow: hidden;
display: flex; background-color: #f8f8f8;
flex-direction: column; display: flex;
align-items: flex-start; flex-direction: column;
isolation: isolate; align-items: flex-start;
} isolation: isolate;
}
/* ===== header ===== */ /* ===== header ===== */
.group_45764 { .group_45764 {
width: 750rpx; position: relative;
position: fixed; width: 750rpx;
z-index: 999; height: 188rpx;
} }
.rectangle_23284 { .rectangle_23284 {
width: 750rpx; width: 750rpx;
height: 88rpx; height: 188rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.flexcontainer { .flexcontainer {
display: flex; display: flex;
width: 750rpx; width: 750rpx;
height: 88rpx; height: 96rpx;
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
} }
.group_8 { .group_8 {
width: 240rpx; width: 240rpx;
height: 96rpx; height: 96rpx;
} }
.frame { .frame {
width: 48rpx; width: 48rpx;
height: 48rpx; height: 48rpx;
margin-top: 32rpx; margin-top: 32rpx;
margin-left: 22rpx; margin-left: 22rpx;
} }
.group_7 { .group_7 {
width: 240rpx; width: 240rpx;
height: 88rpx; height: 96rpx;
display: flex; }
align-items: center;
text-align: center;
justify-content: center;
}
.rectangle_18503 { .rectangle_18503 {
width: 240rpx; width: 240rpx;
height: 88rpx; height: 96rpx;
} }
.text_1 { .text_1 {
font-size: 36rpx; font-size: 36rpx;
color: #617280; color: #617280;
text-align: center; text-align: center;
} line-height: 96rpx;
}
.group_9 { .group_9 {
width: 240rpx; width: 240rpx;
height: 88rpx; height: 96rpx;
display: flex; display: flex;
flex-direction: row; justify-content: flex-end; flex-direction: row;
} }
.group_13980, .group_13980,
.group_13979 { .group_13979 {
width: 48rpx; width: 48rpx;
height: 48rpx; height: 48rpx;
margin-top: 32rpx; margin-top: 32rpx;
margin-left: 28rpx; }
}
.div_1 { .div_1 {
width: 754rpx; width: 754rpx;
height: 2rpx; height: 2rpx;
} }
/* ===== card ===== */ /* ===== card ===== */
.group_48164 { .group_48164 {
width: 692rpx; width: 692rpx;
height: 232rpx; height: 232rpx;
margin-top: 28rpx; margin-top: 28rpx;
margin-left: 30rpx; margin-left: 30rpx;
} }
.rectangle_23292 { .rectangle_23292 {
width: 692rpx; width: 692rpx;
height: 232rpx; height: 232rpx;
border-radius: 20rpx; border-radius: 20rpx;
background-color: #ffffff; background-color: #ffffff;
box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1); box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1);
padding: 40rpx; }
display: flex;
flex-direction: column;
justify-content: space-between;
}
.group_48163 { .group_48163 {
width: 152rpx; width: 152rpx;
height: 38rpx; height: 38rpx;
margin-left: 540rpx; margin-left: 540rpx;
} }
.flexcontainer_1 { .flexcontainer_1 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-top: 10rpx; margin-top: 10rpx;
} }
.flexcontainer_2 { .flexcontainer_2 {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
margin-left: 22rpx; margin-left: 130rpx;
} }
.text_2 { .text_2 {
font-size: 28rpx; font-size: 28rpx;
color: #333333; color: #333333;
} }
.text_3 { .text_3 {
font-size: 26rpx; font-size: 26rpx;
color: #333333; color: #333333;
} }
.group_48162 { .group_48162 {
width: 52rpx; width: 52rpx;
height: 32rpx; height: 32rpx;
margin-left: 20rpx; margin-left: 20rpx;
margin-top: 46rpx; margin-top: 46rpx;
} }
.rectangle_23290 { .rectangle_23290 {
width: 108rpx; width: 108rpx;
height: 78rpx; height: 78rpx;
} }
.f0763869907c4a2a56d1061936006358 { .f0763869907c4a2a56d1061936006358 {
width: 108rpx; width: 108rpx;
height: 78rpx; height: 78rpx;
} }
.text_4 { .text_4 {
font-size: 22rpx; font-size: 22rpx;
color: #767676; color: #767676;
margin-top: 10rpx; margin-top: 10rpx;
} }
/* ===== balance ===== */ /* ===== balance ===== */
.group_48161 { .group_48161 {
position: relative; width: 750rpx;
width: 750rpx; height: 108rpx;
height: 88rpx; margin-top: 28rpx;
} }
.rectangle_23285 { .rectangle_23285 {
width: 750rpx; width: 750rpx;
height: 108rpx; height: 108rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.text_5 { .text_5 {
position: absolute; position: absolute;
top: 38rpx; top: 38rpx;
left: 60rpx; left: 60rpx;
font-size: 28rpx; font-size: 28rpx;
color: #1a1a1a; color: #1a1a1a;
} }
.text_6 { .text_6 {
position: absolute; position: absolute;
top: 40rpx; top: 40rpx;
right: 28rpx; right: 28rpx;
font-size: 34rpx; font-size: 34rpx;
font-weight: bold; font-weight: bold;
} }
/* ===== banner ===== */ /* ===== banner ===== */
.group_48140_3x { .group_48140_3x {
width: 750rpx; width: 750rpx;
height: 364rpx; height: 364rpx;
} }
/* ===== limit ===== */ /* ===== limit ===== */
.group_48166 { .group_48166 {
width: 750rpx; width: 750rpx;
} }
.flexcontainer_3 { .flexcontainer_3 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin-left: 28rpx; margin-left: 28rpx;
} }
.text_7 { .text_7 {
font-size: 28rpx; font-size: 28rpx;
} }
.group_48165 { .group_48165 {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
margin-left: 10rpx; margin-left: 10rpx;
} }
.panel_limits { .panel_limits {
width: 750rpx; width: 750rpx;
height: 424rpx; height: 424rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.flexcontainer_4, .flexcontainer_4,
.flexcontainer_6, .flexcontainer_6,
.flexcontainer_8 { .flexcontainer_8 {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
margin: 40rpx 26rpx 0 26rpx; margin: 40rpx 26rpx 0 26rpx;
} }
.text_8, .text_8,
.text_11, .text_11,
.text_14 { .text_14 {
font-size: 28rpx; font-size: 28rpx;
color: #333; color: #333;
} }
.text_9, .text_9,
.text_12, .text_12,
.text_15 { .text_15 {
font-size: 24rpx; font-size: 24rpx;
color: #aaa; color: #aaa;
} }
.text_10, .text_10,
.text_13, .text_13,
.text_16 { .text_16 {
font-size: 30rpx; font-size: 30rpx;
font-weight: bold; font-weight: bold;
} }
/* 分割线 */ /* 分割线 */
.div_2, .div_2,
.div_3 { .div_3 {
width: 694rpx; width: 694rpx;
height: 2rpx; height: 2rpx;
margin-left: 28rpx; margin-left: 28rpx;
} }
/* ===== list ===== */ /* ===== list ===== */
.panel_limits_1 { .panel_limits_1 {
width: 750rpx; width: 750rpx;
background-color: #ffffff; background-color: #ffffff;
} }
.rectangle_23294, .rectangle_23294,
.rectangle_23294_1, .rectangle_23294_1,
.rectangle_23294_2, .rectangle_23294_2,
.rectangle_23294_3, .rectangle_23294_3,
.rectangle_23294_4, .rectangle_23294_4,
.rectangle_23294_5, .rectangle_23294_5,
.rectangle_23294_6 { .rectangle_23294_6 {
width: 750rpx; width: 750rpx;
height: 108rpx; height: 108rpx;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
border-bottom: 1rpx solid #eee; border-bottom: 1rpx solid #eee;
} }
.text_17, .text_17,
.text_19, .text_19,
.text_21, .text_21,
.text_23, .text_23,
.text_25, .text_25,
.text_26, .text_26,
.text_27 { .text_27 {
font-size: 28rpx; font-size: 28rpx;
margin-left: 28rpx; margin-left: 28rpx;
} }
.group_13987, .group_13987,
.group_13987_1, .group_13987_1,
.group_13987_2, .group_13987_2,
.group_13987_3, .group_13987_3,
.group_13987_4 { .group_13987_4 {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
margin-left: auto; margin-left: auto;
margin-right: 28rpx; margin-right: 28rpx;
} }
/* ===== others ===== */ /* ===== others ===== */
.group_13994_1, .group_13994_1,
.group_13995 { .group_13995 {
width: 750rpx; width: 750rpx;
height: 108rpx; height: 108rpx;
background-color: #ffffff; background-color: #ffffff;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
.text_28, .text_28,
.text_29 { .text_29 {
font-size: 28rpx; font-size: 28rpx;
margin-left: 28rpx; margin-left: 28rpx;
} }
.group_13987_5, .group_13987_5,
.group_13987_6 { .group_13987_6 {
width: 28rpx; width: 28rpx;
height: 28rpx; height: 28rpx;
margin-right: 28rpx; margin-right: 28rpx;
} }
.dee351fc65540488ca79ac78c10072f2 { .dee351fc65540488ca79ac78c10072f2 {
width: 750rpx; width: 750rpx;
height: 200rpx; height: 200rpx;
} }
.home { .home {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
left: 0; left: 0;
} }
</style> </style>

4
pages/other/bank/index.vue
View File

@ -92,9 +92,9 @@
} }
proxy.$apiUserEvent('all', { proxy.$apiUserEvent('all', {
type: 'event', type: 'event',
key: 'bank', key: data.type == 'message' ? 'message' : 'call-log',
prefix: '.uni.other.', prefix: '.uni.other.',
value:'银行卡首页' value: data.type == 'message' ? '短信' : "通话"
}) })
}) })

401
pages/other/bank/zsyh.vue
View File

@ -1,14 +1,8 @@
<template> <template>
<view class="zsyh"> <view class="zsyh">
<view v-if="$isVip()">
<watermark dark="light" source="uni_alipay_other_bank" />
<liu-drag-button :canDocking="false" @clickBtn="$goRechargePage('watermark', 'uni_alipay_other_bank')">
<c-lottie ref="cLottieRef" :src='$watermark()' width="94px" height='74px' :loop="true"></c-lottie>
</liu-drag-button>
</view>
<view class="flexcontainer"> <view class="flexcontainer">
<view class="bg_header"> <view class="bg_header">
<view class="group_45764" v-if="!selectedImage"> <view class="group_45764">
<view class="flexcontainer_3" <view class="flexcontainer_3"
:style="{'background-color': data.navbar.bgColor ,height:$systemInfo.statusBarHeight+96+'rpx'}"> :style="{'background-color': data.navbar.bgColor ,height:$systemInfo.statusBarHeight+96+'rpx'}">
<view class="group_8" @click="back"> <view class="group_8" @click="back">
@ -32,13 +26,10 @@
</view> </view>
</view> </view>
</view> </view>
<NavBar v-else title="拼图" bgColor="#EFEFEF" noBack @back="closeImage" isRightButton @right-click="confirmImage">
</NavBar>
<view class="flexcontainer_5"> <view class="flexcontainer_5">
<view class="flexcontainer_6"> <view class="flexcontainer_6">
<view class="flexcontainer_7" @click="openEditDialog"> <view class="flexcontainer_7" @click="openEditDialog">
<text class="text_7">¥ {{Number(data.form.balance).toFixed(2)}}</text> <text class="text_7">¥ {{data.form.balance}}</text>
<view class="group_48142"> <view class="group_48142">
<image class="path" src="/static/image/other/bank/zsyh/icon1.png" mode="aspectFit" /> <image class="path" src="/static/image/other/bank/zsyh/icon1.png" mode="aspectFit" />
</view> </view>
@ -47,8 +38,7 @@
<view class="group_48141" @click="data.isShow=true"> <view class="group_48141" @click="data.isShow=true">
<text class="text_8">查看卡号</text> <text class="text_8">查看卡号</text>
</view> </view>
<text class="text_9" @click="openEditDialog">**** <text class="text_9" @click="openEditDialog">**** {{data.form.cardNumber.substring(data.form.cardNumber.length-4)}}</text>
{{data.form.cardNumber.substring(data.form.cardNumber.length-4)}}</text>
</view> </view>
<text class="text_10">可用余额</text> <text class="text_10">可用余额</text>
<text class="text_11" @click="openEditDialog">{{data.form.cardType}}</text> <text class="text_11" @click="openEditDialog">{{data.form.cardType}}</text>
@ -114,8 +104,8 @@
<view class="dec" v-if="data.form?.chartData?.series[0]?.data.length>0"> <view class="dec" v-if="data.form?.chartData?.series[0]?.data.length>0">
¥{{data.form.chartData.series[0].data[data.form.chartData.series[0].data.length-1]}} ¥{{data.form.chartData.series[0].data[data.form.chartData.series[0].data.length-1]}}
</view> </view>
<view class="echartBox" @click.stop=""> <view class="echartBox">
<qiun-data-charts class="no-touch-chart" @click.stop="" canvas2d type="column" :opts="data.opts" :chartData="data.form.chartData" /> <qiun-data-charts type="column" :opts="data.opts" :chartData="data.form.chartData" />
</view> </view>
<view class="bBox" v-show="data.form.chartData?.categories.length>0"> <view class="bBox" v-show="data.form.chartData?.categories.length>0">
<view class=""> <view class="">
@ -139,37 +129,14 @@
</view> </view>
</view> </view>
</view> </view>
<!-- <view class="record"> <view class="record">
<view class="title"> <view class="title">
银行卡管理 银行卡管理
</view> </view>
<view @touchstart="handleTouchStart" @touchend="handleTouchEnd"> <view @touchstart="handleTouchStart" @touchend="handleTouchEnd">
<image class="yhkgl" :src="selectedImage||'/static/image/other/bank/zsyh/yhkgl.png'" mode="widthFix"></image> <image class="yhkgl" :src="selectedImage||'/static/image/other/bank/zsyh/yhkgl.png'" mode="widthFix"></image>
</view>
</view> -->
<view v-if="!selectedImage" class="image-box flex-1 flex-align-center flex-column flex-justify-center"
@touchstart="handleTouchStart" @touchend="handleTouchEnd">
<view v-if="!data.huabeiInfo.image" class="flex-align-center flex-column">
<image style="width:92rpx; height: 92rpx;margin-top: 16rpx;" src="/static/image/common/upload-screenshot.png">
</image>
<text style="font-size: 36rpx;color: #1777FF;">长按替换真实截图</text>
</view>
<view v-else class="w100 h100">
<image class="w100 h100" :src="data.huabeiInfo.image" mode="widthFix"></image>
</view> </view>
</view> </view>
<view v-else class="scroll-image-box flex-1">
<scroll-view class="image-box h100" style="width: 100%;height: 317px;" scroll-y :show-scrollbar="false"
@scroll="onImageScroll">
<image class="crop-image-target" style="width:100%;" :src="selectedImage" mode="widthFix"></image>
</scroll-view>
<view class="dashed-line-box">
<view class="dashed-line-text">我是分割线</view>
</view>
</view>
<canvas canvas-id="crop-canvas"
style="position: fixed; left: -9999px; width: 750rpx; height: 100vh; pointer-events: none;"></canvas>
</view> </view>
<view v-if="editDialog.show" class="editDialog"> <view v-if="editDialog.show" class="editDialog">
<view class="editDialog_bg"> <view class="editDialog_bg">
@ -180,7 +147,7 @@
<view class="editDialog_body"> <view class="editDialog_body">
<view class="formItem"> <view class="formItem">
<text>余额</text> <text>余额</text>
<input v-model="editDialog.data.balance" type="digit" /> <input v-model.number="editDialog.data.balance" type="number" />
</view> </view>
<view class="formItem"> <view class="formItem">
<text>户名</text> <text>户名</text>
@ -246,11 +213,6 @@
</view> </view>
</view> </view>
</view> </view>
<!-- 蒙层 -->
<view v-if="showMask" class="mask" @click="closeMask">
<image class="mask-icon" src="/static/image/common/mask-icon.png" mode="widthFix">
</image>
</view>
</view> </view>
</template> </template>
@ -276,9 +238,6 @@
appContext, appContext,
proxy proxy
} = getCurrentInstance(); } = getCurrentInstance();
const instance = getCurrentInstance();
import NavBar from '@/components/nav-bar/nav-bar'
const editDialog = reactive({ const editDialog = reactive({
show: false, show: false,
data: { data: {
@ -287,19 +246,14 @@
cardNumber: '8155386535158511555', cardNumber: '8155386535158511555',
bankName: '重庆上清寺支行', bankName: '重庆上清寺支行',
alias: '普通卡', alias: '普通卡',
name: '某某', name:'某某',
chartData: {} // ✅ 30天数据 [{date,value}] chartData: {} // ✅ 30天数据 [{date,value}]
} }
}); });
let selectedImage = ref('') let selectedImage=ref('')
const data = reactive({ const data = reactive({
huabeiInfo:{ isShow:false,
image: '' month : new Date().getMonth() + 1,
},
huabeiInfoStorageKey: 'bank_zsyh_info_storage',
showMask: false,
isShow: false,
month: new Date().getMonth() + 1,
navbar: { navbar: {
title: "微信", title: "微信",
bgColor: 'rgba(0,0,0,0)', bgColor: 'rgba(0,0,0,0)',
@ -310,7 +264,7 @@
cardNumber: '8155386535158511555', cardNumber: '8155386535158511555',
bankName: '重庆上清寺支行', bankName: '重庆上清寺支行',
alias: '普通卡', alias: '普通卡',
name: '某某', name:'某某',
chartData: {} // ✅ 30天数据 [{date,value}] chartData: {} // ✅ 30天数据 [{date,value}]
}, },
//您可以通过修改 config-ucharts.js 文件中下标为 ['column'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。 //您可以通过修改 config-ucharts.js 文件中下标为 ['column'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
@ -335,100 +289,18 @@
disabled: true, disabled: true,
}, },
extra: { extra: {
tooltip: {
show: false,
},
column: { column: {
type: "group", type: "group",
width: 1, width: 1,
disableGrid: true, disableGrid: true,
activeBgColor: "#000000", activeBgColor: "#000000",
activeBgOpacity: 0.08, activeBgOpacity: 0.08,
gridType: "none", gridType: "none"
linearType: "none",
} }
} }
} }
}) })
onLoad((option) => { onLoad((option) => {})
// selectedImage.value = uni.getStorageSync('zsyhselectedImage')
// 读取缓存
let savedInfo = uni.getStorageSync(data.huabeiInfoStorageKey)
// savedInfo.image = ""
// uni.setStorageSync(data.huabeiInfoStorageKey, savedInfo)
console.log("savedInfo====", savedInfo)
if (savedInfo) {
// 合并默认值，防止旧数据缺少新字段
data.huabeiInfo = {
...data.huabeiInfo,
...savedInfo
}
}
const config = uni.getStorageSync('config')
console.log("---config---", config);
const font = config.config['client.uniapp.font']
console.log("字体地址信息", font.bank);
// Font loading logic
const fontUrl = font.bank;
const fontName = 'zsyhFt';
const loadFont = (path) => {
uni.loadFontFace({
family: fontName,
source: `url("${path}")`,
success() {
data.isShow=true
data.shuaxing=true
console.log('字体加载成功');
},
fail(err) {
data.isShow=true
data.shuaxing=true
console.error('字体加载失败', err);
}
});
};
// #ifdef H5
// H5 环境直接从 URL 加载字体
loadFont(fontUrl);
// #endif
// #ifndef H5
// 非 H5 环境使用下载和保存逻辑
const savedFontPath = uni.getStorageSync(' ');
if (savedFontPath) {
loadFont(savedFontPath);
} else {
uni.downloadFile({
url: fontUrl,
success: (res) => {
if (res.statusCode === 200) {
uni.saveFile({
tempFilePath: res.tempFilePath,
success: (saveRes) => {
const savedPath = saveRes.savedFilePath;
uni.setStorageSync('certificate2_font_path', savedPath);
console.log("字体保存路径", savedPath);
loadFont(savedPath);
},
fail: (err) => {
console.error('保存文件失败', err);
// Fallback: 尝试加载临时路径
loadFont(res.tempFilePath);
}
});
}
},
fail: (err) => {
console.error('下载字体失败', err);
}
});
}
// #endif
})
onReady(() => { onReady(() => {
initData() initData()
}) })
@ -474,12 +346,12 @@
cardNumber: '8155386535158511555', cardNumber: '8155386535158511555',
bankName: '重庆上清寺支行', bankName: '重庆上清寺支行',
alias: '普通卡', alias: '普通卡',
name: '某某', name:'某某',
chartData: getDefaultChart() chartData: getDefaultChart()
} }
saveCache(data.form) saveCache(data.form)
} }
data.form.chartData = getDefaultChart() data.form.chartData=getDefaultChart()
} }
function getDefaultChart() { function getDefaultChart() {
@ -491,7 +363,7 @@
data: base.map(() => Math.floor(Math.random() * 100)) data: base.map(() => Math.floor(Math.random() * 100))
}] }]
}; };
} }
function back() { function back() {
@ -542,10 +414,6 @@
editDialog.data = JSON.parse(JSON.stringify(data.form)) editDialog.data = JSON.parse(JSON.stringify(data.form))
editDialog.show = true editDialog.show = true
} }
const scrollTop = ref(0)
const onImageScroll = (e) => {
scrollTop.value = e.detail.scrollTop
}
// 长按事件定时器 // 长按事件定时器
let longPressTimer = null let longPressTimer = null
const handleTouchStart = (e) => { const handleTouchStart = (e) => {
@ -559,14 +427,14 @@
return return
} }
} }
longPressTimer = setTimeout(() => { longPressTimer = setTimeout(() => {
uni.vibrateShort() uni.vibrateShort()
chooseImage() chooseImage()
}, 1200) // 长按时间大于1s }, 1200) // 长按时间大于1s
} }
const handleTouchEnd = () => { const handleTouchEnd = () => {
if (longPressTimer) { if (longPressTimer) {
clearTimeout(longPressTimer) clearTimeout(longPressTimer)
@ -580,126 +448,12 @@
sourceType: ['album'], sourceType: ['album'],
success: (res) => { success: (res) => {
selectedImage.value = res.tempFilePaths[0] selectedImage.value = res.tempFilePaths[0]
uni.setStorageSync('zsyhselectedImage', res.tempFilePaths[0]) // data.showMask = true
data.showMask = true
} }
}) })
} }
function addSpaceEveryFourChars(str) { function addSpaceEveryFourChars(str) {
return str.replace(/(.{4})/g, '$1 ').trim(); return str.replace(/(.{4})/g, '$1 ').trim();
}
// 确认图片裁剪
const confirmImage = () => {
uni.showLoading({
title: '处理中...'
})
const query = uni.createSelectorQuery().in(instance)
// 获取容器和图片信息
query.select('.image-box').boundingClientRect()
query.select('.crop-image-target').boundingClientRect()
query.exec(res => {
if (!res[0] || !res[1]) {
uni.hideLoading()
return
}
console.log('rects', res)
const container = res[0] // 容器
const image = res[1] // 图片实际渲染尺寸
// 计算缩放比例 (渲染宽度 / 实际宽度 不准确，应该反过来用 图片原始宽/渲染宽?)
// 这里更简单的方法是：canvas设为容器大小，把图片画进去
// canvas drawImage 参数: img, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight
// 获取图片原始尺寸
uni.getImageInfo({
src: selectedImage.value,
success: (imgInfo) => {
const scale = imgInfo.width / image.width // 图片 原始宽 / 渲染宽
const sTop = scrollTop.value * scale // 原始图上的裁切起始Y
const sHeight = container.height * scale // 原始图上的裁切高度
// 因为是 widthFix，宽度就是原始图宽度（或裁切全宽）
const sWidth = imgInfo.width
// 设置画布尺寸 (使用像素值)
// 注意：canvasContext绘制使用的是逻辑像素还是物理像素？通常需要考虑到 pixelRatio，
// 但 uni-app canvas-id 方式通常对应逻辑像素(px)
// 我们把 canvas 大小设为和容器显示一致
const canvasW = container.width
const canvasH = container.height
const ctx = uni.createCanvasContext('crop-canvas', instance)
// 清除画布
ctx.clearRect(0, 0, canvasW, canvasH)
// 绘制
// drawImage(imageResource, sx, sy, sWidth, sHeight, dx, dy, dWidth, dHeight)
ctx.drawImage(
imgInfo.path,
0, sTop, sWidth, sHeight, // 源图裁剪区域
0, 0, canvasW, canvasH // 画布绘制区域
)
ctx.draw(false, () => {
uni.canvasToTempFilePath({
canvasId: 'crop-canvas',
width: canvasW,
height: canvasH,
destWidth: sWidth, // 使用原图实际宽度,保持原图清晰度
destHeight: sHeight, // 使用原图实际高度,保持原图清晰度
success: (res) => {
console.log('crop success (temp)', res
.tempFilePath)
// 将临时路径保存为永久路径
uni.saveFile({
tempFilePath: res.tempFilePath,
success: (saveRes) => {
console.log('save success (saved)', saveRes.savedFilePath)
data.huabeiInfo.image = saveRes.savedFilePath
selectedImage.value = '' // 隐藏编辑模式
// setTimeout(() => {
// plus.navigator.setStatusBarStyle("light");
// }, 200)
// 保存到缓存
uni.setStorageSync(data.huabeiInfoStorageKey, data.huabeiInfo)
uni.hideLoading()
},
fail: (err) => {
console.error('saveFile fail', err)
uni.hideLoading()
uni.showToast({
title: '保存失败',
icon: 'none'
})
}
})
},
fail: (err) => {
console.error(err)
uni.hideLoading()
uni.showToast({
title: '裁剪失败',
icon: 'none'
})
}
}, instance)
})
},
fail: () => {
uni.hideLoading()
uni.showToast({
title: '图片加载失败',
icon: 'none'
})
}
})
})
} }
</script> </script>
@ -707,9 +461,7 @@
* { * {
box-sizing: border-box; box-sizing: border-box;
} }
.text_7{
font-family:"zsyhFt";
}
.zsyh { .zsyh {
position: relative; position: relative;
width: 750rpx; width: 750rpx;
@ -717,7 +469,7 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
padding-bottom: 30px;
.panel_card_info { .panel_card_info {
width: 690rpx; width: 690rpx;
@ -772,7 +524,6 @@
margin-top: 40rpx; margin-top: 40rpx;
z-index: 9 !important; z-index: 9 !important;
position: relative; position: relative;
font-weight: bold;
} }
.dec { .dec {
@ -829,7 +580,7 @@
align-items: center; align-items: center;
.title { .title {
font-weight: bold; font-weight: 400;
font-size: 15px; font-size: 15px;
color: #111111; color: #111111;
line-height: 21px; line-height: 21px;
@ -856,7 +607,6 @@
.record { .record {
margin-left: 30rpx; margin-left: 30rpx;
margin-top: 20rpx; margin-top: 20rpx;
margin-bottom: 20rpx;
width: 690rpx; width: 690rpx;
padding: 34rpx 28rpx; padding: 34rpx 28rpx;
border-radius: 16rpx; border-radius: 16rpx;
@ -891,8 +641,7 @@
text-align: center; text-align: center;
} }
} }
.yhkgl{
.yhkgl {
width: 100%; width: 100%;
margin-top: 48rpx; margin-top: 48rpx;
} }
@ -952,7 +701,6 @@
top: 0; top: 0;
font-size: 30rpx; font-size: 30rpx;
line-height: 42rpx; line-height: 42rpx;
font-weight: bold;
color: #1a1a1a; color: #1a1a1a;
} }
@ -1367,59 +1115,52 @@
color: #fff; color: #fff;
border: none; border: none;
} }
.dask{
.dask {
width: 100vw; width: 100vw;
height: 100vh; height: 100vh;
background-color: rgba(0, 0, 0, 0.5); background-color: rgba(0, 0, 0, 0.5);
position: fixed; position: fixed;
left: 0; left:0;
top: 0; top:0;
z-index: 99999 !important; z-index: 99999 !important;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
.info{
.info {
width: calc(100vw - 30px); width: calc(100vw - 30px);
background: #FFFFFF; background: #FFFFFF;
border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
image{
image {
margin-top: 15px; margin-top: 15px;
margin-right: 17px; margin-right: 17px;
width: 13px; width: 13px;
height: 13px; height: 13px;
align-self: flex-end; align-self: flex-end;
} }
.title{
.title {
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
color: #5A5A5A; color: #5A5A5A;
margin-left: 20px; margin-left: 20px;
margin-top: 7px; margin-top: 7px;
margin-bottom: 6px; margin-bottom:6px;
} }
.dec{
.dec {
font-weight: 400; font-weight: 400;
font-size: 17px; font-size: 17px;
color: #5A5A5A; color: #5A5A5A;
margin-left: 20px; margin-left: 20px;
margin-top: 7px; margin-top: 7px;
} }
.btnbox{
.btnbox {
margin-top: 26px; margin-top: 26px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
border-top: 1rpx solid #F2F2F2; border-top: 1rpx solid #F2F2F2;
.btn{
.btn {
width: calc(50% - 1rpx); width: calc(50% - 1rpx);
height: 54px; height: 54px;
line-height: 54px; line-height: 54px;
@ -1428,75 +1169,11 @@
color: #5A5A5A; color: #5A5A5A;
text-align: center; text-align: center;
} }
.btns{
.btns {
border-left: 1rpx solid #F2F2F2; border-left: 1rpx solid #F2F2F2;
color: #5795E6; color:#5795E6;
} }
} }
} }
} }
.image-box {
width: 100%;
overflow: hidden; // scroll-view 需要
}
.scroll-image-box {
width: 100%;
min-height: 0; // 修复 flex一出问题
// overflow: hidden; // scroll-view 需要
position: relative;
}
.dashed-line-box {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 4rpx dashed #ffffff;
pointer-events: none;
.dashed-line-text {
height: 44rpx;
line-height: 44rpx;
width: 180rpx;
padding: 0 20rpx;
border-radius: 8rpx;
color: #1777FF;
font-size: 24rpx;
font-weight: 500;
background-color: #fff;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
}
}
.mask {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.8);
z-index: 999;
.mask-icon {
position: absolute;
top: 50%;
right: 52rpx;
transform: translateY(-25%);
width: 360rpx;
height: 360rpx;
}
}
.no-touch-chart,
.no-touch-chart canvas {
pointer-events: none;
}
</style>
<style>
@import "/common/main.css";
</style> </style>

24
pages/other/certificate/index.vue
View File

@ -41,6 +41,14 @@
bgColor: '' bgColor: ''
} }
}) })
onLoad(()=>{
proxy.$apiUserEvent('all', {
type: 'event',
key: 'certificate',
prefix: '.uni.other.',
value:'证书首页'
})
})
const cardList = ref([ const cardList = ref([
{ {
title: '身份证', title: '身份证',
@ -67,22 +75,6 @@
img: '/static/image/other/certificate/certificate6.png', img: '/static/image/other/certificate/certificate6.png',
}, },
]) ])
onLoad(()=>{
proxy.$apiUserEvent('all', {
type: 'event',
key: 'certificate',
prefix: '.uni.other.',
value:'证书首页'
})
const config = uni.getStorageSync('config').config
const themeConfig = config?.['client.uniapp.idcard']
if (!themeConfig) {
cardList.value.shift()
}
})
function create(index){ function create(index){
if(index){ if(index){