123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101 |
- @charset "UTF-8";
- .text-center {
- text-align: center;
- }
- .font-weight {
- font-weight: bold;
- }
- .page-width {
- width: 100%;
- }
- .goods-hover-class {
- opacity: .9;
- background-color: #f7f7f7;
- }
- .background-image {
- background-repeat: no-repeat;
- background-size: 100% 100%;
- background-position: center;
- }
- /*全局文字大小*/
- /* 屏幕宽度*/
- page {
- font-size: 32rpx;
- background: #f7f7f7;
- }
- .page-width {
- width: 100%;
- }
- .u-hover-class {
- opacity: .9;
- background-color: #f7f7f7;
- }
- .safe-area-inset-bottom {
- padding-bottom: 0;
- padding-bottom: constant(safe-area-inset-bottom);
- padding-bottom: env(safe-area-inset-bottom);
- }
- page {
- background: #f7f7f7;
- }
- .page {
- padding-bottom: 120rpx;
- }
- .main-card,
- .child-card {
- padding: 56rpx;
- border-radius: 16rpx;
- margin: 24rpx;
- }
- .main-card {
- background: #d6aa84;
- color: #342e25;
- background-size: 100% 100%;
- height: 361rpx;
- font-size: 24rpx;
- margin-bottom: 30rpx;
- box-shadow: 0 0 24rpx rgba(0, 0, 0, 0.15);
- }
- .main-card .name {
- font-size: 40rpx;
- margin-bottom: 32rpx;
- }
- .child-card {
- background: #fff;
- position: relative;
- overflow: hidden;
- z-index: 1;
- border: 1rpx solid #e5e5e5;
- }
- .child-card .price {
- font-size: 40rpx;
- font-weight: bold;
- }
- .submit-bar {
- position: fixed;
- z-index: 100;
- left: 0;
- bottom: 0;
- width: 100%;
- background: #fff;
- height: 100rpx;
- border-top: 1rpx solid rgba(0, 0, 0, 0.1);
- }
- .submit-bar .price {
- padding: 0 24rpx;
- }
- .submit-bar .submit-btn {
- padding: 0 48rpx;
- color: #fff;
- }
- .checkbox {
- width: 46rpx;
- height: 46rpx;
- border-radius: 1000rpx;
- border-width: 2rpx;
- border-style: solid;
- }
- .checkbox.border-gray {
- border-color: #ccc;
- }
|