heard.vue 733 B

12345678910111213141516171819202122232425262728293031323334
  1. <template>
  2. <view class="img">
  3. <view class="imgBox"><image class="imgFlex" src="../../static/img/logo.png" mode="heightFix"></image></view>
  4. </view>
  5. </template>
  6. <script>
  7. export default {
  8. //定义一个对象
  9. props: {
  10. aboutUs: Object
  11. }
  12. //(是在用到这个组件时的页面这样做) 如果有data数据,封装,需要在上放html中声明一下 例:data{1,2,3,45} html:<view :data = "data"></view>
  13. };
  14. </script>
  15. <style lang="scss" scoped>
  16. .img {
  17. height: 80rpx;
  18. .imgBox {
  19. background-color: #FFFFFF;
  20. padding: 10rpx 10rpx;
  21. position: fixed;
  22. width: 100%;
  23. height: auto;
  24. top: 0;
  25. left: 0;
  26. z-index: 999999;
  27. border-bottom:1PX solid $border-color-light;
  28. .imgFlex {
  29. height: 60rpx;
  30. }
  31. }
  32. }
  33. </style>