companyInfo.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. <template>
  2. <view class="content">
  3. <view class="bg">
  4. <image src="https://hos-1309931967.cos.ap-chongqing.myqcloud.com/fs/20240715/93fc6ee39e034d24916fe54e195a0c6e.jpg"></image>
  5. </view>
  6. <view class="video-cont">
  7. <video
  8. autoplay
  9. v-if="config!=null"
  10. :src="config.videoUrl"
  11. style="width: 95%;"
  12. controls
  13. ></video>
  14. </view>
  15. </view>
  16. </template>
  17. <script>
  18. import {getStoreConfig} from '@/api/common'
  19. export default {
  20. data() {
  21. return {
  22. config:null,
  23. }
  24. },
  25. onLoad(option) {
  26. },
  27. onShow() {
  28. this.getStoreConfig();
  29. },
  30. methods: {
  31. getStoreConfig(){
  32. getStoreConfig().then(
  33. res => {
  34. if(res.code==200){
  35. this.config=res.data
  36. console.log(this.config);
  37. }
  38. },
  39. rej => {}
  40. );
  41. }
  42. }
  43. }
  44. </script>
  45. <style scoped lang="scss">
  46. page{
  47. }
  48. .content{
  49. width: 100%;
  50. height:100%;
  51. position: relative;
  52. .bg{
  53. width: 100%;
  54. height:100%;
  55. position: absolute;
  56. image{
  57. width:100%;
  58. height:3500px;
  59. }
  60. }
  61. .video-cont{
  62. padding-top: 390px;
  63. width: 100%;
  64. display: flex;
  65. align-items: center;
  66. justify-content: center;
  67. }
  68. }
  69. </style>