522细节修改

src/components/TwoDimensionalCode.vue

@@ -21,12 +21,14 @@
           </div>
           <div class="downloadCode" style="">
             <div class="qrm_body">
-              <div v-if="codeInfo.name" class="codename">
+              <div class="qrm_body_item">
+                <div v-if="codeInfo.name" class="codename">
                 开课：{{ codeInfo.name ? codeInfo.name : "" }}
               </div>
               <div v-if="codeInfo.teacherName" class="codename">
                 讲师：{{ codeInfo.teacherName ? codeInfo.teacherName : "" }}
               </div>
+              </div>
               <qrcode-vue
                 :value="codeInfo.url.startsWith('/')?(`${domain+codeInfo.url}&t=10`):`${codeInfo.url}&t=10`"
                 :size="qrcodeSize"
@@ -245,6 +247,10 @@ export default {
               display: flex;
               flex-direction: column;
               align-items: center;
+              .qrm_body_item{
+                width: 100%;
+                margin-left: 270px;
+              }
               .codename {
                 font-size: 18px;
                 font-weight: 400;
@@ -253,6 +259,10 @@ export default {
                 margin-bottom: 20px;
                 margin-left: 20px;
                 margin-right: 20px;
+                overflow: hidden;
+                white-space: nowrap;
+                text-overflow: ellipsis;
+                max-width: 300px;
               }
             }
             .codeUrl {