|
- .page {
- display: flex;
- flex-direction: column;
- align-items: center;
- // justify-content: center;
- padding: 30rpx;
- // background-color: #fff;
- font-size: 26rpx;
- color: #fff;
- position: relative;
- min-height: 100vh;
- background-color: rgba(0, 0, 0, 0.8);
- }
-
- .pageH5 {
- min-height: calc(100vh - 44px);
- }
-
- // 毛玻璃
- .glass {
- position: fixed;
- width: 100vw;
- height: 100vh;
- z-index: -9;
-
- image {
- width: 100vw;
- height: 100vh;
- // position: fixed;
- // background-size: 100% 100%;
- // z-index: -1;
- /* 通过滤镜增加毛玻璃效果 */
- filter: blur(20rpx);
- }
- }
-
- body {
- -webkit-touch-callout: none;
- /*系统默认菜单被禁用*/
- -webkit-user-select: none;
- /*webkit浏览器*/
- -khtml-user-select: none;
- /*早起浏览器*/
- -moz-user-select: none;
- /*火狐浏览器*/
- -ms-user-select: none;
- /*IE浏览器*/
- user-select: none;
- /*用户是否能够选中文本*/
- }
-
- // * {
- // user-select: none;
- // touch-action: none;
- // -webkit-touch-callout: none !important;
- // -webkit-user-select: none !important;
- // -khtml-user-select: none !important;
- // -moz-user-select: none !important;
- // -ms-user-select: none !important;
- // user-select: none !important;
- // }
-
- // body {
- // background-color: #FFFFFF !important;
- // }
-
- view {
- box-sizing: border-box;
- }
-
- .imgContenBox {
- position: relative;
-
- image {
- position: absolute;
- top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);
- }
- }
-
- // 按钮包裹盒子,控制按钮宽度
- .myBtnbox {
- width: 50%;
- }
-
- .orangeBtn {
- background-color: #FF4F00;
- width: 520rpx;
- height: 100rpx;
- line-height: 100rpx;
- font-size: 30rpx;
- font-weight: bold;
- text-align: center;
- border-radius: 100rpx;
- }
-
- .grayBtn {
- position: relative;
- margin-top: 30rpx;
- background-color: transparent;
- width: 520rpx;
- height: 100rpx;
- line-height: 100rpx;
- font-size: 30rpx;
- font-weight: bold;
- text-align: center;
- border-radius: 100rpx;
- color: #FF4F00;
- border: 2rpx solid #FF4F00;
- }
-
- // 主要文字颜色和图片颜色
- // .imgggg {
- // color: #4452d7;
- // }
- // .texttttt {
- // color: #8d43c9;
- // }
|