You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
7.1 KiB
1 lines
7.1 KiB
page{background:#f5f5f5}.uni-badge--error{background-color:var(--view-theme)!important}.scroll-list{margin-bottom:60rpx!important}.footer{position:fixed;right:20rpx;left:20rpx;bottom:36rpx;bottom:calc(36rpx + constant(safe-area-inset-bottom));bottom:calc(36rpx + env(safe-area-inset-bottom));z-index:101}.footer .cartIcon{position:absolute;bottom:0;left:0;width:96rpx;height:96rpx;border-radius:48rpx;background:linear-gradient(-90deg,var(--view-gradient),var(--view-theme));box-shadow:0rpx 0rpx 20rpx 0rpx rgba(0,0,0,.1)}.footer .cartIcon .image-wrap{width:96rpx;height:96rpx;border-radius:48rpx;text-align:center;line-height:96rpx}.footer .cartIcon .image{width:54rpx;height:54rpx;vertical-align:middle}.footer .inner-box{position:absolute;bottom:0;left:0;width:96rpx;height:96rpx;border-radius:48rpx;overflow:hidden;transition:.3s}.footer .inner-box.open{width:100%}.footer .inner{flex-wrap:nowrap;height:96rpx;padding:0 12rpx 0 128rpx;border-radius:48rpx;background:#333}.footer .btn{width:186rpx;height:72rpx;padding:0 32rpx;background:linear-gradient(-90deg,var(--view-gradient),var(--view-theme));border-radius:36rpx;text-align:center;font-weight:500;font-size:26rpx;line-height:72rpx;color:#fff}.footer .detail-btn{margin-left:16rpx;font-size:24rpx;color:#fff}.footer .detail-btn .iconfont{font-size:24rpx}.goodCate .uni-badge-left-margin .uni-badge--error{background-color:#fff!important;color:var(--view-theme);border-color:var(--view-theme);z-index:8}.goodCate .footer .cartIcon .uni-badge-left-margin .uni-badge--error{right:0!important;top:10px!important}.one .uni-badge-left-margin .uni-badge--error{background-color:var(--view-theme)!important;color:#fff;border-color:#fff;z-index:8}.mask{z-index:99}.good-cate{padding:80rpx}.address-window{bottom:98rpx;bottom:calc(98rpx + constant(safe-area-inset-bottom))!important;bottom:calc(98rpx + env(safe-area-inset-bottom))!important}.address-window.ons{bottom:0!important;bottom:constant(safe-area-inset-bottom)!important;bottom:env(safe-area-inset-bottom)!important}.dialog_nav::before{margin:0}.dialog_nav.dialogIndex::before{left:-172rpx!important}.menu_box{width:40rpx;height:40rpx;margin-right:20rpx}.menu_box .iconfont{font-size:40rpx;color:#fff}.tui-drawer-container_right{left:80rpx!important;border-radius:50rpx 0 0 50rpx}.tui-header .tui-list-cell{padding:24rpx 10rpx!important;font-size:24rpx!important;color:#333!important}.tui-header .tui-list-cell::after{display:none}.tui-header .open{font-size:20rpx;color:#999}.brand-box .tui-header .tui-list-cell{padding:24rpx 0!important;font-weight:500;font-size:28rpx!important}.input-box.fixed{background:#fff;top:0;right:0;left:0;z-index:10}.input-box.fixed .input{background:#f5f5f5;color:#999}.input-box.fixed .menu_box .iconfont{color:#333}.dialog{padding:44rpx 20rpx 0;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom);border-radius:40rpx 40rpx 0 0;background:linear-gradient(180deg,#f5f5f5,#f5f5f5 0,#fff)}.dialog-head{padding:0 24rpx;font-weight:500;font-size:32rpx;color:#333}.dialog-head .btn{width:40rpx;height:40rpx;cursor:pointer}.dialog-head .btn .iconfont{font-size:40rpx;color:#bbb}.dialog-body{margin-top:48rpx}.dialog-body .navbar{flex-shrink:0;position:relative;height:82rpx}.dialog-body .navbar .navbar-bg{position:absolute;top:0;left:0;width:100%;height:190rpx;border-radius:16rpx 16rpx 0 0;background:#eee}.dialog-body .navbar .active-bg{position:absolute;bottom:0;left:0;width:100%;height:96rpx}.dialog-body .navbar .active-bg .image1{width:50%;height:100%}.dialog-body .navbar .active-bg .image2{width:48rpx;height:78rpx}.dialog-body .navbar .inner{position:absolute;bottom:0;left:0;width:100%;height:100%}.dialog-body .navbar .inner .item{flex:1;min-width:0;font-size:28rpx;line-height:44rpx;color:#666}.dialog-body .navbar .inner .item .iconfont{display:none;margin-right:8rpx;font-size:36rpx}.dialog-body .navbar .inner .item.on{font-weight:500;font-size:32rpx;color:var(--view-theme)}.dialog-body .navbar .inner .item.on .iconfont{display:inline-block}.dialog-body .dialog-content{position:relative;border-radius:0 0 16rpx 16rpx;background:#fff}.dialog-body .dialog-content.btl{border-top-left-radius:24rpx}.dialog-body .dialog-content.btr{border-top-right-radius:24rpx}.dialog-body .dialog-content .link{padding:40rpx 32rpx;font-size:22rpx;line-height:30rpx;color:#999}.dialog-body .dialog-content .link .title{margin-bottom:16rpx;font-weight:500;font-size:28rpx;line-height:40rpx;color:#333}.dialog-body .dialog-content .link .iconfont{font-size:32rpx}.dialog-body .address-box{height:388rpx}.dialog-body .address-box .list{padding:36rpx 32rpx}.dialog-body .address-box .item{margin-top:32rpx;color:#333}.dialog-body .address-box .item:first-child{margin-top:0}.dialog-body .address-box .item .text{flex:1}.dialog-body .address-box .item .info{font-weight:500;font-size:28rpx;line-height:40rpx}.dialog-body .address-box .item .name{margin-top:8rpx;font-size:22rpx;line-height:30rpx;color:#999}.dialog-body .address-box .item .iconfont{visibility:hidden;font-size:36rpx}.dialog-body .address-box .item.on{color:var(--view-theme)}.dialog-body .address-box .item.on .name{color:var(--view-theme)}.dialog-body .address-box .item.on .iconfont{visibility:visible}.dialog-body .btn-box{height:88rpx;font-size:24rpx;line-height:34rpx;color:#666}.dialog-body .btn-box .iconfont{margin-left:4rpx;font-size:24rpx}.dialog-body .store-box{padding:40rpx 28rpx 40rpx 32rpx}.dialog-body .store-box .text{flex:1}.dialog-body .store-box .name{font-weight:500;font-size:28rpx;line-height:40rpx;color:#333}.dialog-body .store-box .info{margin-top:16rpx;font-size:22rpx;line-height:30rpx;color:#999}.dialog-body .store-box .value{flex:1}.dialog-body .store-box .iconfont{margin-right:12rpx;font-size:22rpx}.dialog-body .store-box .map-box{position:relative;width:188rpx;height:104rpx;margin-left:32rpx}.dialog-body .store-box .map-box .map{width:100%;height:100%}.dialog-body .store-box .map-box .img-box{position:absolute;bottom:16rpx;left:50%;width:52rpx;height:52rpx;padding:6rpx;border-radius:6rpx;background:#fff;box-shadow:0rpx 0rpx 12rpx 0rpx rgba(0,0,0,.0784);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dialog-body .store-box .map-box .img{width:100%;height:100%;border-radius:6rpx}.dialog-body .store-box .map-box .range{position:absolute;top:-40rpx;left:50%;height:36rpx;padding:0 16rpx;border-radius:6rpx;background:#fff;box-shadow:0rpx 0rpx 16rpx 0rpx rgba(0,0,0,.0784);-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap;font-size:20rpx;line-height:36rpx;color:#333}.dialog-body .store-box .map-box .range::after{content:"";position:absolute;bottom:0;left:50%;width:0;height:0;border-width:5rpx 9rpx;border-style:solid;border-color:#fff transparent transparent;-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}.dialog-body .store-box .map-box .dot{position:absolute;bottom:-10rpx;left:50%;width:6rpx;height:6rpx;border-radius:50%;background:var(--view-theme);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.dialog-foot{padding:20rpx 0}.dialog-foot .btn{height:72rpx;border-radius:36rpx;background:var(--view-theme);text-align:center;font-weight:500;font-size:26rpx;line-height:72rpx;color:#fff} |