提交

src/views/mobile/mine.vue

@@ -17,10 +17,8 @@
                 </el-row>
                 <div class="intersetedFlag" v-if="publicFun.getUserDetailRoleFunc()==1">
                     <div>
-                        <span v-if="intersetedFlag.length>0" v-for="item in intersetedFlag">{{item.dataName}}</span>
-                        <span @click="isShowFlag = true">
-                    +  {{$t("interseted.add")}}
-                </span>
+                        <div v-if="intersetedFlag.length>0" v-for="item in intersetedFlag"><span>{{item.dataName}}</span></div>
+                        <p @click="handleToFlag" class="flagButton"><span>+  {{$t("interseted.add")}}</span></p>
                     </div>
                 </div>
                 <div class="routerLink routerLinkFirst" v-if="activeList.length>0">
@@ -106,7 +104,8 @@
                         routerLink:"/usehelped"
                     }
                 ],
-                intersetedFlag:[]
+                intersetedFlag:[],
+                isFlag:0
             }
         },
         methods: {
@@ -269,6 +268,29 @@
             hiddenSelect(){
                 this.isShowFlag = false;
                 this.isShow = true;
+                this.getInitInfo();
+                setTimeout(function(){
+                    that.isFlag=0;
+                    return false;
+                },5000)
+            },
+
+            handleToFlag(){
+                var that =this;
+                if(this.isFlag==0){
+                    this.isFlag++;
+                    this.isShowFlag = true;
+                    setTimeout(function(){
+                        that.isFlag=0;
+                        return false;
+                    },5000)
+                }else{
+                    Toast("操作太频繁，请稍后再试")
+                    setTimeout(function(){
+                        that.isFlag=0;
+                        return false;
+                    },5000)
+                }
             }
         },
         mounted() {
@@ -362,9 +384,25 @@
             padding-right: .2rem;
             align-items: center;
             margin-bottom: .6rem;
+            z-index: 9999;
             >div{
                 margin-top: -0.3rem;
-                >span{
+                >div{
+                    display: inline-block;
+                    min-height: .5rem;
+                    padding: .08rem .1rem;
+                    color: #fff;
+                    border: 1px solid #fff;
+                    font-size: .24rem;
+                    margin-right: .2rem;
+                    border-radius: .03rem;
+                    margin-bottom: .15rem;
+                    &:last-of-type{
+                        background-color: #fff;
+                        color: #5D78FF;
+                    }
+                }
+                p.flagButton{
                     display: inline-block;
                     min-height: .5rem;
                     padding: .08rem .1rem;