123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123 |
- /* */
- .page-block {}
- .page-block .page-title-block {
- padding: 20rpx 25rpx;
- }
- .page-block .page-title-block .title {
- font-size: 28rpx;
- line-height: 40rpx;
- color: #999;
- }
- .page-block .content {
- padding: 0 25rpx;
- background-color: #fff;
- }
- .page-block .cell {
- min-height: 100rpx;
- border-bottom: 1rpx solid #f5f5f5;
- }
- .page-block .cell:last-child {
- border-bottom: none;
- }
- .page-block .cell .title-block {
- min-width: 155rpx;
- flex: none;
- font-size: 30rpx;
- color: #333;
- font-weight: 600;
- padding-right: 20rpx;
- }
- .page-block .cell .required::after {
- content: "*";
- color: #f00;
- }
- .page-block .cell .desc {
- flex: auto;
- height: 100%;
- }
- .page-block .cell .desc .desc-info{
- padding:30rpx 0;
- font-size: 28rpx;
- color: #999;
- line-height: 40rpx;
- }
- .page-block .cell .input-box {
- height: 100rpx;
- line-height: 100rpx;
- font-size: 28rpx;
- /* color: #999; */
- }
- .page-block .radio-btn {
- zoom: 0.7;
- }
- .page-block .radio-text {
- margin: 0 40rpx 0 8rpx;
- font-size: 28rpx;
- color: #999;
- }
- /* */
- .footer-bar {
- height: 160rpx;
- /*兼容 IOS<11.2*/
- padding-bottom: constant(safe-area-inset-bottom);
- /*兼容 IOS>11.2*/
- padding-bottom: env(safe-area-inset-bottom);
- box-sizing: content-box;
- }
- .footer-bar .content {
- width: 100%;
- height: 160rpx;
- background-color: #fff;
- position: fixed;
- left: 0;
- bottom: 0;
- z-index: 100;
- /*兼容 IOS<11.2*/
- padding-bottom: constant(safe-area-inset-bottom);
- /*兼容 IOS>11.2*/
- padding-bottom: env(safe-area-inset-bottom);
- box-sizing: content-box;
- box-shadow: 0 -5rpx 10rpx #eee;
-
- }
- .footer-bar .content .btn {
- width: 700rpx;
- height: 100rpx;
- background: linear-gradient(315deg, #3387ff 2%, #569bff 99%);
- border-radius: 8rpx;
- box-shadow: 0rpx 0rpx 8rpx 0rpx rgba(51, 135, 255, 0.20);
- text-align: center;
- line-height: 100rpx;
- font-size: 36rpx;
- font-weight: 500;
- color: #fff;
- }
- .footer-bar .content .detail-btn {
- width: 50%;
- height: 40rpx;
-
- }
-
- .footer-bar .content .detail-btn .btn-icon {
- flex: none;
- display: block;
- width: 32rpx;
- height: 32rpx;
- margin-right: 8rpx;
-
- }
|