index.wxss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. page {
  2. height: 100%;
  3. }
  4. .preview_box {
  5. position: fixed;
  6. top: 0;
  7. left: 0;
  8. bottom: 0;
  9. right: 0;
  10. background: #000;
  11. white-space: nowrap;
  12. transition: all .3s;
  13. height: 100%;
  14. z-index: 99999;
  15. }
  16. .preview_box>.totalimg {
  17. color: #fff;
  18. position: absolute;
  19. z-index: 999;
  20. top: 10px;
  21. display: flex;
  22. justify-content: center;
  23. width: 100%;
  24. }
  25. .preview_box>.preview_box1 {
  26. height: 100%;
  27. position: relative;
  28. }
  29. .img_box {
  30. position: relative;
  31. display: inline-block;
  32. width: 100%;
  33. height: 100%;
  34. }
  35. .img_box>view {
  36. width: 100%;
  37. height: 100%;
  38. display: flex;
  39. align-items: center;
  40. justify-items: center;
  41. }
  42. movable-view {
  43. display: flex;
  44. align-items: center;
  45. justify-content: center;
  46. height: 100%;
  47. width: 100%;
  48. color: #fff;
  49. }
  50. movable-area {
  51. height: 100%;
  52. width: 100%;
  53. overflow: hidden;
  54. }
  55. /* 查看原图按钮 */
  56. .originalBtn {
  57. background-color:rgba(73, 73, 73, 0.4);
  58. border-radius: 30rpx;
  59. color: #fff;
  60. padding: 5rpx 20rpx;
  61. display: flex;
  62. justify-content: center;
  63. align-items: center;
  64. height: 50rpx;
  65. width: 40%;
  66. font-size: 28rpx;
  67. margin: 0 20rpx;
  68. }