home.vue 748 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. <template>
  2. <view class="page">
  3. <navbar-line>
  4. <image src="" mode="" class="logo"></image>
  5. </navbar-line>
  6. <view class="content">
  7. </view>
  8. </view>
  9. </template>
  10. <script>
  11. import navbarLine from '@/components/navbar-line.vue';
  12. export default {
  13. components:{
  14. navbarLine
  15. },
  16. data() {
  17. return {
  18. }
  19. },
  20. methods: {
  21. }
  22. }
  23. </script>
  24. <style lang="scss">
  25. page{
  26. background-color: #fff;
  27. }
  28. .logo{
  29. width: 141rpx;
  30. height: 36rpx;
  31. font-size: 34rpx;
  32. font-family: PingFang SC;
  33. font-weight: bold;
  34. background-color: #333333;
  35. line-height: 37rpx;
  36. margin-left: 30rpx;
  37. position: absolute;
  38. top: 50%;
  39. transform: translateY(-50%);
  40. }
  41. .content{
  42. height: 1000rpx;
  43. background-color: rgba(0,0,0,.6)
  44. }
  45. </style>