CloudEmperor

通常放大图片预览无非是加一个遮罩层，然后让图片以一定的宽高显示。但是在实际中我们可能有像试卷一样每道题都有图片，只要点击都能预览，由于题很多，可就很难保证图片永远在可视区域中间位置显示，所以我们得通过js做一些处理：.img-show-mask { width: 100%; height: 100%; position: absolute; left: 0; ...

最近做的项目有一个考试作答功能，其中除过单选，多选，判断，简答，还有填空题。其他题操作都很简单，但是填空题就稍微麻烦一点，需要做处理。一.数据结构及最终显示效果：二.HTML代码（重点<i v-html="emptyOut(vo.title)" class="i_title"></i>）：<div class="answer-content-body" v-for=".

最近做的项目需要饼状图展示数据的功能，于是便引入echarts做了一个饼状图的效果展示。由于只用到echarts其中的饼图，所以就单独在需要的模块引用，避免全局引用影响性能，减少不必要的加载。一.使用 cnpm 安装 Echartscnpm install echarts -S二.HTML部分<div class="chart-main" id="chart-main"> ...