home.vue 882 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="page">
  3. <navbar-line>
  4. <image src="/static/home_logo.png" mode="widthFix" class="logo"></image>
  5. </navbar-line>
  6. <view class="content">
  7. <rich-text :nodes="rich" class="rich"></rich-text>
  8. </view>
  9. </view>
  10. </template>
  11. <script>
  12. import navbarLine from '@/components/navbar-line.vue';
  13. export default {
  14. components:{
  15. navbarLine
  16. },
  17. data() {
  18. return {
  19. rich:'',
  20. }
  21. },
  22. onLoad() {
  23. this.getInfo();
  24. },
  25. methods: {
  26. async getInfo(){
  27. let res = await this.$request('home.company');
  28. this.rich = this.$tools.replaceDetail(res.data.content)
  29. },
  30. }
  31. }
  32. </script>
  33. <style lang="scss">
  34. page{
  35. background-color: #fff;
  36. }
  37. .logo{
  38. width: 60rpx;
  39. height: 60rpx;
  40. font-family: PingFang SC;
  41. margin-left: 30rpx;
  42. position: absolute;
  43. top: 50%;
  44. transform: translateY(-50%);
  45. }
  46. .content{
  47. .rich{
  48. line-height: normal;
  49. }
  50. }
  51. </style>