messageList.vue 501 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <div :class="className" :style="{height:height,width:width}" >
  3. <div class="up">
  4. </div>
  5. <el-input v-model="input" placeholder="请输入内容"></el-input>
  6. <div class="down">
  7. <i class="el-icon-s-order"></i>消息列表</div>
  8. <el-button>默认按钮</el-button>
  9. </div>
  10. </template>
  11. <script>
  12. </script>
  13. <style>
  14. .up{
  15. }
  16. .el-col {
  17. border-radius: 4px;
  18. }
  19. .grid-content {
  20. border-radius: 4px;
  21. min-height: 36px;
  22. }
  23. </style>