preview.wxss 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .preview {
  2. width: 100%;
  3. height: 100%;
  4. background: #fff;
  5. }
  6. .preview-success {
  7. display: inline-block;
  8. font-size: 40rpx;
  9. }
  10. .preview-url {
  11. border: 1px solid #ddd;
  12. padding: 16rpx;
  13. background: #f7f7f7;
  14. word-break:break-all;
  15. font-size: 32rpx;
  16. border-radius: 5rpx;
  17. margin-top: 40rpx;
  18. }
  19. .preview-tips {
  20. margin-top: 20rpx;
  21. font-size: 30rpx;
  22. color: #888;
  23. }
  24. .preview-button-wrap {
  25. margin-top: 30rpx;
  26. text-align: left;
  27. }
  28. .preview-button {
  29. display: inline-block;
  30. position:relative;
  31. text-align: center;
  32. box-sizing:border-box;
  33. font-size:32rpx;
  34. text-decoration:none;
  35. -webkit-tap-highlight-color:transparent;
  36. overflow:hidden;
  37. width:280rpx;
  38. height:85rpx;
  39. background-color:#fff;
  40. color:#2277da;
  41. line-height:85rpx;
  42. border-radius: 5rpx;
  43. }
  44. .preview-button:first-child {
  45. margin-right: 20rpx;
  46. }
  47. .preview-outer {
  48. margin-top: 50rpx;
  49. position: relative;
  50. text-align: center;
  51. width: 590rpx;
  52. }
  53. .preview-inner {
  54. padding-top: 50rpx;
  55. position: relative;
  56. text-align: center;
  57. width: 590rpx;
  58. }
  59. .preview-image {
  60. display:block;
  61. margin: 0 auto;
  62. width: 590rpx;
  63. height: 590rpx;
  64. }
  65. .preview-video {
  66. margin-top: 30rpx;
  67. display:block;
  68. margin: 0 auto;
  69. width: 590rpx;
  70. height: 415rpx;
  71. }