仿有赞自定义魔方密度的实现

仿有赞自定义魔方密度的实现

魔方密度是自定义的，比如5x5,6x6,7x7,9x9。

然后用户可以自定义操作，用户自己去定义组合魔方密度的小魔方。小程序端或者h5端呈现相应的效果。这次我们主要写小程序端和h5的呈现效果。

计算方式

那相当于只能用定位来实现，需要知道每个盒子的top，left，width,height 。

话不多说，具体代码如下

  		// 自定义魔方盒子计算宽高
          let midu = 7 //mifu是一行有几个格子，假设是7*7
          let a //a是单个格子的宽度和高度
          let space = this.childData.image_space  //图片之间的间隙
          a = center1 / midu
          // 计算盒子的宽度和高度
          let boxw = center1 + space
          // 循环数组找到top值最大的
          let tophArr = this.childData.sub_entry.map(i => {
   
            return i.selfh + i.toph
          })
          let topMax = Math.max(...tophArr)
          let boxh = topMax * (a &#