/** * 这里是uni-app内置的常用样式变量 * * uni-app 官方扩展插件及插件市场(https://ext.dcloud.net.cn)上很多三方插件均使用了这些样式变量 * 如果你是插件开发者,建议你使用scss预处理,并在插件代码中直接使用这些变量(无需 import 这个文件),方便用户通过搭积木的方式开发整体风格一致的App * */ /** * 如果你是App开发者(插件使用者),你可以通过修改这些变量来定制自己的插件主题,实现自定义主题功能 * * 如果你的项目同样使用了scss预处理,你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件 */ /* 颜色变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .container.data-v-d2c808da { min-height: 100vh; background: #f8f8f8; padding-bottom: calc(140rpx + env(safe-area-inset-bottom)); } .nav-bar.data-v-d2c808da { display: flex; align-items: center; background: #fff; padding: 0 30rpx; position: fixed; top: 0; left: 0; right: 0; z-index: 999; } .nav-bar .back.data-v-d2c808da { padding: 20rpx; margin-left: -20rpx; } .nav-bar .title.data-v-d2c808da { flex: 1; text-align: center; font-size: 34rpx; font-weight: 500; color: #222; } .nav-bar .right-btns.data-v-d2c808da { display: flex; align-items: center; gap: 30rpx; } .nav-bar .right-btns .more.data-v-d2c808da, .nav-bar .right-btns .target.data-v-d2c808da { font-size: 40rpx; color: #333; } .address-list.data-v-d2c808da { padding: 32rpx; margin-top: calc(38rpx + var(--status-bar-height)); height: calc(100vh - 88rpx - var(--status-bar-height) - 140rpx - env(safe-area-inset-bottom)); box-sizing: border-box; overflow-y: auto; -webkit-overflow-scrolling: touch; } .address-list .address-item.data-v-d2c808da { background: #fff; border-radius: 24rpx; margin-bottom: 24rpx; padding: 32rpx 28rpx 0 28rpx; box-shadow: 0 4rpx 24rpx rgba(0, 0, 0, 0.04); } .address-list .address-item .address-header.data-v-d2c808da { display: flex; align-items: center; } .address-list .address-item .address-header .name.data-v-d2c808da { font-size: 32rpx; color: #222; font-weight: 500; margin-right: 20rpx; } .address-list .address-item .address-header .phone.data-v-d2c808da { font-size: 32rpx; color: #222; } .address-list .address-item .address-header .default-tag.data-v-d2c808da { margin-left: 18rpx; font-size: 24rpx; color: #FF9500; border: 1rpx solid #FF9500; border-radius: 8rpx; padding: 2rpx 12rpx; background: #FFF7E6; vertical-align: middle; } .address-list .address-item .address-text.data-v-d2c808da { font-size: 28rpx; color: #888; margin: 16rpx 0 0 0; line-height: 1.5; } .address-list .address-item .dashed-line.data-v-d2c808da { border-bottom: 1rpx dashed #eee; margin: 24rpx 0 0 0; } .address-list .address-item .address-actions.data-v-d2c808da { display: flex; align-items: center; justify-content: space-around; padding: 0 0 18rpx 0; } .address-list .address-item .address-actions .action.data-v-d2c808da { display: flex; align-items: center; margin-right: 48rpx; } .address-list .address-item .address-actions .action .circle.data-v-d2c808da { width: 36rpx; height: 36rpx; border-radius: 50%; border: 2rpx solid #FF9500; margin-right: 8rpx; display: flex; align-items: center; justify-content: center; } .address-list .address-item .address-actions .action .circle.active.data-v-d2c808da { background: #FF9500; border: none; } .address-list .address-item .address-actions .action .circle.active .check.data-v-d2c808da { color: #fff; font-size: 24rpx; } .address-list .address-item .address-actions .action text.data-v-d2c808da { font-size: 26rpx; color: #bbb; } .address-list .address-item .address-actions .action .active-text.data-v-d2c808da { color: #FF9500; } .bottom-bar.data-v-d2c808da { position: fixed; left: 0; right: 0; bottom: 0; background: #fff; padding: 24rpx 32rpx env(safe-area-inset-bottom); z-index: 10; } .main-btn.data-v-d2c808da { width: 100%; height: 90rpx; background: linear-gradient(90deg, #FFB74D 0%, #FF9500 100%); color: #fff; font-size: 32rpx; border-radius: 45rpx; font-weight: bold; margin: 0 auto; display: flex; align-items: center; justify-content: center; box-shadow: 0 4rpx 16rpx rgba(255, 149, 0, 0.08); } .modal-mask.data-v-d2c808da { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000; } .address-modal.data-v-d2c808da, .region-modal.data-v-d2c808da { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1001; background: #fff; border-radius: 32rpx 32rpx 0 0; box-shadow: 0 -4rpx 32rpx rgba(0, 0, 0, 0.08); padding-bottom: env(safe-area-inset-bottom); animation: slideUp-d2c808da 0.2s; } @keyframes slideUp-d2c808da { from { transform: translateY(100%); } to { transform: translateY(0); } } .modal-header.data-v-d2c808da { display: flex; align-items: center; justify-content: space-between; padding: 32rpx 32rpx 0 32rpx; } .modal-header .close-btn.data-v-d2c808da { color: #bbb; font-size: 30rpx; } .modal-header .modal-title.data-v-d2c808da { flex: 1; text-align: center; font-size: 34rpx; font-weight: bold; color: #222; } .modal-form.data-v-d2c808da { padding: 0 32rpx; } .modal-form .form-item.data-v-d2c808da { border-bottom: 1rpx solid #f2f2f2; padding: 28rpx 0 10rpx 0; } .modal-form .form-item .label.data-v-d2c808da { color: #222; font-size: 28rpx; margin-bottom: 8rpx; } .modal-form .form-item .input.data-v-d2c808da, .modal-form .form-item .region-input.data-v-d2c808da { width: 100%; font-size: 28rpx; color: #222; background: none; border: none; outline: none; } .modal-form .form-item .input.placeholder.data-v-d2c808da, .modal-form .form-item .region-input.placeholder.data-v-d2c808da { color: #ccc; } .modal-form .form-item .region-input.data-v-d2c808da { display: flex; align-items: center; justify-content: space-between; } .modal-form .form-item .arrow.data-v-d2c808da { color: #ccc; font-size: 28rpx; margin-left: 10rpx; } .region-picker.data-v-d2c808da { padding: 32rpx 0 0 0; } .region-picker .picker-view.data-v-d2c808da { width: 100%; height: 300rpx; display: flex; justify-content: center; align-items: center; } .region-picker .picker-view .active.data-v-d2c808da { color: #222; font-weight: bold; } .region-picker .picker-view view.data-v-d2c808da { color: #ccc; font-size: 28rpx; text-align: center; } .region-picker .item.data-v-d2c808da { text-align: center; display: flex; align-items: center; justify-content: center; font-size: 30rpx; color: #222; }