Skip to content

E
ElectricitySheep
Commit 86b7b92b authored by 黄奎's avatar 黄奎
Browse files
Options

样式更新

parent 8bf43e41
Hide whitespace changes
Inline Side-by-side
Showing with 370 additions and 327 deletions
src/components/sallCenter/plugin/nav-page.vue
View file @ 86b7b92b
<style>
.diynav-container {
min-height: 100px;
width: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.diynav-container {
min-height: 100px;
width: 100%;
background-size: 100% 100%;
background-repeat: no-repeat;
}
.Headernav-item {
text-align: center;
font-size: 24px;
padding: 20px 0;
}
.Headernav-item {
text-align: center;
font-size: 24px;
padding: 20px 0;
}
.Navabout-text {
color: #909399;
font-size: 12px;
margin-top: -10px;
}
.Navabout-text {
color: #909399;
font-size: 12px;
margin-top: -10px;
}
.navigation_pic_boxDiv {
width: 70px;
height: 70px;
border: 1px solid #ccc;
cursor: pointer;
background-color: #fff;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.navigation_pic_boxDiv {
width: 70px;
height: 70px;
border: 1px solid #ccc;
cursor: pointer;
background-color: #fff;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.navigation_pic_boxDiv i {
font-size: 22px;
color: #909399;
}
.navigation_pic_boxDiv i {
font-size: 22px;
color: #909399;
}
.divbg_position {
width: 170px;
height: 180px;
}
.divbg_position {
width: 170px;
height: 180px;
}
.divbg_position>div {
height: 50px;
width: 50px;
margin-bottom: 10px;
cursor: pointer;
background-color: #F5F7F9;
}
.divbg_position>div {
height: 50px;
width: 50px;
margin-bottom: 10px;
cursor: pointer;
background-color: #F5F7F9;
}
.bg_active {
background-color: #E6F4FF;
border: 2px dashed #5CB3FD;
}
.bg_active {
background-color: #E6F4FF;
border: 2px dashed #5CB3FD;
}
.edit-nav-item {
border: 1px solid #e2e2e2;
line-height: normal;
padding: 5px;
margin-bottom: 5px;
}
.edit-nav-item {
border: 1px solid #e2e2e2;
line-height: normal;
padding: 5px;
margin-bottom: 5px;
}
.nav-edit-options {
position: relative;
}
.nav-edit-options {
position: relative;
}
.navapp-image-upload {
display: inline-block;
margin-right: 5px;
}
.navapp-image-upload {
display: inline-block;
margin-right: 5px;
}
.nav-edit-options .el-button {
height: 25px;
line-height: 25px;
width: 25px;
padding: 0;
text-align: center;
border: none;
border-radius: 0;
position: absolute;
margin-left: 0;
}
.nav-edit-options .el-button {
height: 25px;
line-height: 25px;
width: 25px;
padding: 0;
text-align: center;
border: none;
border-radius: 0;
position: absolute;
margin-left: 0;
}
.navapp-image-upload .pic-box {
width: 70px;
height: 70px;
border: 1px solid #ccc;
cursor: pointer;
background-color: #fff;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.nav-edit-options a {
color: #5CB3FD !important;
}
.navapp-image-upload .pic-box i {
font-size: 22px;
color: #909399;
}
.navapp-image-upload .pic-box {
width: 70px;
height: 70px;
border: 1px solid #ccc;
cursor: pointer;
background-color: #fff;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.navapp-image-upload .pic-box .size-tip {
line-height: 1.35;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #fff;
background: rgba(0, 0, 0, 0.2);
letter-spacing: -1px;
}
.navapp-image-upload .pic-box i {
font-size: 22px;
color: #909399;
}
.navapp-image-upload .image-delete {
position: absolute;
top: -10px;
right: -10px;
padding: 5px;
visibility: hidden;
z-index: 1;
}
.navapp-image-upload .pic-box .size-tip {
line-height: 1.35;
text-align: center;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 12px;
color: #fff;
background: rgba(0, 0, 0, 0.2);
letter-spacing: -1px;
}
.navapp-image-upload .image-delete i {
font-size: 12px;
color: #fff;
}
.navapp-image-upload .image-delete {
position: absolute;
top: -10px;
right: -10px;
padding: 5px;
visibility: hidden;
z-index: 1;
}
.navapp-image-upload:hover .image-delete {
visibility: visible;
}
.navapp-image-upload .image-delete i {
font-size: 12px;
color: #fff;
}
.Headernav-item img {
display: block;
width: 88px;
height: 88px;
margin: 0 auto 5px auto;
}
.navapp-image-upload:hover .image-delete {
visibility: visible;
}
.Headernav-item>div {
height: 25px;
line-height: 25px;
}
.Headernav-item img {
display: block;
width: 88px;
height: 88px;
margin: 0 auto 5px auto;
}
.navigation_pic_boxDiv .image-delete {
position: absolute;
top: -10px;
right: -10px;
padding: 5px;
visibility: hidden;
z-index: 1;
}
.Headernav-item>div {
height: 25px;
line-height: 25px;
}
.navigation_pic_boxDiv:hover .image-delete {
visibility: visible;
}
.navigation_pic_boxDiv .image-delete {
position: absolute;
top: -10px;
right: -10px;
padding: 5px;
visibility: hidden;
z-index: 1;
}
.navigation_pic_boxDiv .image-delete i {
font-size: 12px;
color: #fff;
}
.navigation_pic_boxDiv:hover .image-delete {
visibility: visible;
}
.navigation_pic_boxDiv .image-delete i {
font-size: 12px;
color: #fff;
}
.chooseformwork {
padding: 20px 0;
display: flex;
align-items: center;
}
.chooseformwork>div>div {
margin: 10px 0;
}
.chooseformwork>div {
flex: 1;
}
.chooseformwork .categroy {
padding-right: 32px;
}
.chooseformwork .isdisplay {
padding-right: 4px;
}
.chooseimgname-title {
margin-top: 10px;
}
.chooseformwork .chooseformwork-one {
display: flex;
align-items: center;
}
</style>
<template>
<div :class="{'active':navData.isCked}">
<div :class="{ 'active': navData.isCked }">
<div class="diy-component-options" v-if="navData.isCked">
<el-button type="primary" icon="el-icon-delete" style="left: -25px; top: 0px;" @click="delPlugin()"></el-button>
<el-button type="primary" icon="el-icon-document-copy" style="left: -25px; top: 30px;"></el-button>
<el-button type="primary" icon="el-icon-arrow-up" v-if="index>0" @click="resetSord(0)"
<el-button type="primary" icon="el-icon-arrow-up" v-if="index > 0" @click="resetSord(0)"
style="right: -25px; top: 0;"></el-button>
<el-button type="primary" icon="el-icon-arrow-down" v-if="index!=dataLeng-1" @click="resetSord(1)"
<el-button type="primary" icon="el-icon-arrow-down" v-if="index != dataLeng - 1" @click="resetSord(1)"
style="right: -25px; top: 30px;"></el-button>
</div>
<div class="diy-component-preview">
<div class="diynav-container" :style="{backgroundColor:navData.data.backgroundColor,overflowX:navData.data.scroll?'auto':'hidden',backgroundPosition:bgPostion,
backgroundImage:'url(' + getIconLink(navData.data.backgroundPicUrl) + ')'}">
<div class="diynav-container" :style="{
backgroundColor: navData.data.backgroundColor, overflowX: navData.data.scroll ? 'auto' : 'hidden', backgroundPosition: bgPostion,
backgroundImage: 'url(' + getIconLink(navData.data.backgroundPicUrl) + ')'
}">
<div flex="dir:left" style="width:750px;flex-wrap:wrap;">
<div class="Headernav-item" v-for="(item,index) in navData.data.navs" :key="index"
:style="{width:getNavWidth(navData.data.columns)}">
<div class="Headernav-item" v-for="(item, index) in navData.data.navs" :key="index"
:style="{ width: getNavWidth(navData.data.columns) }">
<img :src="getIconLink(item.icon)" />
<div :style="{color:navData.data.color}">{{item.name}}</div>
<div :style="{ color: navData.data.color }">{{ item.name }}</div>
</div>
</div>
</div>
......@@ -206,85 +243,91 @@
</el-radio-group>
</el-form-item>
<el-form-item label="拉取商城导航">
<el-button size="small" @click="isShowNavLink=true">选择</el-button>
<el-button size="small" @click="isShowNavLink = true">选择</el-button>
</el-form-item>
<!-- edit -->
<el-form-item label="导航图标">
<div flex="dir:top">
<div class="edit-nav-item" v-for="(item,index) in navData.data.navs" :key="index">
<div class="edit-nav-item" v-for="(item, index) in navData.data.navs" :key="index">
<div class="nav-edit-options">
<el-button type="primary" icon="el-icon-delete" @click="delIcon(index)"
style="top: -6px; right: -31px;"></el-button>
<a v-if="index>0" @click="Move('up',index)" style="color:blue;cursor:pointer;">
<a v-if="index > 0" @click="Move('up', index)" style="color:blue;cursor:pointer;">
上移
</a>
<a v-if="index!=navData.data.navs.length-1" @click="Move('down',index)"
<a v-if="index != navData.data.navs.length - 1" @click="Move('down', index)"
style="color:blue;cursor:pointer;">
下移
</a>
</div>
<div flex="dir:left box:first cross:center">
<div class="chooseimgname">
<div>
<div class="navapp-image-upload">
<div flex="main:center cross:center" @click="choiceMyImg(index,1)" class="pic-box"
:style="{backgroundImage:'url(' + getIconLink(item.icon) + ')'}">
<i class="el-icon-picture-outline" v-if="item.icon==''"></i>
<p class="chooseimgname-title">默认图标</p>
<div flex="main:center cross:center" @click="choiceMyImg(index, 1)" class="pic-box"
:style="{ backgroundImage: 'url(' + getIconLink(item.icon) + ')' }">
<i class="el-icon-picture-outline" v-if="item.icon == ''"></i>
<div class="size-tip">88 × 88</div>
<el-button type="danger" v-if="item.icon!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="item.icon=''" circle></el-button>
<el-button type="danger" v-if="item.icon != ''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="item.icon = ''" circle></el-button>
</div>
</div>
</div>
<div flex="dir:left box:first cross:center">
<div>
<div class="navapp-image-upload">
<div flex="main:center cross:center" @click="choiceMyImg(index,2)" class="pic-box"
:style="{backgroundImage:'url(' + getIconLink(item.checkIcon) + ')'}">
<i class="el-icon-picture-outline" v-if="item.checkIcon==''"></i>
<p class="chooseimgname-title">选中图标</p>
<div flex="main:center cross:center" @click="choiceMyImg(index, 2)" class="pic-box"
:style="{ backgroundImage: 'url(' + getIconLink(item.checkIcon) + ')' }">
<i class="el-icon-picture-outline" v-if="item.checkIcon == ''"></i>
<div class="size-tip">88 × 88</div>
<el-button type="danger" v-if="item.checkIcon!=''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="item.checkIcon=''" circle></el-button>
<el-button type="danger" v-if="item.checkIcon != ''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="item.checkIcon = ''" circle></el-button>
</div>
</div>
</div>
</div>
<div>
<div style="margin-bottom:5px;">
<el-input type="text" placeholder="名称" v-model="item.name" size="small"></el-input>
</div>
<div style="margin-bottom:5px;">
默认颜色
<el-color-picker v-model="item.color" size="small"></el-color-picker>
<el-input type="text" v-model="item.color" size="small" style="width: 80px; margin-right: 25px;">
</el-input>
</div>
<div style="margin-bottom:5px;">
选中颜色：
<el-color-picker v-model="item.checkColor" size="small"></el-color-picker>
<el-input type="text" v-model="item.checkColor" size="small"
style="width: 80px; margin-right: 25px;">
</el-input>
<div flex="dir:left box:first cross:center">
<div>
<div class="navapp-image-upload">
<p class="chooseimgname-title">选中背景</p>
<div flex="main:center cross:center" @click="choiceMyImg(index, 3)" class="pic-box"
:style="{ backgroundImage: 'url(' + getIconLink(item.checkBgImg) + ')' }">
<i class="el-icon-picture-outline" v-if="item.checkBgImg == ''"></i>
<div class="size-tip">88 × 88</div>
<el-button type="danger" v-if="item.checkBgImg != ''" class="image-delete" size="mini"
icon="el-icon-close" @click.stop="item.checkBgImg = ''" circle></el-button>
</div>
</div>
</div>
<div style="margin-bottom:5px;">
</div>
</div>
<div class="chooseformwork">
<div>
<div class="chooseformwork-one" style="margin-bottom:5px;">
<span class="categroy">类型</span>
<el-radio-group v-model="item.ShowType">
<el-radio :label="0">组件</el-radio>
<el-radio :label="1">模板</el-radio>
</el-radio-group>
</div>
<div style="margin-bottom:5px;">
<div class="chooseformwork-one" style="margin-bottom:5px;">
<span class="isdisplay">是否显示</span>
<el-radio-group v-model="item.isShow">
<el-radio :label="1">显示</el-radio>
<el-radio :label="0">隐藏</el-radio>
</el-radio-group>
</div>
<div v-if="item.ShowType==0" style="margin-bottom:5px;">
</div>
<div>
<div v-if="item.ShowType == 0" style="margin-bottom:5px;">
<el-input type="text" v-model="item.ComponentName" placeholder="选择组件" size="small">
<el-button slot="append" @click="isShowModule=true,commonIndex=index">选择组件</el-button>
<el-button slot="append" @click="isShowModule = true, commonIndex = index">选择组件</el-button>
</el-input>
</div>
<div v-if="item.ShowType==1" style="margin-bottom:5px;">
<div v-if="item.ShowType == 1" style="margin-bottom:5px;">
<el-input type="text" v-model="item.TemplateShowName" placeholder="点击选择模板" size="small">
<el-button slot="append" @click="isShowModule=true,commonIndex=index">选择模板</el-button>
<el-button slot="append" @click="isShowModule = true, commonIndex = index">选择模板</el-button>
</el-input>
</div>
</div>
......@@ -305,34 +348,34 @@
</el-form-item>
<el-form-item label="上传背景" v-if="navData.data.showImg">
<div style="line-height:normal;display:inline-block;">
<div class="navigation_pic_boxDiv" @click="choicImg=true,selectType=1" flex="main:center cross:center"
:style="{backgroundImage:'url(' + getIconLink(navData.data.backgroundPicUrl) + ')'}">
<i class="el-icon-picture-outline" v-if="navData.data.backgroundPicUrl==''"></i>
<el-button type="danger" class="image-delete" v-if="navData.data.backgroundPicUrl!=''" size="mini"
icon="el-icon-close" @click.stop="navData.data.backgroundPicUrl=''" circle></el-button>
<div class="navigation_pic_boxDiv" @click="choicImg = true, selectType = 1" flex="main:center cross:center"
:style="{ backgroundImage: 'url(' + getIconLink(navData.data.backgroundPicUrl) + ')' }">
<i class="el-icon-picture-outline" v-if="navData.data.backgroundPicUrl == ''"></i>
<el-button type="danger" class="image-delete" v-if="navData.data.backgroundPicUrl != ''" size="mini"
icon="el-icon-close" @click.stop="navData.data.backgroundPicUrl = ''" circle></el-button>
</div>
</div>
</el-form-item>
<el-form-item label="图片位置" v-if="navData.data.showImg">
<div flex="main:justify wrap:wrap" class="divbg_position">
<div :class="{'bg_active':navData.data.position==1}"
@click="navData.data.position=1,selectPosition('left top')"></div>
<div :class="{'bg_active':navData.data.position==2}"
@click="navData.data.position=2,selectPosition('center top')"></div>
<div :class="{'bg_active':navData.data.position==3}"
@click="navData.data.position=3,selectPosition('right top')"></div>
<div :class="{'bg_active':navData.data.position==4}"
@click="navData.data.position=4,selectPosition('left center')"></div>
<div :class="{'bg_active':navData.data.position==5}"
@click="navData.data.position=5,selectPosition('center center')"></div>
<div :class="{'bg_active':navData.data.position==6}"
@click="navData.data.position=6,selectPosition('right center')"></div>
<div :class="{'bg_active':navData.data.position==7}"
@click="navData.data.position=7,selectPosition('left bottom')"></div>
<div :class="{'bg_active':navData.data.position==8}"
@click="navData.data.position=8,selectPosition('center bottom')"></div>
<div :class="{'bg_active':navData.data.position==9}"
@click="navData.data.position=9,selectPosition('right bottom')"></div>
<div :class="{ 'bg_active': navData.data.position == 1 }"
@click="navData.data.position = 1, selectPosition('left top')"></div>
<div :class="{ 'bg_active': navData.data.position == 2 }"
@click="navData.data.position = 2, selectPosition('center top')"></div>
<div :class="{ 'bg_active': navData.data.position == 3 }"
@click="navData.data.position = 3, selectPosition('right top')"></div>
<div :class="{ 'bg_active': navData.data.position == 4 }"
@click="navData.data.position = 4, selectPosition('left center')"></div>
<div :class="{ 'bg_active': navData.data.position == 5 }"
@click="navData.data.position = 5, selectPosition('center center')"></div>
<div :class="{ 'bg_active': navData.data.position == 6 }"
@click="navData.data.position = 6, selectPosition('right center')"></div>
<div :class="{ 'bg_active': navData.data.position == 7 }"
@click="navData.data.position = 7, selectPosition('left bottom')"></div>
<div :class="{ 'bg_active': navData.data.position == 8 }"
@click="navData.data.position = 8, selectPosition('center bottom')"></div>
<div :class="{ 'bg_active': navData.data.position == 9 }"
@click="navData.data.position = 9, selectPosition('right bottom')"></div>
</div>
</el-form-item>
<el-form-item label="填充方式" v-if="navData.data.showImg">
......@@ -343,12 +386,12 @@
<el-radio :label="4">平铺满</el-radio>
</el-radio-group>
</el-form-item>
<el-form-item label="背景图宽" v-if="navData.data.mode!=1">
<el-form-item label="背景图宽" v-if="navData.data.mode != 1">
<el-slider v-model="navData.data.backgroundWidth" show-input :show-input-controls='false'
style="float:left;width:95%;"></el-slider>
<div style="float:right;">%</div>
</el-form-item>
<el-form-item label="背景图高" v-if="navData.data.mode!=1">
<el-form-item label="背景图高" v-if="navData.data.mode != 1">
<el-slider v-model="navData.data.backgroundHeight" show-input :show-input-controls='false'
style="float:left;width:95%;"></el-slider>
<div style="float:right;">%</div>
......@@ -376,129 +419,129 @@
</div>
</template>
<script>
import ChooseImg from "@/components/global/ChooseImg.vue";
import choiceModule from "@/components/common/choiceModule.vue";
export default {
props: ["navData", "index", "dataLeng"],
data() {
return {
bgPostion: '',
//宽度
navWidth: '',
//数组下标
commonIndex: 0,
//选择图片弹窗
choicImg: false,
selectType: 1,
isShowModule: false, //是否显示选择模板
checkType: 1,
};
import ChooseImg from "@/components/global/ChooseImg.vue";
import choiceModule from "@/components/common/choiceModule.vue";
export default {
props: ["navData", "index", "dataLeng"],
data() {
return {
bgPostion: '',
//宽度
navWidth: '',
//数组下标
commonIndex: 0,
//选择图片弹窗
choicImg: false,
selectType: 1,
isShowModule: false, //是否显示选择模板
checkType: 1,
};
},
components: {
ChooseImg,
choiceModule
},
created() {
},
methods: {
Move(type, index) {
var currentItem = this.navData.data.navs[index];
if (type == 'up') {
var upItem = this.navData.data.navs[index - 1];
this.$set(this.navData.data.navs, index - 1, currentItem);
this.$set(this.navData.data.navs, index, upItem);
}
if (type == 'down') {
var downItem = this.navData.data.navs[index + 1];
this.$set(this.navData.data.navs, index + 1, currentItem);
this.$set(this.navData.data.navs, index, downItem);
}
},
//选择模板
getCustom(obj) {
if (this.commonIndex > -1) {
this.navData.data.navs[this.commonIndex].TemplateId = obj.Id;
this.navData.data.navs[this.commonIndex].TemplateShowName = '#' + obj.Id + ':' + obj.TemplateName;
}
this.isShowModule = false;
},
//是否显示背景图切换
showImgChange() {
if (!this.navData.data.showImg) {
this.navData.data.backgroundPicUrl = "";
}
},
//切换背景位置
selectPosition(po) {
this.bgPostion = po;
},
components: {
ChooseImg,
choiceModule
//改变宽度
getNavWidth(w) {
let str = ''
if (w == 3) {
str = '33.3333%'
} else if (w == 4) {
str = '25%'
} else {
str = '20%'
}
return str;
},
created() {
//添加导航图标
addNavigatiton() {
let obj = {
icon: '',
checkIcon: '', //选中导航图标
checkBgImg: '', //选中背景图片
name: '',
ShowType: 0, //0-组件,1-模板
ComponentName: "", //组件名称
url: "", //组件URL
TemplateId: 0,
TemplateShowName: "",
isShow: 1, //1-显示，0-隐藏
}
this.navData.data.navs.push(obj);
},
methods: {
Move(type, index) {
var currentItem = this.navData.data.navs[index];
if (type == 'up') {
var upItem = this.navData.data.navs[index - 1];
this.$set(this.navData.data.navs, index - 1, currentItem);
this.$set(this.navData.data.navs, index, upItem);
}
if (type == 'down') {
var downItem = this.navData.data.navs[index + 1];
this.$set(this.navData.data.navs, index + 1, currentItem);
this.$set(this.navData.data.navs, index, downItem);
}
},
//选择模板
getCustom(obj) {
if (this.commonIndex > -1) {
this.navData.data.navs[this.commonIndex].TemplateId = obj.Id;
this.navData.data.navs[this.commonIndex].TemplateShowName = '#' + obj.Id + ':' + obj.TemplateName;
}
this.isShowModule = false;
},
//是否显示背景图切换
showImgChange() {
if (!this.navData.data.showImg) {
this.navData.data.backgroundPicUrl = "";
}
},
//切换背景位置
selectPosition(po) {
this.bgPostion = po;
},
//改变宽度
getNavWidth(w) {
let str = ''
if (w == 3) {
str = '33.3333%'
} else if (w == 4) {
str = '25%'
} else {
str = '20%'
}
return str;
},
//添加导航图标
addNavigatiton() {
let obj = {
icon: '',
color: '', //默认颜色
checkIcon: '', //选中导航图标
checkColor: '', //选中颜色
name: '',
ShowType: 0, //0-组件,1-模板
ComponentName: "", //组件名称
url: "", //组件URL
TemplateId: 0,
TemplateShowName: "",
isShow: 1, //1-显示，0-隐藏
}
this.navData.data.navs.push(obj);
},
//删除导航图标
delIcon(index) {
this.navData.data.navs.splice(index, 1);
},
//选择图片
SelectId(msg) {
if (this.selectType == 1) {
this.navData.data.backgroundPicUrl = msg.url;
//删除导航图标
delIcon(index) {
this.navData.data.navs.splice(index, 1);
},
//选择图片
SelectId(msg) {
if (this.selectType == 1) {
this.navData.data.backgroundPicUrl = msg.url;
} else {
if (this.checkType == 1) {
this.navData.data.navs[this.commonIndex].icon = msg.url;
} else {
if (this.checkType == 1) {
this.navData.data.navs[this.commonIndex].icon = msg.url;
} else {
this.navData.data.navs[this.commonIndex].checkIcon = msg.url;
}
this.navData.data.navs[this.commonIndex].checkIcon = msg.url;
}
this.choicImg = false;
},
//向父组件传值 并调用排序
resetSord(IsUp) {
this.$emit('getSord', this.index, IsUp);
},
//选取图片
choiceMyImg(index, type) {
this.choicImg = true;
this.commonIndex = index;
this.selectType = 2;
this.checkType = type;
},
//点击触发父组件删除
delPlugin() {
this.$emit('comDelPlugin', this.index);
}
this.choicImg = false;
},
mounted() {
//向父组件传值 并调用排序
resetSord(IsUp) {
this.$emit('getSord', this.index, IsUp);
},
//选取图片
choiceMyImg(index, type) {
this.choicImg = true;
this.commonIndex = index;
this.selectType = 2;
this.checkType = type;
},
//点击触发父组件删除
delPlugin() {
this.$emit('comDelPlugin', this.index);
}
};
},
mounted() {
}
};
</script>
\ No newline at end of file
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