diy测试组件新增

This commit is contained in:
liyj 2025-08-16 10:17:27 +08:00
parent 186ae11fec
commit 3f2f9b73d3

View File

@ -1,6 +1,6 @@
<!DOCTYPE html <!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 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> <head>
<meta charset="utf-8"/> <meta charset="utf-8"/>
<title>移动端装修</title> <title>移动端装修</title>
@ -579,6 +579,14 @@
</div> </div>
<h1 class="weui-grid__label" :ckType="104">分类商品</h1> <h1 class="weui-grid__label" :ckType="104">分类商品</h1>
</li> </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> </ul>
</vue-scroll> </vue-scroll>
</div> </div>
@ -1657,7 +1665,7 @@
</div> </div>
</div> </div>
<!-- 分类商品 --> !<-- 分类商品 -->
<div v-if="item.eltmType==104" class="m-scrollBox" <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, v-bind:style="{height:item.eltm104.height+ 'px',lineHeight:item.eltm104.height+ 'px',backgroundColor:item.bgColor,
borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px', borderTopLeftRadius: (item.borderTopLeftRadius||0) + 'px',
@ -1680,6 +1688,32 @@
</ul> </ul>
</div> </div>
</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>
<div v-for="item in info" v-if="item.eltmType==8"> <div v-for="item in info" v-if="item.eltmType==8">
<div class="mTel" v-bind:style="{backgroundColor:item.bgColor}"> <div class="mTel" v-bind:style="{backgroundColor:item.bgColor}">
@ -4051,6 +4085,84 @@
</div> </div>
<!--分类商品 end--> <!--分类商品 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--> <!--附近热卖 start-->
<!--附近热卖 end--> <!--附近热卖 end-->
<!--附近店铺 start--> <!--附近店铺 start-->