秀米实验室day20 制作图文底色卡片

Ave

<p class="ql-block">今天学习学习的内容是制作图文底色卡片,一共有六部分组成,分别是:白色十字、红色圆形、两列图片、小标题、正文、及上边框。设置步骤如下:</p><p class="ql-block">一、白色十字和红圆</p><p class="ql-block">1、添加一个固定布局,在固定布局中再添加一个固定布局;</p><p class="ql-block">2、内侧固定布局设置:宽度14,高度3,背景颜色白色;定位:段前距10;复制备用;</p><p class="ql-block">3、在外侧固定布局第二行添加一个刚刚的备份,设置:更多:旋转90;定位:段前距-3;</p><p class="ql-block">4、外侧固定布局设置:宽高均22;边框:弧度100;背景色红色(#ee9191),间距:行间距0;定位:段前距-13,段后距15。</p><p class="ql-block">二、两列图片</p><p class="ql-block">1、添加一个两列布局,两列分别添加图片;</p><p class="ql-block">2、两张图片设置:边框:实线,尺寸6,颜色为白色;左边图片:右边距5;右边图片:左边距5。</p><p class="ql-block">三、标题和正文</p><p class="ql-block">1、添加小标题,设置:字体苹方繁细体,字号12,字色半透明的浅蓝色(rgba(55, 165, 217, 0.32)),加粗,居中对齐;间距:字间距13;</p><p class="ql-block">2、添加正文,设置:字体苹方繁细体,字号15,字色黑色(#686868);间距:行间距1.8,字间距1,,页边距7;定位:段前距14。</p><p class="ql-block">四、组合</p><p class="ql-block">添加一个单列布局,将上述内容按顺序拖入其中。</p><p class="ql-block">五、上边框</p><p class="ql-block">外侧单列布局设置:背景色:淡蓝色(#f0f8fd),间距:左右下边距均25。边框:上边框,实线,尺寸3,浅蓝色(#c1dff4)。定位:段前距20,段后距10。</p>