服务支持

src/pages/news/index.vue

@@ -43,7 +43,7 @@
             </FormItem>
           </Col>
           <Col flex="3" class="layout-level" >
-            <Dropdown trigger="click" style="width:100px;" prop="telephone" @on-click="xx">
+            <!-- <Dropdown trigger="click" style="width:100px;" prop="telephone" @on-click="xx">
                   <div  class="layout-level-left">
                   联系方式
                   <Icon type="ios-arrow-down"></Icon>
@@ -52,16 +52,20 @@
                   <DropdownItem>联系方式</DropdownItem>
                   <DropdownItem>邮箱</DropdownItem>
                 </DropdownMenu>
-            </Dropdown>
-            <!-- <Select v-model="model1">
-              <Option v-for="(item,index) in model" :key="index" :value="item.value">
+            </Dropdown> -->
+            <Select v-model="model1" style="width:100px" class="layout-level">
+              <Option v-for="(item,index) in method" :key="index" :value="item.value">
                 {{item.label}}
               </Option>
-            </Select> -->
+            </Select>
+            <FormItem label="邮箱" prop="telephone" @on-click="select">
+              <Icon type="ios-arrow-down" v-if="down == true"  style="line-height:32px"/>
+              <Icon type="ios-arrow-up"  v-if="up == true" style="line-height:32px"/>
               <Input
                 v-model="formValidate.telephone"
                 style="width:180px"
               ></Input>
+            </FormItem>
           </Col>
         </Row>
         <Input
@@ -224,7 +228,9 @@ export default {
             trigger: "blur"
           }
         ]
-      }
+      },
+      down:true,
+      up:false,
     };
   },
   created() {},
@@ -250,12 +256,15 @@ export default {
         }
       });
     },
-    xx(name ){
-      console.log(name)
+    select(){
+      this.down = false
+      this.up = true
+      console.log(this.down,this.up)
     }
   }
 };
 </script>
+
 <style lang="less">
 .pc1 {
   margin-top: 100px;
@@ -264,8 +273,6 @@ export default {
     // border: 1px solid #f90;
   }
 }
-</style>
-<style lang="less">
 .ivu-menu-item {
   width: 50%;
   text-align: center;
@@ -317,4 +324,13 @@ export default {
     line-height: 32px;
   }
 }
+.layout-level>.ivu-select-selection{
+  border: none;
+  width: 100px;
+  display: flex;
+  justify-content: flex-end;
+  border-color:#fff ;
+  box-shadow: 0 0 0 0 #fff;
+
+}
 </style>