Webpage Editor: Carousel Images

src/components/CMyPageElem/CMyPageElem.ts

@@ -61,6 +61,7 @@ export default defineComponent({
 
     const editOn = ref(false)
     const addOn = ref(false)
+    const myelemVoid = ref({active: true, type: shared_consts.ELEMTYPE.TEXT, container: '...', path: mypathin.value} as IMyElem)
 
     const globalStore = useGlobalStore()
 
@@ -92,6 +93,7 @@ export default defineComponent({
       addOn,
       tools,
       shared_consts,
+      myelemVoid,
     }
   },
 

src/components/CMyPageElem/CMyPageElem.vue

@@ -43,10 +43,15 @@
         <div v-if="!!rec.content4" v-html="rec.content4"></div>
 
         <span v-for="(myelem, ind) in myelems" :key="ind">
-          <CMyElem v-if="myelem.active" :myelem="myelem" :editOn="editOn" :addOn="addOn">
+          <CMyElem v-if="myelem.active || editOn" :myelem="myelem" :editOn="editOn" :addOn="addOn" :path="rec.path">
 
           </CMyElem>
         </span>
+        <div v-if="myelems.length === 0">
+          <CMyElem v-if="editOn" :myelem="myelemVoid" :editOn="editOn" :addOn="addOn" :path="rec.path">
+
+          </CMyElem>
+        </div>
       </div>
     </div>
     <div v-else>