.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; // }