12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182 |
- /* 全局公共样式 */
- page{
- font-size: $global-font-size-base;
- color: $global-text-color;
- width: 100%;
- min-height: calc(100% - calc(50px + constant(safe-area-inset-bottom)));
- min-height: calc(100% - calc(50px + env(safe-area-inset-bottom)));
- background-color: $global-bg-color;
- padding-bottom: calc(50px + constant(safe-area-inset-bottom));
- padding-bottom: calc(50px + env(safe-area-inset-bottom));
- }
- view{
- box-sizing: border-box;
- }
- .flex{
- display: flex;
- }
- /* 卡片列表样式 */
- .global-list-card{
- border: 1px solid rgba(112, 112, 112, 0.05);
- box-shadow: 3rpx 3rpx 12rpx rgba(161, 161, 161, 0.14);
- border-radius: 16rpx;
- overflow: hidden;
- }
- /* 公共按钮 */
- .global-btn-yellow-change{
- background: linear-gradient(270deg, #EEC795 0%, #D9A360 100%);
- border-radius: 35rpx;
- color: $global-text-color-white;
- text-align: center;
- line-height: 70rpx;
- }
- .global-btn-yellow-plain{
- text-align: center;
- color: $global-text-color-main;
- border-radius: 35rpx;
- border: 1px solid $global-text-color-main;
- line-height: 70rpx;
- }
- .global-btn-disable{
- text-align: center;
- color:$global-text-color-white;
- background-color: #E6E6E6;
- border-radius: 35rpx;
- line-height: 70rpx;
- }
- /* 公共弹窗 */
- .global-pup{
- background-color: #fff;
- width: 90vw;
- min-height: 200rpx;
- font-size: $global-font-size-lg;
- .content{
- padding: 34rpx;
- text-align: center;
- min-height: 250rpx;
- display: flex;
- align-items: center;
- text-align: center;
- line-height: 1.7;
- rich-text{
- flex: 1;
- }
- }
- .bot{
- border-top: 1px solid $global-border-color;
- view{
- line-height: 96rpx;
- flex: 1;
- text-align: center;
- border-right: 1px solid $global-border-color;
- color:$global-text-color-main;
- }
- view:last-child {
- border: none;
- }
- }
- }
|