enterpriseimg.vue 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768
  1. <template>
  2. <view class="column" style="height: 100%;position: relative;">
  3. <view class="top-content ">
  4. <view class="status_bar" :style="{height: statusBarHeight+'px'}"></view>
  5. <!-- 这里是状态栏 -->
  6. <view class="top-title">关于</view>
  7. </view>
  8. <view :style="{marginTop: `calc(${statusBarHeight}px + 88rpx)`}">
  9. <image :src="enterpriseimg"
  10. mode="widthFix" class="w100 pb120"></image>
  11. </view>
  12. </view>
  13. </template>
  14. <script>
  15. import{getenterprise} from '@/api/courseManage.js'
  16. export default {
  17. // name:"enterpriseimg",
  18. data() {
  19. return {
  20. statusBarHeight: uni.getSystemInfoSync().statusBarHeight,
  21. enterpriseimg:'',
  22. };
  23. },
  24. mounted() {
  25. this.getenterprises()
  26. console.log(this.$store.state.imgpath)
  27. const imgs = []
  28. },
  29. methods: {
  30. getenterprises(){
  31. getenterprise().then(res=>{
  32. if(res.code==200){
  33. console.log(res)
  34. this.enterpriseimg=res.data.images
  35. }else{
  36. uni.showToast({
  37. title: res.msg,
  38. icon: 'none'
  39. });
  40. }
  41. })
  42. },
  43. }
  44. }
  45. </script>
  46. <style lang="scss" scoped>
  47. .top-content {
  48. width: 100%;
  49. z-index: 10;
  50. position: fixed;
  51. top: 0;
  52. left: 0;
  53. background-color: #FFFFFF;
  54. .top-title {
  55. height: 88rpx;
  56. line-height: 88rpx;
  57. font-size: 42rpx;
  58. font-family: Source Han Sans CN;
  59. font-weight: bold;
  60. color: #222222;
  61. padding-left: 41rpx;
  62. background-color: #FFFFFF;
  63. }
  64. }
  65. </style>