上面部分

src/views/message/messageList.vue

@@ -1,21 +1,25 @@
 <template>
   <div class="right" :style="{ height: height, width: width }">
     <div class="up">
-      <div class="up-title">🔍筛选搜索</div>
-      <div class="up-input-title">
-        消息标题:<el-input v-model="input" class="up-input" placeholder="请输入内容"></el-input>
+      <div class="left-up">
+        <div class="up-title">🔍筛选搜索</div>
+        <div class="up-input-title">
+          消息标题:<el-input v-model="input" class="up-input" placeholder="请输入内容"></el-input>
 
+        </div>
+
+        <div class="up-input-title-right">
+          <span class="demonstration">发布时间:</span>
+          <el-date-picker v-model="value2" type="datetimerange" class="up-input-right" :picker-options="pickerOptions"
+            range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期" align="right">
+          </el-date-picker>
+        </div>
       </div>
-      
-      <div class="up-input-title-right">
-        <span class="demonstration">发布时间:</span>
-        <el-date-picker v-model="value2" type="datetimerange" class="up-input-right" :picker-options="pickerOptions" range-separator="至"
-          start-placeholder="开始日期" end-placeholder="结束日期" align="right">
-        </el-date-picker>
-      </div>
-      <div class="anniu">
-        <el-button plain>重置</el-button>
-        <el-button type="primary" plain>查询列表</el-button>
+      <div class="right-up">
+        <div class="anniu">
+          <el-button plain>重置</el-button>
+          <el-button type="primary" plain>查询列表</el-button>
+        </div>
       </div>
     </div>
 
@@ -56,17 +60,26 @@
   margin-left: 40px;
   float: left;
 }
-.up-input-right{
+
+.up-input-right {
   width: 500px;
 }
+
 .up-input-title-right {
   margin-left: 450px;
   margin-top: 15px;
-  
+
 }
-.anniu{ 
-  
+
+.anniu {
+  margin-top: 20px;
+  margin-left: 20px;
 }
+.right-up{
+  float: right;
+  padding-right: 15px;
+} 
+
 /**
 自适应
 */
@@ -77,4 +90,7 @@
   height: 100%;
   /* background-color: #9dc3e6; */
 }
+.left-up{
+  float: left;
+}
 </style>