Skip to content

E
ElectricitySheep
Commit d35700ca authored by zhengke's avatar zhengke
Browse files
Options

修改

parent 8e92b51e
Hide whitespace changes
Inline Side-by-side
Showing with 56 additions and 121 deletions
src/components/tradePavilion/plugin/dropdown.vue
View file @ d35700ca
<style>
.single_Input {
width: 500px;
height: 60px;
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left: 20px;
background: #fff;
font-size: 25px;
color: #c0c4d6;
line-height: 60px;
padding-left: 20px;
}
</style>
<template>
<div :class="{'active':searchData.isCked}">
<div class="diy-component-options" v-if="searchData.isCked">
......@@ -25,31 +10,30 @@
</div>
<div class="diy-component-preview">
<div class="diy-search">
<div style="display:flex;align-items:center;">
<div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
<div class="commonDisName">{{searchData.CompData.Name}}</div>
<div class="single_Input">
<span>请选择</span>
</div>
</div>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
<el-form label-width="100px">
<el-form-item label="名称">
<el-input v-model="searchData.CompData.Name" size="small"></el-input>
</el-form-item>
<el-form-item label="是否多选">
<el-switch v-model="searchData.CompData.IsMultiple">
</el-switch>
</el-form-item>
<el-form-item label="是否必填">
<el-switch v-model="searchData.CompData.IsRequire">
</el-switch>
<el-form label-width="90px">
<el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire"
style="margin-bottom:0">
<el-select disabled style="width:328px;"></el-select>
</el-form-item>
</el-form>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
<el-form label-width="100px">
<el-form-item label="名称">
<el-input v-model="searchData.CompData.Name" size="small"></el-input>
</el-form-item>
<el-form-item label="是否多选">
<el-switch v-model="searchData.CompData.IsMultiple">
</el-switch>
</el-form-item>
<el-form-item label="是否必填">
<el-switch v-model="searchData.CompData.IsRequire">
</el-switch>
</el-form-item>
</el-form>
</div>
</div>
</template>
<script>
export default {
......
src/components/tradePavilion/plugin/imgupform.vue
View file @ d35700ca
<style>
.single_Input {
width: 500px;
height: 60px;
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left: 20px;
background: #fff;
font-size: 25px;
color: #c0c4d6;
line-height: 60px;
padding-left: 20px;
}
.imgdiy-search{
background: rgb(242, 242, 242);
}
......@@ -34,14 +22,15 @@
</div>
<div class="diy-component-preview">
<div class="imgdiy-search">
<div style="display:flex;align-items:center;">
<div class="commonDisName">{{searchData.CompData.Name}}</div>
<div>
<template v-for="(item,index) in imgNum">
<img :key="index" src="../../../assets/img/default.png" style="width:100px;margin-right:20px;" alt="">
</template>
</div>
</div>
<el-form label-width="90px">
<el-form-item :label="searchData.CompData.Name" style="margin-bottom:0">
<div>
<template v-for="(item,index) in imgNum">
<img :key="index" src="../../../assets/img/default.png" style="width:80px;margin-right:20px;" alt="">
</template>
</div>
</el-form-item>
</el-form>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
......
src/components/tradePavilion/plugin/multilinetext.vue
View file @ d35700ca
<style>
.multilineText_Input {
width: 500px;
height: 120px;
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left:20px;
background: #fff;
font-size:25px;
color:#c0c4d6;
line-height: 60px;
padding-left:20px;
}
.diy-multiple{
background: rgb(242, 242, 242);
}
.diy-multiple>div{
padding: 24px;
font-size: 28px;
}
</style>
<template>
<div :class="{'active':searchData.isCked}">
<div class="diy-component-options" v-if="searchData.isCked">
......@@ -30,20 +9,18 @@
style="right: -25px; top: 30px;"></el-button>
</div>
<div class="diy-component-preview">
<div class="diy-multiple">
<div style="display:flex;align-items:center;">
<div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
<div class="commonDisName">{{searchData.CompData.Name}}</div>
<div class="multilineText_Input">
<span v-if="searchData.CompData.WordsLength>0">最多输入{{searchData.CompData.WordsLength}}个字</span>
</div>
</div>
<div class="diy-search">
<el-form label-width="90px">
<el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire" style="margin-bottom:0">
<el-input disabled type="textarea" :placeholder="`最多输入${searchData.CompData.WordsLength}个字`"></el-input>
</el-form-item>
</el-form>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
<el-form label-width="100px">
<el-form-item label="名称">
<el-input v-model="searchData.CompData.Name" size="small"></el-input>
<el-input v-model="searchData.CompData.Name" size="small" :maxlength="10"></el-input>
</el-form-item>
<el-form-item label="字数">
<el-input type="text" v-model="searchData.CompData.WordsLength" @keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>
......
src/components/tradePavilion/plugin/singletextbox.vue
View file @ d35700ca
<style>
.single_Input {
width: 500px;
height: 60px;
border: 1px solid #DCDFE6;
border-radius: 4px;
margin-left:20px;
background: #fff;
font-size:25px;
color:#c0c4d6;
line-height: 60px;
padding-left:20px;
}
</style>
<template>
<div :class="{'active':searchData.isCked}">
<div class="diy-component-options" v-if="searchData.isCked">
......@@ -25,22 +10,21 @@
</div>
<div class="diy-component-preview">
<div class="diy-search">
<div style="display:flex;align-items:center;">
<div style="color:red;" v-show="searchData.CompData.IsRequire">*</div>
<div class="commonDisName">{{searchData.CompData.Name}}</div>
<div class="single_Input">
<span v-if="searchData.CompData.WordsLength>0">最多输入{{searchData.CompData.WordsLength}}个字</span>
</div>
</div>
<el-form label-width="90px">
<el-form-item :label="searchData.CompData.Name" :required="searchData.CompData.IsRequire" style="margin-bottom:0">
<el-input disabled :placeholder="`最多输入${searchData.CompData.WordsLength}个字`"></el-input>
</el-form-item>
</el-form>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
<el-form label-width="100px">
<el-form-item label="名称">
<el-input v-model="searchData.CompData.Name" size="small"></el-input>
<el-input v-model="searchData.CompData.Name" size="small" :maxlength="10"></el-input>
</el-form-item>
<el-form-item label="字数">
<el-input type="text" v-model="searchData.CompData.WordsLength" @keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>
<el-input type="text" v-model="searchData.CompData.WordsLength"
@keyup.native="checkInteger(searchData.CompData,'WordsLength')" size="small"></el-input>
</el-form-item>
<el-form-item label="是否必填">
<el-switch v-model="searchData.CompData.IsRequire">
......
src/components/tradePavilion/plugin/videoform.vue
View file @ d35700ca
......@@ -33,14 +33,15 @@
</div>
<div class="diy-component-preview">
<div class="imgdiy-search">
<div style="display:flex;align-items:center;">
<div class="commonDisName">{{searchData.CompData.Name}}</div>
<div style="margin-left:5px;">
<template v-for="(item,index) in imgNum">
<img :key="index" src="../../../assets/img/default.png" style="width:100px;margin-right:20px;" alt="">
</template>
</div>
</div>
<el-form label-width="90px">
<el-form-item :label="searchData.CompData.Name" style="margin-bottom:0">
<div>
<template v-for="(item,index) in imgNum">
<img :key="index" src="../../../assets/img/default.png" style="width:80px;margin-right:20px;" alt="">
</template>
</div>
</el-form-item>
</el-form>
</div>
</div>
<div class="diy-component-edit" v-if="searchData.isCked">
......
src/components/tradePavilion/registrationAdd.vue
View file @ d35700ca
......@@ -182,11 +182,11 @@
background-position: left center;
}
.diy-component-preview {
.registrationAdd .diy-component-preview {
cursor: pointer;
position: relative;
zoom: 0.5;
-moz-transform: scale(0.5);
zoom: 0.8;
-moz-transform: scale(0.8);
-moz-transform-origin: top left;
font-size: 28px;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment