/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .header-box.data-v-52afd294 { background-color: #ffffff; padding: 30rpx; } .header-box .card-box.data-v-52afd294 { width: 100%; min-height: 300rpx; padding: 40rpx; background-size: 100% 100%; border-radius: 30rpx; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; } .header-box .card-box.data-v-52afd294::after { content: ""; display: block; width: 100%; height: 100%; z-index: 2; position: absolute; top: 0; left: 0; background: var(--bce371da) no-repeat; pointer-events: none; } .header-box .card-box .card-head.data-v-52afd294 { color: #ffffff; font-size: 24rpx; } .header-box .card-box .ss-eye-icon.data-v-52afd294 { font-size: 40rpx; color: #ffffff; } .header-box .card-box .money-num.data-v-52afd294 { font-size: 40rpx; line-height: normal; font-weight: 500; color: #ffffff; font-family: OPPOSANS; } .header-box .card-box .reduce-num.data-v-52afd294 { font-size: 26rpx; font-weight: 400; color: #ffffff; } .header-box .card-box .withdraw-btn.data-v-52afd294 { width: 120rpx; height: 60rpx; line-height: 60rpx; border-radius: 30px; font-size: 24rpx; font-weight: 500; background-color: #ffffff; color: var(--ui-BG-Main); } .header-box .card-box .balance-btn.data-v-52afd294 { width: 120rpx; height: 60rpx; line-height: 60rpx; border-radius: 30px; font-size: 24rpx; font-weight: 500; color: #ffffff; border: 1px solid #ffffff; } .loading-money.data-v-52afd294 { margin-top: 56rpx; } .loading-money .loading-money-title.data-v-52afd294 { font-size: 24rpx; font-weight: 400; color: #ffffff; line-height: normal; margin-bottom: 30rpx; } .loading-money .loading-money-num.data-v-52afd294 { font-size: 30rpx; font-family: OPPOSANS; font-weight: 500; color: #fefefe; } .filter-box.data-v-52afd294 { height: 120rpx; padding: 0 30rpx; background-color: #f6f6f6; } .filter-box .total-box.data-v-52afd294 { font-size: 24rpx; font-weight: 500; color: #999999; } .filter-box .date-btn.data-v-52afd294 { background-color: #ffffff; line-height: 54rpx; border-radius: 27rpx; padding: 0 20rpx; font-size: 24rpx; font-weight: 500; color: #666666; } .filter-box .date-btn .ss-seldate-icon.data-v-52afd294 { font-size: 50rpx; color: #999999; } .wallet-tab-card .tab-item.data-v-52afd294 { height: 80rpx; position: relative; } .wallet-tab-card .tab-item .tab-title.data-v-52afd294 { font-size: 30rpx; } .wallet-tab-card .tab-item .cur-tab-title.data-v-52afd294 { font-weight: 700; } .wallet-tab-card .tab-item .tab-line.data-v-52afd294 { width: 60rpx; height: 6rpx; border-radius: 6rpx; position: absolute; left: 50%; transform: translateX(-50%); bottom: 2rpx; background-color: var(--ui-BG-Main); } .wallet-list.data-v-52afd294 { padding: 30rpx; background-color: #ffff; } .wallet-list .head-img.data-v-52afd294 { width: 70rpx; height: 70rpx; border-radius: 50%; background: #cccccc; } .wallet-list .list-content.data-v-52afd294 { justify-content: space-between; align-items: flex-start; flex: 1; } .wallet-list .list-content .title.data-v-52afd294 { font-size: 28rpx; color: #333333; width: 400rpx; } .wallet-list .list-content .time.data-v-52afd294 { color: #cccccc; font-size: 22rpx; } .wallet-list .money.data-v-52afd294 { font-size: 28rpx; font-weight: bold; font-family: OPPOSANS; } .wallet-list .money .add.data-v-52afd294 { color: var(--ui-BG-Main); } .wallet-list .money .minus.data-v-52afd294 { color: #333333; } .model-title.data-v-52afd294 { font-size: 36rpx; font-weight: bold; color: #333333; } .model-subtitle.data-v-52afd294 { font-size: 26rpx; color: #c2c7cf; } .model-btn.data-v-52afd294 { width: 100%; height: 80rpx; border-radius: 40rpx; font-size: 28rpx; font-weight: 500; color: #ffffff; line-height: normal; } .input-box.data-v-52afd294 { height: 100rpx; } .input-box .unit.data-v-52afd294 { font-size: 48rpx; color: #333; font-weight: 500; line-height: normal; } .input-box .uni-easyinput__placeholder-class.data-v-52afd294 { font-size: 30rpx; height: 40rpx; line-height: normal; }