| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 |
- @charset "UTF-8";
- /**
- * 这里是uni-app内置的常用样式变量
- *
- * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量
- * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App
- *
- */
- /**
- * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能
- *
- * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
- */
- /* 颜色变量 */
- /* 行为相关颜色 */
- .invoice {
- height: calc(100vh - env(safe-area-inset-bottom));
- padding: 24rpx;
- position: relative;
- }
- .invoice .box {
- padding: 20rpx 0;
- border-radius: 16rpx;
- }
- .invoice .box .item {
- padding: 16rpx 30rpx;
- }
- .invoice .box .item .label {
- font-size: 28rpx;
- color: #101010;
- }
- .invoice .box .item .content {
- min-width: 440rpx;
- }
- .invoice .footer {
- left: 0;
- bottom: 0;
- width: 100%;
- padding: 24rpx;
- position: absolute;
- }
- .invoice .footer .btn {
- height: 88rpx;
- }
- .invoice .footer .submit-btn {
- color: #ffffff;
- background-color: #E39B37;
- }
- .invoice .footer .cancel-btn {
- color: #E39B37;
- background-color: #ffffff;
- }
- .invoice .invoice-type {
- padding: 40rpx;
- padding-bottom: 0;
- }
- .invoice .invoice-type .invoice-type--item {
- padding: 28rpx 36rpx;
- border-radius: 40rpx;
- margin-bottom: 30rpx;
- }
- .invoice .invoice-type .invoice-type-confirm-btn {
- padding: 90rpx 0 50rpx 0;
- }
- .invoice .invoice-type .invoice-type-confirm-btn .confirm {
- background-color: #FF9E1E;
- }
|