优化样式

src/components/achievement/index.vue

@@ -152,9 +152,6 @@
         this.searchFirstPage();
       },
       methods: {
-        a(a,b){
-          return a-b
-        },
         handleClick(tab) {
           let _name = tab.name
           if (_name === 'first') {

src/components/notBuyClass/entrance.vue

@@ -63,7 +63,7 @@
         goods_id:null,
         activeName: 'first',
         searchFrom:{
-          key:'goods_receive_course ',
+          key:'goods_receive_course',
           desc: '商品',
           value: '',
         },

src/components/oldUser/index.vue

 <template>
-  <div class="user" v-loading="loading">
+  <div class="user">
     <el-form ref="searchFrom" :model="searchFrom" label-width="80px" inline>
           <el-form-item label="用户ID">
             <el-input v-model="searchFrom.old_user_id"></el-input>
@@ -57,18 +57,15 @@
     data(){
       return {
         searchFrom:{
-          nickName:'',
           mobile:'',
-          level:'',
-          userId: ''
+          old_user_id:"",
+          course_title:""
         },
         userList:[],
         total:0,
         nowPage:1,
         limit: 10,
-        showDetail:false,
-        showId:'',
-        loading: false
+        showDetail:false
       }
     },
     components:{
@@ -101,7 +98,6 @@
         if (this.searchFrom.mobile) {
           json.mobile = this.searchFrom.mobile
         }
-        console.log(json)
         getOldListApi(json).then(res=>{
           this.userList = res.list;
           this.total = res.total

src/components/qrcode/dialog.vue

@@ -373,7 +373,7 @@
 
 <style scoped>
   .shotcut {
-    width: 50px;
+    width: 150px;
   }
   .clear-both:after{
      content: '';
@@ -382,9 +382,12 @@
   }
   .news-media {
     padding: 10px;
-    width: 200px;
+    width: 150px;
     background-color: #fff;
   }
+  .news-media .el-card{
+      padding: 10px;
+  }
   .news-media img{
     width: 100%;
   }
@@ -405,7 +408,7 @@
     font-size: 14px;
   }
   .single-cover {
-    /*padding: 20px 15px 15px;*/
+    padding: 20px 15px 15px;
   }
   .muti-cover {
     position: relative;

src/components/weChat/autoReply.vue

@@ -17,16 +17,22 @@
           <el-form label-position="top"  class="demo-table-expand">
             <el-form-item label="回复内容">
               <div v-for="(item, index) in props.row.desc">
+              <span style="width:120px;display: inline-block;text-align:right;margin:10px 0;">
                 回复{{index+1}}({{item.type | type}})：
+                </span>   
                 <span v-if="item.content && item.type==='text'">
                   <span v-html="item.content.replace(/\/[\u4E00-\u9FA5]{1,3}/gi, emotion)"></span>
                 </span>
-                <span v-if="item.content && item.type==='image'">回复{{index+1}}：<img class="img" :src="item.content"/></span>
-                <span v-if="item.type==='image' && item.variable">回复{{index+1}}：老师二维码</span>
+                <span v-if="item.content && item.type==='image'">
+                  <!-- 回复{{index+1}} -->
+                    <img class="img" :src="item.content" style="vertical-align:text-top;" /></span>
+                <span v-if="item.type==='image' && item.variable">
+                  <!-- 回复{{index+1}}： -->
+                  老师二维码</span>
                 <a v-if="item.type === 'video'" :href="item.content.down_url" target="_blank">{{item.content.title}}</a>
-                <div v-if="item.type==='news' && item.content && item.content.news_item" class="news-media" style="display: inline-block;width: 150px;">
+                <div v-if="item.type==='news' && item.content && item.content.news_item" class="news-media" style="display: inline-block;width: 200px;vertical-align:text-top;">
                   <el-card :body-style="{ padding: '0px' }">
-                    <div v-for="(child, childIndex) in item.content.news_item" style="position: relative">
+                    <div v-for="(child, childIndex) in item.content.news_item" style="position: relative;">
                       <div v-if="item.content.news_item.length === 1" class="single-cover">
                         <div class="title">{{child.title}}</div>
                         <img :src="child.thumb_url" style="width: 100%;margin-top: 20px;"/>
@@ -35,7 +41,7 @@
                           预览文章
                         </a>
                       </div>
-                      <div v-else-if="item.content.news_item.length > 1" class="clear-both bottomCover" style="position: relative">
+                      <div v-else-if="item.content.news_item.length > 1" class="clear-both bottomCover" style="position: relative;">
                         <div v-if="childIndex === 0" class="muti-cover">
                           <img style="width: 100%;margin-top: 20px;" :src="child.thumb_url"/>
                           <div class="bottom-title">{{child.title}}</div>
@@ -51,7 +57,7 @@
                     </div>
                   </el-card>
                 </div>
-                <div v-if="item.type === 'link'" class="news-media" style="display: inline-block;width: 150px;">
+                <div v-if="item.type === 'link'" class="news-media" style="display: inline-block;width: 200px;vertical-align:text-top;">
                   <el-card :body-style="{ padding: '0px' }">
                     <a :href="item.url" target="_blank" style="position: relative; color: #333; text-decoration: none;">
                       <div style="margin: 3px;line-height: 2" class="ellip">{{item.title}}</div>
@@ -62,7 +68,7 @@
                     </a>
                   </el-card>
                 </div>
-                <div v-else-if="item.type === 'news-item'" style="width: 150px;">
+                <div v-else-if="item.type === 'news-item'" style="width: 200px;display: inline-block;vertical-align:text-top;" class="news-media">
                   <el-card :body-style="{ padding: '0px' }">
                     <a :href="item.url" target="_blank" style="position: relative; color: #333; text-decoration: none;">
                       <img :src="item.thumb_url" style="width: 100%; height: auto"/>
@@ -246,15 +252,17 @@
     margin: 10px 0;
   }
   .img {
-    width: 10%;
+    width: 200px;
   }
   .news-media {
-    padding: 10px;
     width: 25%;
   }
   .news-media img{
     width: 100%;
   }
+  .news-media .el-card{
+      padding: 10px;
+  }
   .s-news img {
     width: 50px;
     float: right;
@@ -272,7 +280,8 @@
     font-size: 14px;
   }
   .single-cover {
-    /*padding: 20px 15px 15px;*/
+    padding: 15px 10px 10px;
+    line-height: 1.2;
   }
   .muti-cover {
     position: relative;

src/components/weChat/autoReplyDialog.vue

@@ -877,7 +877,8 @@
     margin: 30px 0;
     width: 600px;
     img {
-      width: 30%;
+      width: 150px;
+      padding: 10px;
     }
   }
   .msg-text {
@@ -996,6 +997,9 @@
   .news-media {
     padding: 10px;
     width: 25%;
+  }
+   .news-media .el-card{
+      padding: 10px;
   }
   .news-media img{
     width: 100%;
@@ -1017,7 +1021,7 @@
     font-size: 14px;
   }
   .single-cover {
-    /*padding: 20px 15px 15px;*/
+    padding: 15px 10px 10px;
   }
   .muti-cover {
     position: relative;