// 颜色 $color-blue:#3387FF; $color-white:#FFFFFF; // 字体大小 $font_size_34:34rpx; $font_size_36:36rpx; page{ background-color: #fff; } .but_button690{ margin: 10rpx; width: 690rpx; height: 88rpx; font-size: $font_size_34; font-weight: normal; } .but_button630{ margin: 10rpx; width: 630rpx; height: 88rpx; font-size: $font_size_34; font-weight: normal; } .center_in_sequence{ display: flex; flex-direction: column; align-items: center; } .center_in{ width: 100%; display: flex; justify-content: center; align-items: center; } .space_between{ width: 100%; display: flex; justify-content: space-between; align-items: center; } .safeDistance{ padding-top: constant(safe-area-inset-top); padding-top: env(safe-area-inset-top); } .up_and_down{ display: flex; flex-direction: column; justify-content: space-between; align-items: center; } .font36{ font-size: $font_size_36; font-weight: bold; text-align: left; color: #333; } .btn_print { position: fixed; bottom: 0; left: 0; right: 0; background-color: #fff; padding: 20rpx; box-shadow: 0rpx 0rpx 20rpx 0rpx rgba(0, 0, 0, 0.1); } .wx_card { position: fixed; display: flex; flex-direction: column; align-items: center; bottom: 50rpx; left: 0rpx; right: 0rpx; margin-bottom: 50rpx; } .card_btn_wx { display: flex; align-items: center; justify-content: center; width: 70rpx; height: 70rpx; border-radius: 50%; } // 伪元素1rpx边框 .frame { position: relative; //重要 } .frame::after { position: absolute; content: ''; border: 2rpx solid #b4b3b1; border-radius: 50%; width: 200%; height: 200%; top: 0; left: 0; transform: scale(0.5); transform-origin: 0 0; pointer-events: none; /* 使伪元素不会阻止鼠标事件 */ } .title_login_wx { font-size: 26rpx; margin-top: 12rpx; }