技术分享

表单里原生单选、复选框样式各浏览器不一样，常用 CSS 盖一层统一外观。页面保留原生 input 接表单，用 label 画圆点或对勾。两种复选、一种单选，接到登录注册协议勾选或选项组里直接套类名即可。

登录、注册页常用一块数字字母图形验证码拦一下机器人。页面一块画布容器、输入框和验证按钮，脚本在画布上画出四位码，点图刷新，点验证比对输入。接到项目里改类型、尺寸，登录仍要走服务端校验。

新闻详情页要展示后台编辑器吐出的 HTML。页面有栏目、标题元信息、富文本区和翻篇。重点是 .rich 把各级标题和图片控住，正文塞进容器即可。接到项目里把接口字段、翻篇链接和栏目换成业务自己的

网页右侧常挂 QQ、二维码和回顶部。侧边栏固定在视口右边，悬停二维码钮展开大图，点回顶部平滑滚回页头。页面一块侧栏、一份样式、一份脚本。接到项目里把图标、二维码和客服链接换成业务自己的。

头像、封面要先裁再传，Vue 里通常做成弹窗组件。先装好依赖，选图拖框预览，确定再把结果交回页面。按 Vue CLI：装包、注册、接页、裁切，最后换上传接口。组件放在 src/components，业务页引用即可。

活动页、报名页常要把链接收成一块码，手机扫一下就能打开。输入地址，点生成，码画在页面上。失焦或回车也会更新。页面一个输入框、一块码、一份脚本。接到项目里把地址换成接口返回的链接即可。