模板
四个完整的页面,用 ZhaoUI 搭成,拿来就能改。每个都有实时预览,整套打包成一个压缩包,解压后用浏览器直接打开。
压缩包里有四个 HTML 和它们用到的 ZhaoUI 文件(zhaoui/ 文件夹),不需要联网。页面里的文案、数据和价格都是占位示例,请替换成你自己的内容。
预览
落地页
导航、首屏、特性卡、数据条、价格、常见问题和行动号召。营销页区块的完整搭法。
价格页
三档价格卡、方案对比表(窄屏变卡片)和常见问题。
登录页
居中卡片、带校验提示的表单,示例脚本只做前端校验,没有提交到任何地方。
后台首页
侧边菜单、关键指标、折线图和环形图、数据表格与分页。窄屏时隐藏侧栏。
怎么用
- 下载并解压压缩包,用浏览器打开其中的
landing.html。 - 每个页面的样式和脚本都引用
zhaoui/文件夹,移动页面时请把这个文件夹一起带走,或者改里面的路径。 - 想换品牌色,在页面里加一行
ZhaoUI.setBrand('#你的色值'),整套配色会跟着变。 - 想换成 B 端的外观,把
<html>上的data-audience改成b。
压缩包不在 SHA256SUMS 的校验清单里:模板是示例文件,校验清单只覆盖库本身。