fix: 修复移动端部分组件无法选中问题

frontend/src/components/canvas/components/Editor/MobileCheckBar.vue

@@ -70,7 +70,7 @@ export default {
   .bar-main{
     position: absolute;
     float:right;
-    z-index: 2;
+    z-index: 10000;
     border-radius:2px;
     padding-left: 1px;
     padding-right: 1px;

frontend/src/store/index.js

@@ -28,6 +28,7 @@ import {
   DEFAULT_COMMON_CANVAS_STYLE_STRING
 } from '@/views/panel/panel'
 import bus from '@/utils/bus'
+import { BASE_MOBILE_STYLE } from '@/components/canvas/custom-component/component-list'
 
 Vue.use(Vuex)
 
@@ -352,6 +353,7 @@ const data = {
       const mainComponentData = []
       // 移动端布局转换
       state.componentData.forEach(item => {
+        item.mobileStyle = (item.mobileStyle || BASE_MOBILE_STYLE)
         if (item.mobileSelected) {
           item.style.width = item.mobileStyle.style.width
           item.style.height = item.mobileStyle.style.height

frontend/src/views/panel/edit/index.vue

@@ -220,8 +220,8 @@ import ViewSelect from '../ViewSelect'
 import SubjectSetting from '../SubjectSetting'
 import bus from '@/utils/bus'
 import Editor from '@/components/canvas/components/Editor/index'
-import {deepCopy, panelInit} from '@/components/canvas/utils/utils'
-import componentList, { BASE_MOBILE_STYLE ,HYPERLINKS} from '@/components/canvas/custom-component/component-list' // 左侧列表数据
+import { deepCopy, panelInit } from '@/components/canvas/utils/utils'
+import componentList, { BASE_MOBILE_STYLE, HYPERLINKS } from '@/components/canvas/custom-component/component-list' // 左侧列表数据
 import { mapState } from 'vuex'
 import { uuid } from 'vue-uuid'
 import Toolbar from '@/components/canvas/components/Toolbar'
@@ -764,6 +764,7 @@ export default {
             label: '图片',
             icon: '',
             hyperlinks: HYPERLINKS,
+            mobileStyle: BASE_MOBILE_STYLE,
             propValue: fileResult,
             style: {
               ...commonStyle