Selaa lähdekoodia

feat(marketingEdit): 新增动态属性功能并优化文本编辑

- 在营销编辑组件中添加动态属性功能,允许用户使用 {{}}包含属性
- 优化文本编辑功能,调整字体大小和字距的输入方式
- 修复商品文字提示的换行显示问题
panqiuyao 6 kuukautta sitten
vanhempi
commit
f6ecbe72ab

+ 1 - 1
frontend/src/views/Tpl/Edit/index.vue

@@ -7,7 +7,7 @@
       :goods_text="[
           {
             key: '设计理念',
-            value: '经典凹出兼具动感同时带来轻盈\\n步调轻软,松弛自在蔓延\\n立体质感让朝气肆意绽放'
+            value: '经典凹出兼具动感同时带来轻盈\n步调轻软,松弛自在蔓延\n立体质感让朝气肆意绽放'
           },
           {
             key: '标题',

+ 3 - 3
frontend/src/views/components/PictureEditor/mixin/edit/module/textbox.js

@@ -14,7 +14,7 @@ const textbox = () => {
           <div class="flex left mar-top-10">
             字体
             <el-select
-            v-model="fontFamilyStyle || editLayer.fontFamily"
+            v-model="fontFamilyStyle"
             :clearable="false"
             style="width: 120px"
             class="mar-left-10"
@@ -34,7 +34,7 @@ const textbox = () => {
 
           <div class="flex left mar-top-10">
             <div class="edit-font-size flex left position-r" style="margin-right: 10px">
-                <el-select :value="editLayer.fontSize" :clearable="false"
+                <el-select v-model="editLayer.fontSize" :clearable="false"
                      style="width: 80px"
                  @change="(val)=>editObj({label:'fontSize',value:val})">
                      <el-option v-for="item,index in TextboxConfig.fontSize" :key="index" :value="item">{{item}}</el-option>
@@ -62,7 +62,7 @@ const textbox = () => {
                <div class="label title_two">字距</div>
 
                  <el-input-number
-                 :value="editLayer.charSpacing"
+                 v-model="editLayer.charSpacing"
                   style="width: 100px"
                   class="mar-left-10"
                   controls-position="right"

+ 16 - 2
frontend/src/views/components/marketingEdit/tpl/add.js

@@ -38,7 +38,21 @@ let add = () => {
                   </template>
                   <el-menu-item-group >
                         <el-menu-item index="1-1" @click.native="addText">普通文字</el-menu-item>
-                        <el-sub-menu index="1-2">
+                        <el-menu-item index="1-2" @click.native="addText({
+                                  left:50,
+                                  top:50,
+                                  'data-key':'{{text}}',
+                              })">
+                                <el-tooltip
+                                    class="box-item"
+                                    effect="light"
+                                    content="属性用{{}}包含。输入{{卖点}}会自动转换成卖点的文字信息,"
+                                    placement="right"
+                                  >
+                                    动态属性
+                                  </el-tooltip>
+                        </el-menu-item>
+                        <el-sub-menu index="1-3">
                           <template #title>
                             <span>商品文字</span>
                           </template>
@@ -51,7 +65,7 @@ let add = () => {
                                   'data-value':item.value,
                                   text:item.value
                               })"
-                             :index="'1-2-'+index">
+                             :index="'1-3-'+index">
                                 <el-tooltip
                                     class="box-item"
                                     effect="light"