From fcb6b32e45908516396ca775f3b38905223286a7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=AE=B8=E7=BA=A2=E6=A2=85?= <1924913374@qq.com>
Date: Fri, 9 Sep 2022 16:36:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E7=BC=96=E8=BE=91=E5=99=A8?=
 =?UTF-8?q?=E5=88=A0=E9=99=A4=E6=A1=86=E6=96=87=E6=9C=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../edittemplate/goodstemplate.js             | 20 +++++++++----------
 .../edittemplate/goodstemplate.less           |  4 ++--
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/src/pages/exchangepage/edittemplate/goodstemplate.js b/src/pages/exchangepage/edittemplate/goodstemplate.js
index 20a75aa4..339ed0c4 100644
--- a/src/pages/exchangepage/edittemplate/goodstemplate.js
+++ b/src/pages/exchangepage/edittemplate/goodstemplate.js
@@ -25,8 +25,8 @@ export default class edittemplate extends React.Component {
       clientY:0,
 
       selectDom:'',
-
-      icon:''
+      icon:'',
+      comName:''
 
     }
 
@@ -38,7 +38,7 @@ export default class edittemplate extends React.Component {
 
   }
 
-  customComponent(e,name,icon){
+  customComponent(e,name,icon,comName){
 
     //getBoundingClientRect().top ;获取div最顶边距离浏览器的位置
 
@@ -46,7 +46,7 @@ export default class edittemplate extends React.Component {
 
     let offset_top=this.refs[name].getBoundingClientRect().top;
 
-    this.setState({clientY:(offset_top-125),selectDom:name,icon:icon});
+    this.setState({clientY:(offset_top-125),selectDom:name,icon:icon,comName});
 
     if(name=='searchBar'){
 
@@ -112,7 +112,7 @@ export default class edittemplate extends React.Component {
 
          goodsConfig.search&&goodsConfig.search.iswitch?
 
-         <div onClick={e=>this.customComponent(e,'search','marketing-sousuolan-')} className={this.state.selectDom=='search'?'selectBorder':''} ref="search"><SearchBarView searchConfig={goodsConfig.search} /></div>:null
+         <div onClick={e=>this.customComponent(e,'search','marketing-sousuolan-','搜索栏')} className={this.state.selectDom=='search'?'selectBorder':''} ref="search"><SearchBarView searchConfig={goodsConfig.search} /></div>:null
 
         }
 
@@ -126,18 +126,18 @@ export default class edittemplate extends React.Component {
 
          {
 
-          goodsConfig.picture&&goodsConfig.picture.iswitch? <div  onClick={e=>this.customComponent(e,'picture','marketing-tupian')} ref="picture"  className={this.state.selectDom=='picture'?'selectBorder':''}><img src={goodsConfig.picture.img} alt="" className="picture"/></div>:null
+          goodsConfig.picture&&goodsConfig.picture.iswitch? <div  onClick={e=>this.customComponent(e,'picture','marketing-tupian','图片')} ref="picture"  className={this.state.selectDom=='picture'?'selectBorder':''}><img src={goodsConfig.picture.img} alt="" className="picture"/></div>:null
 
         }
 
         {
 
-          goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==1?<div  onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}><div  className={goodsConfig.title.textAlign +'  content-title  '+goodsConfig.title.fontSize} style={{color:goodsConfig.title.fontColor,fontWeight:'bold'}}>{goodsConfig.title.text}</div></div>:null
+          goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==1?<div  onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang','标题')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}><div  className={goodsConfig.title.textAlign +'  content-title  '+goodsConfig.title.fontSize} style={{color:goodsConfig.title.fontColor,fontWeight:'bold'}}>{goodsConfig.title.text}</div></div>:null
 
         }
         {
 
-         goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==2?<div  onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}>
+         goodsConfig.title&&goodsConfig.title.iswitch&&goodsConfig.title.comstyle==2?<div  onClick={e=>this.customComponent(e,'title','marketing-fuwenbenkuang','标题')} ref="title" className={this.state.selectDom=='title'?'selectBorder':''}>
          <img src={goodsConfig.title.pic} alt="" className="title-pic"/>
          </div>:null
 
@@ -175,7 +175,7 @@ export default class edittemplate extends React.Component {
 
         {
 
-          goodsConfig.bottomBar&&goodsConfig.bottomBar.iswitch&&naVisual.length>1? <div  ref="bottomBar" onClick={e=>this.customComponent(e,'bottomBar','marketing-list')} className={this.state.selectDom=='bottomBar'?'selectBottomBorder':''}><BottomBarView bottomBarConfig={goodsConfig.bottomBar}/></div>:null
+          goodsConfig.bottomBar&&goodsConfig.bottomBar.iswitch&&naVisual.length>1? <div  ref="bottomBar" onClick={e=>this.customComponent(e,'bottomBar','marketing-list','底部栏')} className={this.state.selectDom=='bottomBar'?'selectBottomBorder':''}><BottomBarView bottomBarConfig={goodsConfig.bottomBar}/></div>:null
 
          
 
@@ -185,7 +185,7 @@ export default class edittemplate extends React.Component {
 
           this.state.selectDom?<div className="delete-component" style={{top:this.state.clientY}}>
 
-          <i className={'marketing '+this.state.icon}></i>
+          <span>{this.state.comName}</span>
 
           <b className="split">|</b>
 
diff --git a/src/pages/exchangepage/edittemplate/goodstemplate.less b/src/pages/exchangepage/edittemplate/goodstemplate.less
index 8525b1bd..da332bc2 100644
--- a/src/pages/exchangepage/edittemplate/goodstemplate.less
+++ b/src/pages/exchangepage/edittemplate/goodstemplate.less
@@ -10,7 +10,7 @@
     position: absolute;
     width: 28px;
     height: 28px;
-    top: 2%;
+    top: 3%;
     z-index: 5;
     left: 4%;
   }
@@ -87,7 +87,7 @@
     display: flex;
     position: absolute;
     top: 0;
-    right: -10px;
+    right: -36px;
     -ms-flex-align: center;
     align-items: center;
     padding: 6px 8px;