邃芒智像(Uniapp : WX、TT、H5)
Nevar pievienot vairāk kā 25 tēmas Tēmai ir jāsākas ar burtu vai ciparu, tā var saturēt domu zīmes ('-') un var būt līdz 35 simboliem gara.
 
 
 
 

119 rindas
2.2 KiB

  1. .page {
  2. display: flex;
  3. flex-direction: column;
  4. align-items: center;
  5. // justify-content: center;
  6. padding: 30rpx;
  7. // background-color: #fff;
  8. font-size: 26rpx;
  9. color: #fff;
  10. position: relative;
  11. min-height: 100vh;
  12. background-color: rgba(0, 0, 0, 0.8);
  13. }
  14. .pageH5 {
  15. min-height: calc(100vh - 44px);
  16. }
  17. // 毛玻璃
  18. .glass {
  19. position: fixed;
  20. width: 100vw;
  21. height: 100vh;
  22. z-index: -9;
  23. image {
  24. width: 100vw;
  25. height: 100vh;
  26. // position: fixed;
  27. // background-size: 100% 100%;
  28. // z-index: -1;
  29. /* 通过滤镜增加毛玻璃效果 */
  30. filter: blur(20rpx);
  31. }
  32. }
  33. body {
  34. -webkit-touch-callout: none;
  35. /*系统默认菜单被禁用*/
  36. -webkit-user-select: none;
  37. /*webkit浏览器*/
  38. -khtml-user-select: none;
  39. /*早起浏览器*/
  40. -moz-user-select: none;
  41. /*火狐浏览器*/
  42. -ms-user-select: none;
  43. /*IE浏览器*/
  44. user-select: none;
  45. /*用户是否能够选中文本*/
  46. }
  47. // * {
  48. // user-select: none;
  49. // touch-action: none;
  50. // -webkit-touch-callout: none !important;
  51. // -webkit-user-select: none !important;
  52. // -khtml-user-select: none !important;
  53. // -moz-user-select: none !important;
  54. // -ms-user-select: none !important;
  55. // user-select: none !important;
  56. // }
  57. // body {
  58. // background-color: #FFFFFF !important;
  59. // }
  60. view {
  61. box-sizing: border-box;
  62. }
  63. .imgContenBox {
  64. position: relative;
  65. image {
  66. position: absolute;
  67. top: 50%;
  68. left: 50%;
  69. transform: translate(-50%, -50%);
  70. }
  71. }
  72. // 按钮包裹盒子,控制按钮宽度
  73. .myBtnbox {
  74. width: 50%;
  75. }
  76. .orangeBtn {
  77. background-color: #FF4F00;
  78. width: 520rpx;
  79. height: 100rpx;
  80. line-height: 100rpx;
  81. font-size: 30rpx;
  82. font-weight: bold;
  83. text-align: center;
  84. border-radius: 100rpx;
  85. }
  86. .grayBtn {
  87. position: relative;
  88. margin-top: 30rpx;
  89. background-color: transparent;
  90. width: 520rpx;
  91. height: 100rpx;
  92. line-height: 100rpx;
  93. font-size: 30rpx;
  94. font-weight: bold;
  95. text-align: center;
  96. border-radius: 100rpx;
  97. color: #FF4F00;
  98. border: 2rpx solid #FF4F00;
  99. }
  100. // 主要文字颜色和图片颜色
  101. // .imgggg {
  102. // color: #4452d7;
  103. // }
  104. // .texttttt {
  105. // color: #8d43c9;
  106. // }