diff --git a/mall-shop/src/main/resources/templates/diy.html b/mall-shop/src/main/resources/templates/diy.html
index bf1598ea..b9bc9164 100644
--- a/mall-shop/src/main/resources/templates/diy.html
+++ b/mall-shop/src/main/resources/templates/diy.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html
         PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-<html xmlns="http://www.w3.org/1999/xhtml">
+<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v-bind="http://www.w3.org/1999/xhtml">
 <head>
     <meta charset="utf-8"/>
     <title>移动端装修</title>
@@ -579,6 +579,14 @@
                             </div>
                             <h1 class="weui-grid__label" :ckType="104">分类商品</h1>
                         </li>
+<!--测试组件start-->
+                        <li class="weui-grid" v-on:click="addModule" :ckType="105">
+                            <div class="weui-grid__icon" :ckType="105">
+                                <img src="${URL_STATIC}/shop/static/diy/img/z_103.png" :ckType="105"/>
+                            </div>
+                            <h1 class="weui-grid__label" :ckType="105">测试组件</h1>
+                        </li>
+ <!--测试组件end-->
                     </ul>
                 </vue-scroll>
             </div>
@@ -1657,7 +1665,7 @@
                                 </div>
                             </div>
 
-                            <!-- 分类商品 -->
+                            !<-- 分类商品 -->
                             <div v-if="item.eltmType==104" class="m-scrollBox"
                                  v-bind:style="{height:item.eltm104.height+ 'px',lineHeight:item.eltm104.height+ 'px',backgroundColor:item.bgColor,
                                                             borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
@@ -1680,6 +1688,32 @@
                                     </ul>
                                 </div>
                             </div>
+
+                            !<-- 测试组件 -->
+                            <div v-if="item.eltmType==104" class="m-scrollBox"
+                                 v-bind:style="{height:item.eltm104.height+ 'px',lineHeight:item.eltm104.height+ 'px',backgroundColor:item.bgColor,
+                                                            borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
+                                                            borderTopRightRadius: (item.borderTopRightRadius||0) + 'px',
+                                                            borderBottomLeftRadius: (item.borderBottomLeftRadius||0) + 'px',
+                                                            borderBottomRightRadius: (item.borderBottomRightRadius||0) + 'px'}">
+
+                                <img src="${URL_STATIC}/shop/static/diy/img/guessyoulike.png"/>
+                                <div class="editContent"
+                                     v-bind:class="{editContent:item.id>0,borderRed:item.id==ckId}"
+                                     v-on:click="editModule" :divid="item.id" :editType="item.eltmType">
+                                    <ul>
+                                        <li v-on:click.stop="editModule" :divid="item.id"
+                                            :editType="item.eltmType">编辑
+                                        </li>
+                                        <li v-bind:id="item.id" :editType="item.eltmType"
+                                            v-on:click.stop="remvoeModule">
+                                            删除
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+
+
                         </div>
                         <div v-for="item in info" v-if="item.eltmType==8">
                             <div class="mTel" v-bind:style="{backgroundColor:item.bgColor}">
@@ -4051,6 +4085,84 @@
                                     </div>
                                     <!--分类商品 end-->
 
+                                    <!--测试组件 start-->
+                                    <div v-if="item.eltmType==105">
+
+                                        <div class="sub-level1 box_border">
+                                            <div class="sub-label">
+                                                是否展示过滤框
+                                            </div>
+                                            <div class="inputicon">
+                                                <input class="weui-switch" type="checkbox"
+                                                       v-model="item.eltm103.isShowFilter"/>
+                                            </div>
+                                        </div>
+
+                                        <div class="sub-level1 box_border">
+                                            <div class="sub-label">
+                                                是否展示加载状态
+                                            </div>
+                                            <div class="inputicon">
+                                                <input class="weui-switch" type="checkbox"
+                                                       v-model="item.eltm103.isShowLoading"/>
+                                            </div>
+                                        </div>
+
+                                        <div class="sub-level1 box_border">
+                                            <div class="sub-label">
+                                                商品展示
+                                            </div>
+                                            <div class="minIcon">
+                                                <div class="inputicon">
+                                                    <div class="radioBox">
+                                                        <input type="radio" id="Radio105"
+                                                               v-model="item.eltm103.viewtype" value="1"/>
+                                                        <label for="Radio105">
+                                                            <i>块状</i>
+                                                        </label>
+                                                    </div>
+                                                </div>
+                                                <div class="inputicon">
+                                                    <div class="radioBox">
+                                                        <input type="radio" id="Radio106"
+                                                               v-model="item.eltm103.viewtype" value="0"/>
+                                                        <label for="Radio106">
+                                                            <i>列表</i>
+                                                        </label>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="sub-level1 box_border">
+                                            <div class="sub-label">
+                                                标题名称
+                                            </div>
+                                            <div class="inputBox">
+                                                <input type="text" v-model="item.eltm103.title"
+                                                       maxlength="20"/>
+                                            </div>
+                                        </div>
+                                        <div class="sub-level1  box_border">
+                                            <div class="sub-label">
+                                                标题颜色
+                                            </div>
+                                            <div class="inputicon">
+                                                <input type="color" v-model="item.eltm103.titleColor"/>
+                                            </div>
+                                        </div>
+
+                                        <div class="sub-level1 box_border">
+                                            <div class="sub-label">
+                                                过滤选项
+                                            </div>
+                                            <div class="inputBox">
+                                                <input type="text" v-model="item.eltm103.options"/>
+                                            </div>
+                                        </div>
+                                    </div>
+                                    <!--测试组件 end-->
+
                                     <!--附近热卖 start-->
                                     <!--附近热卖 end-->
                                     <!--附近店铺 start-->
