kubbo/dvcp_v2_wxcp_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

问卷表单

Browse Source
This commit is contained in:
yanran200730
2022-01-27 14:56:52 +08:00
parent 67ec2f27db
commit e5dde53b6c
1 changed files with 30 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/sass/AppAskForm/AddForm.vue
View File

@@ -7,8 +7,13 @@
<div class="form-info"> <div class="form-info">
<h2>文本选项</h2> <h2>文本选项</h2>
<div class="form-info__wrapper"> <div class="form-info__wrapper">
<textarea class="title" placeholder="请输入标题 (必填）" :maxlength="30" :auto-height="true" <textarea
v-model="form.title"></textarea> class="title"
placeholder="请输入标题 (必填）"
:maxlength="30"
:auto-height="true"
v-model="form.title">
</textarea>
<textarea <textarea
class="content" class="content"
border="none" border="none"
@@ -32,16 +37,14 @@
}" }"
draggable=".components-item" draggable=".components-item"
:sort="true"> :sort="true">
<div class="components-item" v-for="(item, index) in targetList" :key="index" <div class="components-item" v-for="(item, index) in targetList" :key="index" @click="toFiledSetting(item, index)">
@click="toFiledSetting(item, index)">
<div class="components-item__title"> <div class="components-item__title">
<div class="components-item__title--left"> <div class="components-item__title--left">
<em :style="{opacity: item.required ? 1 : 0}">*</em> <em :style="{opacity: item.required ? 1 : 0}">*</em>
<i>{{ index + 1 }}.</i> <i>{{ index + 1 }}.</i>
<h2>{{ item.label }}</h2> <h2>{{ item.label }}</h2>
</div> </div>
<image :src="`${$cdn}askform/sc1.png`" @click.stop="removeComponent(index)" <image :src="`${$cdn}askform/sc1.png`" @click.stop="removeComponent(index)" @touchstart.stop="removeComponent(index)"/>
@touchstart.stop="removeComponent(index)"/>
</div> </div>
<div class="components-item__filed"> <div class="components-item__filed">
<template v-if="(item.type === 'radio')"> <template v-if="(item.type === 'radio')">
@@ -91,11 +94,11 @@
</div> </div>
<div class="add-form__footer"> <div class="add-form__footer">
<div class="add-form__footer--item-wrapper"> <div class="add-form__footer--item-wrapper">
<div class="add-form__footer--item" @click="toPreview"> <div class="add-form__footer--item" @click="toPreview" hover-class="text-hover">
<image :src="`${$cdn}sass/preview.png`"/> <image :src="`${$cdn}sass/preview.png`"/>
<span>预览</span> <span>预览</span>
</div> </div>
<div class="add-form__footer--item" @click="toSetting"> <div class="add-form__footer--item" @click="toSetting" hover-class="text-hover">
<image :src="`${$cdn}sass/setting.png`"/> <image :src="`${$cdn}sass/setting.png`"/>
<span>设置</span> <span>设置</span>
</div> </div>