mirror of
https://gitee.com/was666/as-editor.git
synced 2025-04-28 08:10:11 +08:00
feat: 优化界面ui,去除size="small" 设为默认值
This commit is contained in:
parent
882e361801
commit
21bfbc577d
@ -7,7 +7,7 @@
|
|||||||
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
<link rel="icon" href="<%= BASE_URL %>favicon.ico">
|
||||||
<title><%= htmlWebpackPlugin.options.title %></title>
|
<title><%= htmlWebpackPlugin.options.title %></title>
|
||||||
<script src="./config/config.js"></script>
|
<script src="./config/config.js"></script>
|
||||||
<script src="https://cdn.tiny.cloud/1/no-api-key/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
<script src="https://cdn.tiny.cloud/1/3gq1232lm2ksbcww0t6pr7bibes3vkji136kh0fd2tu4x3an/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<noscript>
|
<noscript>
|
||||||
|
@ -17,7 +17,7 @@
|
|||||||
<p class="last">{{ datas.describe }}</p>
|
<p class="last">{{ datas.describe }}</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<van-button class="rig" type="danger" size="small" color="#f44">{{
|
<van-button class="rig" type="danger" color="#f44">{{
|
||||||
datas.buttonName
|
datas.buttonName
|
||||||
}}</van-button>
|
}}</van-button>
|
||||||
</div>
|
</div>
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<!-- 空白高度 -->
|
<!-- 空白高度 -->
|
||||||
<el-form-item label="空白高度" class="lef">
|
<el-form-item label="空白高度" class="lef">
|
||||||
<el-slider
|
<el-slider
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small" :rules="rules">
|
<el-form label-width="80px" :model="datas" :rules="rules">
|
||||||
<!-- 标题内容 -->
|
<!-- 标题内容 -->
|
||||||
<el-form-item label="标题内容">
|
<el-form-item label="标题内容">
|
||||||
<el-input
|
<el-input
|
||||||
@ -200,14 +200,16 @@
|
|||||||
type="text"
|
type="text"
|
||||||
style="width: 110px; margin: 15px"
|
style="width: 110px; margin: 15px"
|
||||||
v-model="datas.more.text"
|
v-model="datas.more.text"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<div style="height: 10px" />
|
<div style="height: 10px" />
|
||||||
|
|
||||||
<!-- 跳转链接 -->
|
<!-- 跳转链接 -->
|
||||||
<el-form-item label="跳转链接">
|
<el-form-item label="跳转链接">
|
||||||
<el-radio-group v-model="datas.more.httpType" style="margin-left: 18px">
|
<el-radio-group
|
||||||
|
v-model="datas.more.httpType"
|
||||||
|
style="margin-left: 18px"
|
||||||
|
>
|
||||||
<el-radio :label="10">内部链接</el-radio>
|
<el-radio :label="10">内部链接</el-radio>
|
||||||
<el-radio :label="11">外部链接</el-radio>
|
<el-radio :label="11">外部链接</el-radio>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
|
@ -9,7 +9,7 @@
|
|||||||
</p>
|
</p>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<div v-if="datas.hotords[0]">
|
<div v-if="datas.hotords[0]">
|
||||||
<vuedraggable
|
<vuedraggable
|
||||||
:list="datas.hotords"
|
:list="datas.hotords"
|
||||||
@ -19,7 +19,11 @@
|
|||||||
>
|
>
|
||||||
<template #item="{ element }">
|
<template #item="{ element }">
|
||||||
<section class="imgList">
|
<section class="imgList">
|
||||||
<van-icon class="el-icon-circle-close" name="close" @click="deleteHotords(index)"/>
|
<van-icon
|
||||||
|
class="el-icon-circle-close"
|
||||||
|
name="close"
|
||||||
|
@click="deleteHotords(index)"
|
||||||
|
/>
|
||||||
<!-- 标题和链接 -->
|
<!-- 标题和链接 -->
|
||||||
<div class="imgText">
|
<div class="imgText">
|
||||||
<el-input v-model="element.text" placeholder="请输入热词" />
|
<el-input v-model="element.text" placeholder="请输入热词" />
|
||||||
|
@ -8,7 +8,6 @@
|
|||||||
label-position="top"
|
label-position="top"
|
||||||
label-width="80px"
|
label-width="80px"
|
||||||
:model="datas"
|
:model="datas"
|
||||||
size="small"
|
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
>
|
>
|
||||||
<div style="height: 10px" />
|
<div style="height: 10px" />
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
label-width="80px"
|
label-width="80px"
|
||||||
:model="datas"
|
:model="datas"
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-form-item label="页面名称" :hide-required-asterisk="true" prop="name">
|
<el-form-item label="页面名称" :hide-required-asterisk="true" prop="name">
|
||||||
<el-input
|
<el-input
|
||||||
@ -159,7 +158,7 @@ export default {
|
|||||||
this.datas.bgImg = ''
|
this.datas.bgImg = ''
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
components: { uploadimg }
|
components: { uploadimg },
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
@ -210,7 +209,7 @@ export default {
|
|||||||
width: 80px;
|
width: 80px;
|
||||||
float: left;
|
float: left;
|
||||||
}
|
}
|
||||||
:deep(.el-form-item__content ){
|
:deep(.el-form-item__content) {
|
||||||
margin-left: 80px;
|
margin-left: 80px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -9,7 +9,6 @@
|
|||||||
label-width="80px"
|
label-width="80px"
|
||||||
:model="datas"
|
:model="datas"
|
||||||
:rules="rules"
|
:rules="rules"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-form-item
|
<el-form-item
|
||||||
label="左侧标题"
|
label="左侧标题"
|
||||||
@ -47,7 +46,7 @@
|
|||||||
type="primary"
|
type="primary"
|
||||||
plain
|
plain
|
||||||
>
|
>
|
||||||
点击{{datas.icon?'更换':'添加'}}图片
|
点击{{ datas.icon ? '更换' : '添加' }}图片
|
||||||
</el-button>
|
</el-button>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
@ -58,7 +57,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="datas.type"
|
v-model="datas.type"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in optionsType"
|
v-for="item in optionsType"
|
||||||
@ -72,7 +70,6 @@
|
|||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="datas.http.externalLink"
|
v-model="datas.http.externalLink"
|
||||||
>
|
>
|
||||||
@ -163,9 +160,9 @@ export default {
|
|||||||
.uploadImg {
|
.uploadImg {
|
||||||
width: 345px;
|
width: 345px;
|
||||||
height: 40px;
|
height: 40px;
|
||||||
margin-top:20px ;
|
margin-top: 20px;
|
||||||
}
|
}
|
||||||
img{
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
width: 56px;
|
width: 56px;
|
||||||
|
@ -10,12 +10,19 @@
|
|||||||
|
|
||||||
<!-- 图片广告 -->
|
<!-- 图片广告 -->
|
||||||
<div v-if="datas.imageList[0]">
|
<div v-if="datas.imageList[0]">
|
||||||
<vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
|
<vuedraggable
|
||||||
<template #item="{ element }">
|
:list="datas.imageList"
|
||||||
<section
|
item-key="index"
|
||||||
class="imgList"
|
:forceFallback="true"
|
||||||
>
|
:animation="200"
|
||||||
<van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
|
>
|
||||||
|
<template #item="{ element }">
|
||||||
|
<section class="imgList">
|
||||||
|
<van-icon
|
||||||
|
class="el-icon-circle-close"
|
||||||
|
name="close"
|
||||||
|
@click="deleteimg(index)"
|
||||||
|
/>
|
||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<div class="imag">
|
<div class="imag">
|
||||||
<img draggable="false" :src="element.src" alt="" />
|
<img draggable="false" :src="element.src" alt="" />
|
||||||
@ -25,7 +32,6 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="element.text"
|
v-model="element.text"
|
||||||
placeholder="请输入标题,也可不填"
|
placeholder="请输入标题,也可不填"
|
||||||
size="small"
|
|
||||||
></el-input>
|
></el-input>
|
||||||
<!-- 选择类型 -->
|
<!-- 选择类型 -->
|
||||||
<div class="select-type">
|
<div class="select-type">
|
||||||
@ -33,7 +39,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="element.linktype"
|
v-model="element.linktype"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="element in optionsType"
|
v-for="element in optionsType"
|
||||||
@ -47,15 +52,14 @@
|
|||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="element.http.externalLink"
|
v-model="element.http.externalLink"
|
||||||
>
|
>
|
||||||
</el-input>
|
</el-input>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section> </template
|
||||||
</template>>
|
>>
|
||||||
</vuedraggable>
|
</vuedraggable>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@ -67,7 +71,7 @@
|
|||||||
<div class="bor"></div>
|
<div class="bor"></div>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<!-- 商品类型选择 -->
|
<!-- 商品类型选择 -->
|
||||||
<el-form-item class="lef" label="商品类型">
|
<el-form-item class="lef" label="商品类型">
|
||||||
<el-radio-group v-model="datas.navigationType">
|
<el-radio-group v-model="datas.navigationType">
|
||||||
@ -265,8 +269,7 @@ export default {
|
|||||||
uploadImgDataType: null,
|
uploadImgDataType: null,
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
created() {
|
created() {},
|
||||||
},
|
|
||||||
methods: {
|
methods: {
|
||||||
showUpload(type) {
|
showUpload(type) {
|
||||||
this.uploadImgDataType = type
|
this.uploadImgDataType = type
|
||||||
@ -274,14 +277,13 @@ export default {
|
|||||||
},
|
},
|
||||||
// 提交
|
// 提交
|
||||||
uploadInformation(res) {
|
uploadInformation(res) {
|
||||||
|
|
||||||
if (this.uploadImgDataType === '0') {
|
if (this.uploadImgDataType === '0') {
|
||||||
this.datas.imageList.push({
|
this.datas.imageList.push({
|
||||||
src: res,
|
src: res,
|
||||||
text: '',
|
text: '',
|
||||||
http: {},
|
http: {},
|
||||||
})
|
})
|
||||||
console.log(this.datas.imageList,33333333333333)
|
console.log(this.datas.imageList, 33333333333333)
|
||||||
} else if (this.uploadImgDataType === '1') {
|
} else if (this.uploadImgDataType === '1') {
|
||||||
this.datas.bgImg = res
|
this.datas.bgImg = res
|
||||||
}
|
}
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small" :rules="rules">
|
<el-form label-width="80px" :model="datas" :rules="rules">
|
||||||
<!-- 标题内容 -->
|
<!-- 标题内容 -->
|
||||||
<el-form-item
|
<el-form-item
|
||||||
class="lef"
|
class="lef"
|
||||||
@ -93,21 +93,15 @@
|
|||||||
disabled="disabled"
|
disabled="disabled"
|
||||||
style="width: 65%"
|
style="width: 65%"
|
||||||
v-model="element.name"
|
v-model="element.name"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
<el-input
|
<el-input
|
||||||
disabled="disabled"
|
disabled="disabled"
|
||||||
type="number"
|
type="number"
|
||||||
style="width: 35%"
|
style="width: 35%"
|
||||||
v-model.number="element.price"
|
v-model.number="element.price"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<el-input
|
<el-input disabled="disabled" v-model="element.introduce" />
|
||||||
disabled="disabled"
|
|
||||||
v-model="element.introduce"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
@ -130,7 +124,6 @@
|
|||||||
style="padding: 2px 4px; margin-left: 200px"
|
style="padding: 2px 4px; margin-left: 200px"
|
||||||
@click="addGrouping"
|
@click="addGrouping"
|
||||||
type="primary"
|
type="primary"
|
||||||
size="small"
|
|
||||||
plain
|
plain
|
||||||
>
|
>
|
||||||
添加</el-button
|
添加</el-button
|
||||||
@ -159,7 +152,6 @@
|
|||||||
class="tit"
|
class="tit"
|
||||||
style="width: 100px"
|
style="width: 100px"
|
||||||
placeholder="请输入分组名称"
|
placeholder="请输入分组名称"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
<van-icon
|
<van-icon
|
||||||
name="delete-o"
|
name="delete-o"
|
||||||
@ -196,21 +188,15 @@
|
|||||||
disabled="disabled"
|
disabled="disabled"
|
||||||
style="width: 65%"
|
style="width: 65%"
|
||||||
v-model="element.name"
|
v-model="element.name"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
<el-input
|
<el-input
|
||||||
disabled="disabled"
|
disabled="disabled"
|
||||||
type="number"
|
type="number"
|
||||||
style="width: 35%"
|
style="width: 35%"
|
||||||
v-model.number="element.price"
|
v-model.number="element.price"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<el-input
|
<el-input disabled="disabled" v-model="element.introduce" />
|
||||||
disabled="disabled"
|
|
||||||
v-model="element.introduce"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</template>
|
</template>
|
||||||
@ -368,7 +354,6 @@
|
|||||||
v-show="datas.purchasebuttonType > 3"
|
v-show="datas.purchasebuttonType > 3"
|
||||||
style="width: 40%; margin-top: 10px"
|
style="width: 40%; margin-top: 10px"
|
||||||
v-model="datas.purchase"
|
v-model="datas.purchase"
|
||||||
size="small"
|
|
||||||
/>
|
/>
|
||||||
</el-radio-group>
|
</el-radio-group>
|
||||||
|
|
||||||
|
@ -225,7 +225,7 @@
|
|||||||
<p style="color: #d40000; font-size: 12px; margin-top: 10px">请添加图片</p>
|
<p style="color: #d40000; font-size: 12px; margin-top: 10px">请添加图片</p>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<section
|
<section
|
||||||
class="magiccubestyleList"
|
class="magiccubestyleList"
|
||||||
v-for="(item, index) in datas.imageList"
|
v-for="(item, index) in datas.imageList"
|
||||||
@ -243,19 +243,13 @@
|
|||||||
/>
|
/>
|
||||||
<div v-else style="position: relative">
|
<div v-else style="position: relative">
|
||||||
<img draggable="false" :src="item.src" alt="" />
|
<img draggable="false" :src="item.src" alt="" />
|
||||||
<p>
|
<p>点击更换图</p>
|
||||||
点击更换图
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<!-- 标题和链接 -->
|
<!-- 标题和链接 -->
|
||||||
<div class="imgText">
|
<div class="imgText">
|
||||||
<!-- 选择类型 -->
|
<!-- 选择类型 -->
|
||||||
<el-select
|
<el-select v-model="item.linktype" placeholder="请选择跳转类型">
|
||||||
v-model="item.linktype"
|
|
||||||
placeholder="请选择跳转类型"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in optionsType"
|
v-for="item in optionsType"
|
||||||
:key="item.name"
|
:key="item.name"
|
||||||
@ -267,7 +261,6 @@
|
|||||||
|
|
||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="item.http.externalLink"
|
v-model="item.http.externalLink"
|
||||||
>
|
>
|
||||||
|
@ -4,13 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 公告 -->
|
<!-- 公告 -->
|
||||||
<el-form
|
<el-form label-width="90px" :model="datas" :rules="rules" class="lef">
|
||||||
label-width="90px"
|
|
||||||
:model="datas"
|
|
||||||
:rules="rules"
|
|
||||||
size="small"
|
|
||||||
class="lef"
|
|
||||||
>
|
|
||||||
<el-form-item
|
<el-form-item
|
||||||
label="公告"
|
label="公告"
|
||||||
:hide-required-asterisk="true"
|
:hide-required-asterisk="true"
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>图片广告</h2>
|
<h2>图片广告</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<!-- 标题内容 -->
|
<!-- 标题内容 -->
|
||||||
<el-form-item label="选择模板" class="lef">
|
<el-form-item label="选择模板" class="lef">
|
||||||
<p style="color: #000">{{ styleText }}</p>
|
<p style="color: #000">{{ styleText }}</p>
|
||||||
@ -79,12 +79,19 @@
|
|||||||
|
|
||||||
<!-- 图片广告 -->
|
<!-- 图片广告 -->
|
||||||
<div v-if="datas.imageList[0]">
|
<div v-if="datas.imageList[0]">
|
||||||
<vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
|
<vuedraggable
|
||||||
|
:list="datas.imageList"
|
||||||
|
item-key="index"
|
||||||
|
:forceFallback="true"
|
||||||
|
:animation="200"
|
||||||
|
>
|
||||||
<template #item="{ element, index }">
|
<template #item="{ element, index }">
|
||||||
<section
|
<section class="imgBanner">
|
||||||
class="imgBanner"
|
<van-icon
|
||||||
>
|
class="el-icon-circle-close"
|
||||||
<van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
|
name="close"
|
||||||
|
@click="deleteimg(index)"
|
||||||
|
/>
|
||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<div class="imag">
|
<div class="imag">
|
||||||
<img :src="element.src" alt draggable="false" />
|
<img :src="element.src" alt draggable="false" />
|
||||||
@ -94,7 +101,6 @@
|
|||||||
<el-input
|
<el-input
|
||||||
v-model="element.text"
|
v-model="element.text"
|
||||||
placeholder="请输入标题,也可不填"
|
placeholder="请输入标题,也可不填"
|
||||||
size="small"
|
|
||||||
></el-input>
|
></el-input>
|
||||||
|
|
||||||
<!-- 选择类型 -->
|
<!-- 选择类型 -->
|
||||||
@ -103,7 +109,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="element.linktype"
|
v-model="element.linktype"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="element in optionsType"
|
v-for="element in optionsType"
|
||||||
@ -116,7 +121,6 @@
|
|||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="element.http.externalLink"
|
v-model="element.http.externalLink"
|
||||||
></el-input>
|
></el-input>
|
||||||
@ -242,11 +246,9 @@ export default {
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
created() {
|
created() {},
|
||||||
},
|
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
|
||||||
// 提交
|
// 提交
|
||||||
uploadInformation(res) {
|
uploadInformation(res) {
|
||||||
this.datas.imageList.push({
|
this.datas.imageList.push({
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<el-form label-width="80px" :model="datas" size="small">
|
<el-form label-width="80px" :model="datas">
|
||||||
<!-- 背景颜色 -->
|
<!-- 背景颜色 -->
|
||||||
<el-form-item label="背景颜色">
|
<el-form-item label="背景颜色">
|
||||||
<!-- 背景颜色 -->
|
<!-- 背景颜色 -->
|
||||||
@ -106,8 +106,7 @@ export default {
|
|||||||
})
|
})
|
||||||
return
|
return
|
||||||
//(如果要用api接口上传删除腾讯云COS上传这些代码)
|
//(如果要用api接口上传删除腾讯云COS上传这些代码)
|
||||||
// 腾讯云COS上传结束
|
// 腾讯云COS上传结束
|
||||||
|
|
||||||
|
|
||||||
var formData = new FormData()
|
var formData = new FormData()
|
||||||
|
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
></div>
|
></div>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small" :rules="rules">
|
<el-form label-width="80px" :model="datas" :rules="rules">
|
||||||
<!-- 标题内容 -->
|
<!-- 标题内容 -->
|
||||||
<el-form-item label="选择模板" class="lef"> </el-form-item>
|
<el-form-item label="选择模板" class="lef"> </el-form-item>
|
||||||
|
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="80px" :model="datas" size="small" :rules="rules">
|
<el-form label-width="80px" :model="datas" :rules="rules">
|
||||||
<el-form-item label="活动名称" class="lef">
|
<el-form-item label="活动名称" class="lef">
|
||||||
<el-input v-model="datas.name"></el-input>
|
<el-input v-model="datas.name"></el-input>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -47,30 +47,32 @@
|
|||||||
|
|
||||||
<!-- 图片广告 -->
|
<!-- 图片广告 -->
|
||||||
<div v-if="datas.imageList[0]">
|
<div v-if="datas.imageList[0]">
|
||||||
<vuedraggable :list="datas.imageList" item-key="index" :forceFallback="true" :animation="200">
|
<vuedraggable
|
||||||
|
:list="datas.imageList"
|
||||||
|
item-key="index"
|
||||||
|
:forceFallback="true"
|
||||||
|
:animation="200"
|
||||||
|
>
|
||||||
<template #item="{ element, index }">
|
<template #item="{ element, index }">
|
||||||
<section
|
<section class="imgBanner">
|
||||||
class="imgBanner"
|
<van-icon
|
||||||
>
|
class="el-icon-circle-close"
|
||||||
<van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
|
name="close"
|
||||||
|
@click="deleteimg(index)"
|
||||||
|
/>
|
||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<div class="imag">
|
<div class="imag">
|
||||||
<img :src="element.src" alt="" draggable="false" />
|
<img :src="element.src" alt="" draggable="false" />
|
||||||
</div>
|
</div>
|
||||||
<!-- 标题和链接 -->
|
<!-- 标题和链接 -->
|
||||||
<div class="imgText">
|
<div class="imgText">
|
||||||
<el-input
|
<el-input v-model="element.text" placeholder="笔记标题" />
|
||||||
v-model="element.text"
|
|
||||||
placeholder="笔记标题"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
<!-- 标题和链接 -->
|
<!-- 标题和链接 -->
|
||||||
<div class="imgTextChild">
|
<div class="imgTextChild">
|
||||||
<!-- 选择类型 -->
|
<!-- 选择类型 -->
|
||||||
<el-select
|
<el-select
|
||||||
v-model="element.linktype"
|
v-model="element.linktype"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
@change="selectType(index)"
|
@change="selectType(index)"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
@ -84,7 +86,6 @@
|
|||||||
|
|
||||||
<!-- 输入外部链接 -->
|
<!-- 输入外部链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="element.http.externalLink"
|
v-model="element.http.externalLink"
|
||||||
>
|
>
|
||||||
@ -221,7 +222,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="datas.linktype"
|
v-model="datas.linktype"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in optionsType1"
|
v-for="item in optionsType1"
|
||||||
@ -235,7 +235,6 @@
|
|||||||
<!-- 输入外部链接 -->
|
<!-- 输入外部链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="datas.http.externalLink"
|
v-model="datas.http.externalLink"
|
||||||
>
|
>
|
||||||
|
@ -4,12 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form
|
<el-form label-position="top" label-width="80px" :model="datas">
|
||||||
label-position="top"
|
|
||||||
label-width="80px"
|
|
||||||
:model="datas"
|
|
||||||
size="small"
|
|
||||||
>
|
|
||||||
<!-- 跳转页面 -->
|
<!-- 跳转页面 -->
|
||||||
<el-form-item label="跳转页面">
|
<el-form-item label="跳转页面">
|
||||||
<div class="imgText">
|
<div class="imgText">
|
||||||
@ -18,7 +13,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="datas.type"
|
v-model="datas.type"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="item in optionsType"
|
v-for="item in optionsType"
|
||||||
@ -32,7 +26,6 @@
|
|||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
style="width: 100%"
|
style="width: 100%"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="datas.http.externalLink"
|
v-model="datas.http.externalLink"
|
||||||
>
|
>
|
||||||
@ -94,4 +87,4 @@ export default {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
@ -4,7 +4,7 @@
|
|||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<!-- 表单 -->
|
<!-- 表单 -->
|
||||||
<el-form label-width="100px" :model="datas" size="small">
|
<el-form label-width="100px" :model="datas">
|
||||||
<el-form-item class="lef" label="外边框">
|
<el-form-item class="lef" label="外边框">
|
||||||
<el-checkbox v-model="datas.isShowBorder">显示</el-checkbox>
|
<el-checkbox v-model="datas.isShowBorder">显示</el-checkbox>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
@ -43,12 +43,19 @@
|
|||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
|
||||||
<el-form-item class="lef" label="导航"> </el-form-item>
|
<el-form-item class="lef" label="导航"> </el-form-item>
|
||||||
<vuedraggable :list="datas.iconList" item-key="index" :forceFallback="true" :animation="200">
|
<vuedraggable
|
||||||
|
:list="datas.iconList"
|
||||||
|
item-key="index"
|
||||||
|
:forceFallback="true"
|
||||||
|
:animation="200"
|
||||||
|
>
|
||||||
<template #item="{ element, index }">
|
<template #item="{ element, index }">
|
||||||
<section
|
<section class="imgBanner">
|
||||||
class="imgBanner"
|
<van-icon
|
||||||
>
|
class="el-icon-circle-close"
|
||||||
<van-icon class="el-icon-circle-close" name="close" @click="deleteimg(index)" />
|
name="close"
|
||||||
|
@click="deleteimg(index)"
|
||||||
|
/>
|
||||||
<!-- 图片 -->
|
<!-- 图片 -->
|
||||||
<div>
|
<div>
|
||||||
<div
|
<div
|
||||||
@ -59,7 +66,9 @@
|
|||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
class="imag"
|
class="imag"
|
||||||
:src="replaceIconIndex == 1 ? element.iconPic : element.inactive"
|
:src="
|
||||||
|
replaceIconIndex == 1 ? element.iconPic : element.inactive
|
||||||
|
"
|
||||||
draggable="false"
|
draggable="false"
|
||||||
/>
|
/>
|
||||||
<div>
|
<div>
|
||||||
@ -70,11 +79,7 @@
|
|||||||
<!-- 标题和链接 -->
|
<!-- 标题和链接 -->
|
||||||
<div class="imgText">
|
<div class="imgText">
|
||||||
<div class="imgText-top">
|
<div class="imgText-top">
|
||||||
<el-input
|
<el-input v-model="element.iconText" placeholder="导航名称" />
|
||||||
v-model="element.iconText"
|
|
||||||
placeholder="导航名称"
|
|
||||||
size="small"
|
|
||||||
/>
|
|
||||||
<div class="imgText-top-r">
|
<div class="imgText-top-r">
|
||||||
<span>小圆点</span>
|
<span>小圆点</span>
|
||||||
<el-checkbox v-model="element.isDot"></el-checkbox>
|
<el-checkbox v-model="element.isDot"></el-checkbox>
|
||||||
@ -86,7 +91,6 @@
|
|||||||
<el-select
|
<el-select
|
||||||
v-model="element.linktype"
|
v-model="element.linktype"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
v-for="element in optionsType"
|
v-for="element in optionsType"
|
||||||
@ -99,7 +103,6 @@
|
|||||||
|
|
||||||
<!-- 输入链接 -->
|
<!-- 输入链接 -->
|
||||||
<el-input
|
<el-input
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="element.http.externalLink"
|
v-model="element.http.externalLink"
|
||||||
>
|
>
|
||||||
|
@ -3,7 +3,7 @@
|
|||||||
<!-- 标题 -->
|
<!-- 标题 -->
|
||||||
<h2>{{ datas.text }}</h2>
|
<h2>{{ datas.text }}</h2>
|
||||||
|
|
||||||
<el-form label-width="70px" :model="datas" size="small" class="lef">
|
<el-form label-width="70px" :model="datas" class="lef">
|
||||||
<el-form-item label="封面链接">
|
<el-form-item label="封面链接">
|
||||||
<el-input
|
<el-input
|
||||||
v-model="datas.coverUrl"
|
v-model="datas.coverUrl"
|
||||||
|
@ -16,7 +16,6 @@
|
|||||||
style="width: 60%"
|
style="width: 60%"
|
||||||
v-model="type"
|
v-model="type"
|
||||||
placeholder="请选择跳转类型"
|
placeholder="请选择跳转类型"
|
||||||
size="small"
|
|
||||||
@change="selectType()"
|
@change="selectType()"
|
||||||
>
|
>
|
||||||
<el-option
|
<el-option
|
||||||
@ -33,7 +32,6 @@
|
|||||||
v-if="type !== '11'"
|
v-if="type !== '11'"
|
||||||
v-model="dialogImageUrl.name"
|
v-model="dialogImageUrl.name"
|
||||||
placeholder="请选择图片跳转链接"
|
placeholder="请选择图片跳转链接"
|
||||||
size="small"
|
|
||||||
@change="changeId"
|
@change="changeId"
|
||||||
:no-data-text="emptyText"
|
:no-data-text="emptyText"
|
||||||
@visible-change="
|
@visible-change="
|
||||||
@ -55,7 +53,6 @@
|
|||||||
<el-input
|
<el-input
|
||||||
style="width: 60%; margin-top: 15px"
|
style="width: 60%; margin-top: 15px"
|
||||||
v-if="type === '11'"
|
v-if="type === '11'"
|
||||||
size="small"
|
|
||||||
placeholder="请输入链接,输入前确保可以访问"
|
placeholder="请输入链接,输入前确保可以访问"
|
||||||
v-model="externalLink"
|
v-model="externalLink"
|
||||||
></el-input>
|
></el-input>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user