1

src/pages/teacher/contribution/addimageText.vue

 <style>
     .addimageText {
         width: 100%;
-        height: 100vh;
+        min-height: 100vh;
         display: flex;
         justify-content: center;
         background: rgba(0, 0, 0, 0.03);
@@ -20,10 +20,11 @@
 
     .box_r {
         width: 800px;
-        height: 100vh;
+        min-height: 100vh;
         background: #FFF;
         padding: 15px;
-        overflow: auto;
+        position: relative;
+        /* overflow: auto; */
     }
 
     .appmsg_account {
@@ -73,30 +74,19 @@
 
             </div>
         </div> -->
-        <div class="box_r">
-            <div style="width: 100%;display: flex;align-items: center;justify-content: center;" v-if="addMsg.Type==1 || addMsg.Type==2">
-                <q-btn-group push>
-                    <!-- <q-btn-dropdown push label="图片" default>
-                        <q-list>
-                            <q-item>
-                                <el-upload :action="importFileUrl2" :multiple="false" :on-success="successUpload"
-                                    :show-file-list="false" accept="image/gif,image/jpeg,image/png,image/jpg,image/bmp">
-                                    本地上传
-                                </el-upload>
-                            </q-item>
-                            <q-item clickable v-close-popup @click="getChoice(1),iscover=false">
-                                从图片库选择
-                            </q-item>
-                        </q-list>
-                    </q-btn-dropdown> -->
-                    <q-btn push label="图片" @click="getChoice(1),iscover=false" :disable="addMsg.Type==2?true:false"/>
-
-                    <!-- <q-btn push label="视频" @click="getChoice(3),iscover=false" /> -->
-                    <!-- <q-btn push label="音频" @click="getChoice(2),iscover=false" /> -->
-                    <!-- <q-btn push label="超链接" @click="hyperlinks" /> -->
-                    <q-btn push label="小程序" @click="getapplet" />
-                </q-btn-group>
+        <div style="width: 100%;height: 40px;display: flex;align-items: center;position: fixed;top: 20px;left: 0;justify-content: center;">
+            <div style="width: 800px;position: relative;">
+                <div style="position: absolute;top: 5px;left: -160px;" v-if="addMsg.Type==1 || addMsg.Type==2">
+                    <q-btn-group push>
+                        <q-btn push label="图片" @click="getChoice(1),iscover=false" :disable="addMsg.Type==2?true:false"/>
+                        <q-btn push label="小程序" @click="getapplet" />
+                    </q-btn-group>
+                </div>
             </div>
+        </div>
+        <div class="box_r">
+            
+            
             <q-input clearable filled v-model="addMsg.Title" label="标题" maxlength="64" counter
                 v-if="this.addMsg.Type != 2 && this.addMsg.Type != 5" style="margin-top: 20px;" />
             <q-input clearable filled v-model="addMsg.Author" label="作者" maxlength="8" counter v-if="addMsg.Type == 1"
@@ -162,7 +152,7 @@
 
             </div>
             <!-- 不是管理端 -->
-            <div style="margin-top: 20px;" v-if="isManage==false">
+            <div style="margin-top: 20px;margin-bottom: 50px;" v-if="isManage==false">
                 <q-btn color="accent" class="q-mr-md" label="暂存" @click="savemove(0)" style="width: 100px;"
                     :loading="loading" />
                 <q-btn color="accent" class="q-mr-md" label="提交并审核" @click="savemove(1)" style="width: 120px;"
@@ -171,13 +161,18 @@
                 <!-- <q-btn class="q-mr-md" label="推送" @click="tuisong()" style="width: 60px;" /> -->
             </div>
             <!-- 是管理端 -->
-            <div v-if="isManage==true" style="margin-top: 20px;">
-                <q-input clearable standout="bg-primary text-white" v-model="SourceUrl" @input="$forceUpdate()"
+            <div v-if="isManage==true" style="margin-top: 20px;margin-bottom: 50px;border-top: 1px dashed #ebebeb;">
+                <div style="display: flex;align-items: flex-end;">
+                    <q-input clearable standout="bg-primary text-white" v-model="SourceUrl" @input="$forceUpdate()"
                     v-if="addMsg.Type==1" label="原文地址" style="margin-top: 20px;width: 500px;" />
+                    <span style="font-size: 11px;color: red;">*注:在图文消息页面点击“阅读原文”后的页面</span>
+                </div>
+              
                 <div style="display: flex;align-items: center;margin: 10px 0 ;" v-if="addMsg.Type==1">
                     封面图：
                     <q-radio v-model="IsShowCover" val="1" label="显示" />
                     <q-radio v-model="IsShowCover" val="0" label="不显示" />
+                    <span style="font-size: 11px;color: red;margin-left: 20px;">*注:封面图是否在正文中显示</span>
                 </div>
                 <div style="display: flex;align-items: center;margin: 10px 0 ;"
                     v-if="addMsg.Type==1 || addMsg.Type==5 ">