调整功能区的样式

vue/afvue/src/views/Sfilecompare.vue

@@ -8,7 +8,7 @@
                     <option value="0">请选择源服务器</option>
                     <option v-for="item in uslist" :value="item.addr+':'+item.port">{{ item.addr+':'+item.port }}</option>
                 </select>
-                <input type="text" placeholder="/"  v-model="fspath">
+                <input name="path" class="inputbox" type="text" placeholder="/"  v-model="fspath">
                 <button @click="getFlist">Go</button>
                 <button @click="">home</button>
                 <button @click="goParent">🔙</button>
@@ -34,7 +34,7 @@
                     <option value="0">请选择源服务器</option>
                     <option v-for="item in uslist" :value="item.addr+':'+item.port">{{ item.addr+':'+item.port }}</option>
                 </select>
-                <input type="text" placeholder="192.168.66.92:9098" v-model="sspath">
+                <input name="path" class="inputbox" type="text" placeholder="192.168.66.92:9098" v-model="sspath">
                 <button @click="getSflist">GO</button>
                 <button @click="">home</button>
                 <button @click="goParent">🔙</button>
@@ -220,8 +220,36 @@ export default {
 }
 .sfind{
     width: 100%;
+    /* height: 40px; */
+    line-height: 40px;
+    padding: 12px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+.sfind .selbox{
+    height: 40px;
+    border-top: none;
+    border-left:none;
+    border-right: none;
+
+    outline: none;
+    padding: 0 12px;
+}
+.sfind .inputbox{
     height: 40px;
     line-height: 40px;
+    padding: 12px;
+    border-top: none;
+    border-left:none;
+    border-right: none;
+    margin-left: 12px;
+    outline: none;
+    width: 460px;
+}
+.sfind  button{
+    width: 70px;
+    height: 40px;
+    margin-left: 12px;
+    
 }
 .sfcon .sflist{
     min-height: 560px;