<div class="form-panel-hd flex-center">
<div class="panel-label">Project Information</div>
<div class="panel-arrow" :class="toggle?'on':'up'" @click="prjToggle()"></div>
</div>
<div v-if="toggle">
<v-row class="form-v-rows" >
<v-col cols='12' >
<div class="form-group">
<div class="form-row">
<input type="text" class="ui-input" placeholder="Project name">
</div>
</div>
</v-col>
<v-col cols='12' sm="6">
<div class="form-group">
<div class="form-row">
<input type="text" class="ui-input" placeholder="Official website">
</div>
</div>
</v-col>
<v-col cols='12' sm="6">
<div class="form-group">
<div class="form-row">
<input type="text" class="ui-input" placeholder="Logo URL ">
</div>
</div>
</v-col>
<v-col cols='12' sm="12">
<div class="form-group">
<div class="form-row form-textarea-row">
<div class="flex_bd">
<textarea rows="" cols="" class="ui-input" placeholder="Project introduction"></textarea>
</div>
<v-btn class="btn-primary" @click="save()">Edit</v-btn>
</div>
</div>
</v-col>
</v-row>
</div>
methods: {
filechange(e){
console.log(e)
},
prjToggle(){
this.toggle = !this.toggle
},
save(){
this.toggle = false
}
}