【慕课笔记】用技术打造小程序简历_3设计简历封面

上一篇：【慕课笔记】用技术打造小程序简历_2初始化小程序代码和FLEX布局
下一篇：【慕课笔记】用技术打造小程序简历_4xxxxxx

---

简历封面设计

（1）简历封面demo，分析各个元素





（2）增加图片到view层，但是图片显示的尺寸是有问题的，如何解决呢？加mode=“widthFix”即可保持图片原有属性了。




（3）封面文字的部分
view层编写代码

模型层赋值变量

样式层编写样式

（4）封面气泡元素的编码(涉及3个气泡)




（5）腰封的文字部分


增加样式

padding内填充，display：block模型，可以让文字独占一行，即换行实现。

（6）向右滑动的箭头部分


文字和箭头水平方向没有对齐，可以加vertical-align来进行调整。