这有啥好聊的,不就是套套模板么?恩,这话也对。但是多学点东西总是好的嘛,知其然,更要知其所以然。
使用秀米,135编辑器等,总体感觉还是不错的,能够帮我们节约大量的时间快速制作出微信。但是,不管我们找什么模板,和一流的互联网公司的微信总是有差距,这问题出在哪里?
因为他们根本不套模板!往往这些公司都有一套自己的视觉系统(vi),整体色调在有微信之前就一直在使用,比如百度的蓝色logo,阿里的橘红色,微信的排版也是根据这套视觉系统来的。所以整体上不会让你感觉很突兀。
设计师根据微信需求,设计相关微信视觉组件,程序员根据视觉组件进行代码实现,编辑根据需要使用这些组件。
咦?微信编辑器还可以用代码去写?
不错,所有的微信排版编辑器,都是代码堆出来的,我们以135编辑器为例:
在点击HTML
按钮之后,出现了HTML
的代码,这时候,就可以根据css进行修改了。
注意:
- 必须使用行内样式
- 代码块必须包裹在
section
标签中,支持嵌套 - 支持
flex
布局 - 不支持a标签
- 不可以使用伪元素(
:before
,:after
) - chrome 浏览器和腾讯微信编辑器里面预览可能存在差异
- 总之,也是一个大坑
下一篇,我们尝试对135编辑器的常用效果进行重构。