登录页面可拖入其他组件

src/components/ThemeDataPlant.vue

@@ -3,6 +3,7 @@
     ref="ThemeDataPlant"
     class="ThemeDataPlant"
     :style="{
+      'position':pageCode == 14?'fixed':'',
       'background-color': pageSettingData.backgroundColor,
       'background-image': bacImage,
       'background-size': pageSettingData.backgroundFit!='equiratioFill'?'100% auto':'',

src/pages/login/index.vue

@@ -7,6 +7,25 @@
       </div>
     </div>
     <div v-for="(item,index) in pageData" :key="index">
+      <!-- 其他组件 -->
+      <div v-if="item.componentCode == 'text-text' && item.componentInfo.visible == 1">
+        <text-text :datas="item"></text-text>
+      </div>
+      <div v-if="item.componentCode == 'rich-text' && item.componentInfo.visible == 1">
+        <rich-text :datas="item"></rich-text>
+      </div>
+      <div v-if="item.componentCode == 'photo-gallery' && item.componentInfo.visible == 1">
+        <photo-gallery :datas="item"></photo-gallery>
+      </div>
+      <div v-if="item.componentCode == 'interval' && item.componentInfo.visible == 1">
+        <interval :datas="item"></interval>
+      </div>
+      <div v-if="item.componentCode == 'partition' && item.componentInfo.visible == 1">
+        <partition :datas="item"></partition>
+      </div>
+      <div v-if="item.componentCode == 'notice' && item.componentInfo.visible == 1">
+        <notice :datas="item"></notice>
+      </div>
       <!-- 登录logo名字模块 -->
       <loginLogo
         v-if="item.componentCode=='login-logo' && item.componentInfo.visible == 1"
@@ -69,10 +88,18 @@ import loginLogo from '../../components/login/loginLogo.vue';
 import loginBox from '../../components/login/loginBox.vue';
 import loginUserAgreement from '../../components/login/loginUserAgreement.vue';
 import ThemeDataPlant from "../../components/ThemeDataPlant"
+import text from '@/components/content/text'
+import richText from "../../components/basicTool/rich-text";
+import interval from '@/components/basicTool/interval/index.vue'
+import partition from '@/components/basicTool/partition/index.vue'
 const app = getApp();
 const { log } = app;
 export default {
   components: {
+    'text-text':text,
+    'rich-text':richText,
+    interval,
+     partition,
     ThemeDataPlant,
     loginLogo,
     loginBox,
@@ -797,6 +824,9 @@ export default {
   height: 100vh;
   overflow-y: auto;
   .tabbar{
+    position: sticky;
+    top: 0;
+    z-index: 9999;
     width: 100%;
     box-sizing: border-box;
     display: flex;

src/pages/login/main.json

@@ -3,7 +3,9 @@
     "usingComponents": {
         "van-checkbox": "/static/vant/checkbox/index",
         "van-popup":"/static/vant/popup/index",
-        "van-icon":"/static/vant/icon/index"
+        "van-icon":"/static/vant/icon/index",
+        "photo-gallery":"/static/nativeComponents/PhotoGallery/index",
+        "notice":"/static/nativeComponents/Notice/index"
     },
     "navigationStyle":"custom"
 }