uTop.vue 650 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <view class="top">
  3. <image class="logo" src="../../static/imgs/fmcs_logo.png"></image>
  4. <image class="menu" src="../../static/imgs/fmcs_menu.png" @click="showMenus"></image>
  5. </view>
  6. </template>
  7. <script>
  8. export default {
  9. data(){
  10. return {
  11. }
  12. },
  13. methods:{
  14. showMenus(){
  15. }
  16. }
  17. }
  18. </script>
  19. <style scoped lang="less">
  20. .top{
  21. width: 100%;
  22. padding: 18rpx 30rpx;
  23. box-sizing: border-box;
  24. display: flex;
  25. align-items: center;
  26. justify-content: space-between;
  27. .logo{
  28. width: 228rpx;
  29. height: 54rpx;
  30. }
  31. .menu{
  32. width: 48rpx;
  33. height: 48rpx;
  34. }
  35. }
  36. </style>