微信小程序-仿开眼首页

这个篇文章带大家一起模仿开眼首页的布局。

下面将会按照以下的顺序介绍：

1. 布局的实现

2. 逻辑的实现

3. 样式的实现

1.布局的实现

整个布局是通过block包裹一个item布局,每一个item布局又是通过view布局包裹。

最外面的view布局中包含了一张图片和一个内部view，这个内部的view又包含了两个文本。

    <block wx:for="{
   
   {
   
   imgs}}" wx:for-index="index">
        <view >
            <image