clearRemind.vue 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <template>
  2. <view class="app-content">
  3. <view class="list">
  4. <view>
  5. <view class="video">
  6. <video id="myVideo" :src="`${constant.imgUrl}/getMyDebt.mp4`" :autoplay="true" object-fit="contain" style="width:700upx;height:1100upx;"></video>
  7. </view>
  8. </view>
  9. </view>
  10. <view style="text-align:center;margin-top:30upx;">
  11. <button class="admin-button-com big blue go-back" @click="goBack()">返回</button>
  12. </view>
  13. </view>
  14. </template>
  15. <script>
  16. export default {
  17. name: "loginRemind",
  18. components: {
  19. },
  20. mixins: [],
  21. data() {
  22. return {
  23. };
  24. },
  25. methods: {
  26. init(){
  27. },
  28. goBack(){
  29. uni.navigateBack()
  30. }
  31. },
  32. };
  33. </script>
  34. <style lang="scss" scoped>
  35. .app-content{
  36. padding:20upx 20upx 60upx 20upx;
  37. .title{
  38. font-weight: bold;
  39. font-size:40upx;
  40. margin-bottom:22upx;
  41. }
  42. .smallTitle{
  43. font-weight: bold;
  44. font-size:30upx;
  45. font-weight: bold;
  46. margin:25upx 0 25upx 0;
  47. }
  48. .info{
  49. font-size:30upx;
  50. margin-bottom:20upx;
  51. }
  52. .image{
  53. width:100%;
  54. margin-bottom:20upx;
  55. }
  56. .video{
  57. margin:0 auto;
  58. text-align: center;
  59. margin-bottom:10upx;
  60. }
  61. .book-button{
  62. margin-bottom:15upx;
  63. }
  64. .go-back{
  65. margin:0 auto;
  66. width:260upx;
  67. }
  68. }
  69. </style>