财务信息默认和有内容的同用一套CSS和JS只是呈现内容不同
 
 直接点开HTML文件会使Ajax读取本地JSON报跨域的错误
 
 需部署前端服务或使用VSCode的Open With Live Server/
 
 或使用HbuildX右上角的预览功能查看。

 所有的数据皆是在页面加载时请求且console.log打印出来,在浏览器按F12的开发者面板查看
 

现在可以兼容多个银行卡样式

{
        "bankName": "农业银行",
        "bankNumber": "00000003245",
        "bankImg": "../images/Finance/bpsp_finance_logo_bank2.png",
        "bankColor": ["#1EDBC0", "#009A85"]
},

新增 bankColor 为卡片背景渐变颜色,没有bankColor或bankColor数组为空则为默认颜色

(支持添加如有支付宝、微信等企业收款二维码) 字显示不全是为应对个别手机屏幕过小而此处字数过多
可能会出现换行现象与设计图设计观念不符所以在css设置了字体溢出部分用...代替

目前关闭了字体溢出处理缩短字体之间的间距和字体大小,市面上正常手机尺寸皆可适应。

PS:在 Finance.css -> .Finance-tit>p 下可自行选择添加字体溢出处理

<!-- 字体溢出处理代码 -->
{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

收款二维码处取消了设计图的固定尺寸方案,改为百分比布局一排刚好3个高度等于宽度。