Watch 1 Star 1 Fork 0

NidhoggDJoking / CronusHTML/CSSApache-2.0

Create your Gitee Account
Explore and code with more than 5 million developers,Free private repositories !:)
Sign up
Clone or download
Loading...
README.md

文件命名

  1. 完善信息 Perfect.html
  2. 知识产权 Knowledge.html
  3. 账户信息 Account.html
  4. 财务信息(默认) Finance.html
  5. 财务信息(有内容的) Finance2.html

注意事项

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

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

20200603 修改:

财务信息页面 Finance2.html

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

{
        "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个高度等于宽度。

Comments ( 1 )

Sign in for post a comment

HTML/CSS
1
https://gitee.com/NidhoggDJoking/Cronus.git
git@gitee.com:NidhoggDJoking/Cronus.git
NidhoggDJoking
Cronus
Cronus
master

Search