ui:html-template
d
QGG模板
<!DOCTYPE html> <html lang="zh-CN"> <meta charset="UTF-8"/> <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> <meta name="renderer" content="webkit"/> <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> <meta name="description" content="中国最大的理财服务提供商"/> <link type="text/css" rel="stylesheet" href="./css/style.css"/> <head> <title>Page title</title> </head> <body> <img src="images/company-logo.png" alt="Company"> <h1 class="hello-world">Hello, world!</h1> <script type="text/javascript" src="./js/jquery-1.11.1.min.js"></script> <script type="text/javascript" src="./js/common.js"></script> <script type="text/javascript" src="./js/jquery.validate.min.js"></script> <script type="text/javascript" src="./js/jquery.validate.additional-methods.min.js"></script> <script type="text/javascript" src="./js/jquery.validate.methods.js"></script> <script type="text/javascript" src="./js/jquery.validate.messages_zh.js"></script> </body> </html>
规范
- 文件头用:html5 doctype. 写charset=UTF-8, 还有如果是IE内核用最高版本解释,对于360浏览器,还会用最新的IE解释。(模板里面前6行,是标准。 js文件都放在 body 最下面)
- 多用CSS3属性,少用一根线平铺来做背景,减少碎图片的量。少用html5的新标签。
- 只用jquery 1.11.1 及对应的jquery插件去完成交互。
额外考虑
考虑到和已有代码还有后台逻辑的相关性:
银行卡的图片命名:bankcardABC.jpg (类似于这种的,当然可以是,cardABC.png都行。) 这是为了能够做到:根据后台的结果,动态显示成不同的银行图片。
中国大陆的银行目前主要由: 中央银行:1家,即中国人民银行 政策性银行:3家,即国家开发银行、中国进出口银行、中国农业发展银行 国有商业银行:5家,即交通银行、工商银行、农业银行、中国银行、建设银行 股份制商业银行:12家,即招商银行、中信银行、华夏银行、光大银行、民生银行、浦发银行、广发银行、兴业银行、平安银行、徽商银行、浙商银行、渤海银行、恒丰银行 城市商业银行:137家 农村商业银行:数量不详 专业银行:1家,即中国邮政储蓄银行
银行名称 | 银行码 | 银行名称 | 银行码 | 银行名称 | 银行码 |
---|---|---|---|---|---|
中国农业银行 | ABC | 中国工商银行 | ICBC | 中国建设银行 | CCB |
中国银行 | BOC | 交通银行 | BCM | 中国邮政储蓄银行 | PSBC |
中国光大银行 | CEB | 兴业银行 | CIB | 平安银行 | PAB |
中国民生银行 | CMBC | 华夏银行 | HXB | 中信银行 | CITIC |
广东发展银行 | GDB | 招商银行 | CMB | 浦东发展银行 | SPDB |
渤海银行 | CBHB | 恒丰银行 | 浙商银行 | CZB | |
微商银行 | HSB | 宁波银行 | NBCB | 北京银行 | BOB |
上海农商银行 | SHRCC | 南京银行 | NJCB |
工行ICBC 0102,农行ABC 0103,中行BOC 0104, 建行CCB 0105,交行BCM 0301,邮储PSBC 0100, 招商CMB 0308,中信CCB 0302,光大CEB 0303,平安PAB 0783,兴业CIB 0309,广发GDB 0306,浦发SPDB 0310,华夏HXB 0304 ICBC,ABC,BOC,CCB,CEB,HXBANK,CIB,PINGAN,SPDB,PSBC,CMB
为了不至于 跟一期的内容冲突。
- css文件都放在 ./v2/css/
- js文件都房子啊 ./v2/js
- image文件都放在 ./v2/image/
ui/html-template.txt · Last modified: 2020/10/11 15:36 by 127.0.0.1