how.vue 655 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. <template>
  2. <view class="videos">
  3. <custom-nav :title="pageTitle"></custom-nav>
  4. <view class="video_title">操作视频</view>
  5. <video src="https://api.jiuweiyun.cn/public/uploads/operation.mp4" controls></video>
  6. </view>
  7. </template>
  8. <script>
  9. export default {
  10. data() {
  11. return {
  12. pageTitle: '如何上传图片',
  13. }
  14. },
  15. methods: {
  16. }
  17. }
  18. </script>
  19. <style lang="scss">
  20. .videos {
  21. width: 100%;
  22. height: 100%;
  23. position: relative;
  24. margin-top:217rpx;
  25. .video_title{
  26. font-size:36rpx;
  27. font-weight: bold;
  28. color:#333;
  29. margin-bottom:30rpx;
  30. text-align: center;
  31. }
  32. video {
  33. width: 100%;
  34. }
  35. }
  36. </style>