135编辑器有许多答题款式,这次是教给咱们的是布局款式加点击显现底层svg款式组合排版。
1、挑选【布局】-【根底布局】-【一行两个根底布局】款式。款式ID:98903。
留意:要款式周围显现赤色虚线才算是线、将咱们现已做好的上层图片和基层图片别离替换即可。两张图片的尺度需求保持共同。
除此之外,咱们也能够直接运用135编辑器的挑选题款式,在款式中心查找关键词“挑选题”,挑选款式运用即可。
提到互动答题,就不得不说以下黑科技编辑器的这一款接连点击答题。下面一同看下制造进程,不久后的党史答题、高考热门
挑选组件登录 iPaiban Pro 编辑器后,点击编辑器左边「组件」按钮,在「多选」分类中找到「接连点击答题」组件,或许直接在查找框中查找组件编号10231。
:上传图片素材这儿的图片素材总共分为5部分,别离是封面图、封底图、标题图、答案图和解析图,其间标题图、答案图和解析图是一一对应的,假如不需求解析能够不上传解析图。
调整参数从Demo中能够看出,答案图切换到解析图时不需求点击,款式会主动切换,这儿主动切换的时刻是能够调整的。
导入大众号后台点击右侧「预览草稿」可预览图文作用,不满足可退出预览持续调整,直到作用满足后便能够点击「导入微信后台」了。
该答题交互,是将答案放在SVG布局的内容布局里,动画层里设置了与背景色共同的色彩,这样答案区域便是空白了:
该答题交互,是将选项放在SVG布局的内容布局里,对错图片在SVG动画层,动画层的背景色设置为rgba(255,255,255,0),这样选项能够直接显现:
该答题交互,是将标题选项与答题解析放在SVG布局的内容布局中,然后将SVG布局的高度调整到只显现标题选项: