java-mall-app/unpackage/dist/dev/mp-weixin/pages/checkout/checkout.wxss
2025-12-12 17:04:03 +08:00

530 lines
12 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.data-v-a037f574:export {
theme_bg: #f30213;
}
.page-container.data-v-a037f574 {
padding: 20rpx;
}
.m-island-type.data-v-a037f574 {
background: #fff;
padding: 30rpx 20rpx;
}
.m-island-type .m-tit.data-v-a037f574 {
height: 60rpx;
line-height: 60rpx;
margin-bottom: 20rpx;
}
.m-island-type .m-type.data-v-a037f574 {
display: flex;
justify-content: space-around;
}
.m-item .m-imgs.data-v-a037f574 {
width: 100rpx;
height: 100rpx;
border-radius: 50%;
background: #f1e6da;
display: flex;
justify-content: center;
align-items: center;
}
.m-item .m-imgs image.data-v-a037f574 {
width: 64rpx;
height: 64rpx;
}
.m-item .m-imgs-active.data-v-a037f574 {
background: #333959;
}
.m-item .m-name.data-v-a037f574 {
margin-top: 15rpx;
}
.m-cells.data-v-a037f574 {
font-size: 28rpx;
border-radius: 12rpx;
}
.m-addres-info.data-v-a037f574 {
padding: 32rpx 0;
background-color: white;
overflow: hidden;
position: relative;
border-radius: 12rpx;
}
.m-order-typetxt.data-v-a037f574 {
color: #f30213;
font-size: 16px;
}
.m-addres-info.data-v-a037f574::before {
content: "";
position: absolute;
width: 100%;
height: 6rpx;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAL0AAAAECAYAAADbEj6NAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTZFNEY0MzZFNERFMTFFNUE1MEFGNzBDMjEwRENBN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTZFNEY0MzdFNERFMTFFNUE1MEFGNzBDMjEwRENBN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NkU0RjQzNEU0REUxMUU1QTUwQUY3MEMyMTBEQ0E3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NkU0RjQzNUU0REUxMUU1QTUwQUY3MEMyMTBEQ0E3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn/dxJgAAAEGSURBVHjaYpToP8mABlSAuAuIAxkGH1gPxGVAfIcYxRc/lpJqvhgQtwNxAhAzDTK/nwDiXCA+Q4ziP7ccSDWfB4grgLgIiDkHmd+vAXExEO8gRrGxqTdeeRYktgAQ10ADlm2Qefo8NDIOEKuBxATPBvV3DTQcBhN4BE2MK4D4Pw0SPBM0k7cAseQg8/sbIK4H4lkgb1EjwcMSPQinAXEjEIsMMk+/AOJqIF4AxP9olOADoTWbyiDz+xcg7gDiPiD+TqwmEhO8A9R8w0Hm919APBmaET8Qq4mYBA9L9BeBWGs4eJrEBG8IjXCHQeb3f9BMDqp1npOikYQEP2yasKQmeFDBDhBgALcVQI75FJrUAAAAAElFTkSuQmCC) center repeat;
bottom: 0;
border-bottom: 2px dashed #f1e6da;
}
.m-ad-name.data-v-a037f574 {
display: -webkit-box;
position: relative;
margin-left: 40rpx;
-webkit-box-flex: 1;
height: 20px;
line-height: 20px;
font-weight: 400;
font-size: 14px;
}
.m-ad-name text.data-v-a037f574 {
margin: 0 10rpx 0 20rpx;
}
.m-ad-name.data-v-a037f574::after {
content: "\e7e0";
position: absolute;
left: -48rpx;
width: 30rpx;
height: 30rpx;
margin-top: -20rpx;
font-family: "iconfont" !important;
text-align: center;
line-height: 80rpx;
font-size: 80rpx;
}
.m-ad-address.data-v-a037f574 {
width: 650rpx;
margin-left: 16rpx;
display: -webkit-box;
-webkit-box-flex: 1;
line-height: 50rpx;
font-weight: 400;
font-size: 14px;
position: relative;
padding-left: 40rpx;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #888;
margin-top: 10rpx;
}
.m-addres-info .m-cell-ft.data-v-a037f574 {
position: absolute;
right: 20rpx;
top: 50%;
}
.m-product-all.data-v-a037f574 {
margin-top: 20rpx;
}
.total-info.data-v-a037f574 {
margin-top: 20rpx;
margin-top: 0rpx;
}
.m-panel-hd.data-v-a037f574::after {
border: none;
}
.m-total-info.data-v-a037f574 {
padding: 10rpx 20rpx;
font-size: 12px;
}
.m-total-info label.data-v-a037f574 {
font-size: 32rpx;
color: #f30213;
}
.m-footer-btn.data-v-a037f574 {
height: 110rpx;
width: 100%;
position: fixed;
bottom: 0;
left: 0;
background-color: #fff;
border-radius: 0;
z-index: 100;
bottom: constant(safe-area-inset-bottom);
bottom: env(safe-area-inset-bottom);
display: flex;
}
.m-footer-btn uni-form.data-v-a037f574 {
width: auto;
margin: auto;
}
.m-footer-btn-list.data-v-a037f574 {
width: 70%;
height: 100%;
position: relative;
float: left;
}
.m-footer-btn-item.data-v-a037f574 {
position: relative;
float: left;
width: 100%;
font-size: 24rpx;
color: #888;
line-height: 40rpx;
padding: 15rpx 0;
box-sizing: border-box;
height: 100%;
}
.m-footer-btn-main.data-v-a037f574 {
height: 80rpx;
float: left;
background-color: #f30213;
color: #fff;
line-height: 80rpx;
font-size: 32rpx;
text-align: center;
border-radius: 0;
border-radius: 9px;
line-height: 80rpx;
text-align: center;
margin: auto;
margin-left: 20rpx;
margin-right: 20rpx;
width: 230rpx;
}
.m-cart-total.data-v-a037f574 {
text-align: right;
padding-right: 20rpx;
}
.m-cart-total text.data-v-a037f574 {
font-size: 36rpx;
color: #f30213;
}
.m-cart-total text.mcs.data-v-a037f574 {
font-size: 12px;
}
.m-cart-total label.data-v-a037f574 {
color: #f30213;
}
.m-product-price text.data-v-a037f574 {
font-size: 24rpx;
margin-left: 8rpx;
}
.pre-info-price.data-v-a037f574 {
height: 18rpx !important;
font-size: 12px !important;
color: #b0b0b0 !important;
margin: 0 0 0 10rpx !important;
margin-left: 30rpx !important;
}
.pre-info-price .mcs.data-v-a037f574 {
color: #b0b0b0;
font-size: 10px;
}
.u-null-ad label.data-v-a037f574 {
font-size: 40rpx;
}
.u-null-ad text.data-v-a037f574 {
color: #f30213;
text-decoration: underline;
}
.u-disabled.data-v-a037f574 {
background-color: #aaaaaa;
}
.arrow.data-v-a037f574 {
width: 20rpx;
}
.coupon.data-v-a037f574 {
position: relative;
left: 12rpx;
font-weight: bold;
font-size: 26rpx;
}
.nearbylist-item.data-v-a037f574 {
padding: 20rpx 30rpx;
border-bottom: 1px solid #eee;
background: white;
}
.nearbylist-item.data-v-a037f574:last-child {
border: none;
}
.item-info.data-v-a037f574 {
position: relative;
font-size: 28rpx;
}
.item-name.data-v-a037f574 {
display: inline-block;
font-size: 30rpx;
}
.item-phone.data-v-a037f574 {
line-height: 45rpx;
}
.item-distance.data-v-a037f574 {
float: right;
font-size: 26rpx;
color: #bbb;
}
.item-address.data-v-a037f574 {
position: relative;
font-size: 26rpx;
color: #bbb;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
margin-right: 40rpx;
line-height: 40rpx;
}
.item-info.data-v-a037f574::after {
content: " ";
display: inline-block;
height: 12rpx;
width: 12rpx;
border-width: 4rpx 4rpx 0 0;
border-color: #ebebe7;
border-style: solid;
-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
top: -4rpx;
position: absolute;
top: 72%;
right: 4rpx;
padding: 3rpx;
}
.distribution.data-v-a037f574 {
display: flex;
align-items: center;
background: #fff;
padding: 30rpx 30rpx;
margin-top: 20rpx;
font-size: 28rpx;
}
.m-product-price1 text.data-v-a037f574 {
font-size: 24rpx;
color: #888;
margin-left: 8rpx;
}
.m-product-price.data-v-a037f574 {
/*display: flex;*/
justify-content: space-between;
padding-right: 20rpx;
margin-top: 6rpx;
}
.u-cart-num.data-v-a037f574 {
position: absolute;
bottom: 20rpx;
right: 20rpx;
}
.btn.data-v-a037f574 {
font-size: 28rpx;
color: #333333;
padding-left: 20rpx;
height: 80rpx;
line-height: 80rpx;
background: #ffffff;
border-bottom: 1px solid #d5d5d5;
}
/*mask*/
.drawer_screen.data-v-a037f574 {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #000;
opacity: 0.5;
overflow: hidden;
}
/*content*/
.drawer_box.data-v-a037f574 {
width: 650rpx;
overflow: hidden;
position: fixed;
top: 50%;
left: 0;
z-index: 1001;
background: #fafafa;
margin: -150px 50rpx 0 50rpx;
border-radius: 3px;
}
.drawer_title.data-v-a037f574 {
padding: 15px;
font: 20px "microsoft yahei";
text-align: center;
}
.drawer_content.data-v-a037f574 {
height: 210px;
overflow-y: scroll;
/*超出父盒子高度可滚动*/
}
.btn_ok.data-v-a037f574 {
padding: 10px;
font: 20px "microsoft yahei";
text-align: center;
border-top: 1px solid #e8e8ea;
color: #3cc51f;
}
.top.data-v-a037f574 {
padding-top: 8px;
}
.bottom.data-v-a037f574 {
padding-bottom: 8px;
}
.title.data-v-a037f574 {
height: 30px;
line-height: 30px;
width: 160rpx;
text-align: center;
display: inline-block;
font: 300 28rpx/30px "microsoft yahei";
}
.hint.data-v-a037f574 {
padding: 40rpx;
font-size: 12px;
color: #717171;
}
.hint text.data-v-a037f574 {
padding-left: 20rpx;
}
.footer.data-v-a037f574 {
border-top: 2rpx solid #d5d5d5;
position: absolute;
bottom: 0;
width: 100%;
height: 100rpx;
display: flex;
justify-content: space-between;
}
.footer view.data-v-a037f574 {
width: 50%;
text-align: center;
font-size: 32rpx;
line-height: 100rpx;
}
.footer-btn.data-v-a037f574 {
width: 50%;
background: #f30213;
height: 100rpx;
line-height: 100rpx;
text-align: center;
border-radius: 1rpx;
color: #fff;
}
.m-store.data-v-a037f574 {
padding-top: 30rpx;
padding-bottom: 20rpx;
}
.m-store-c.data-v-a037f574 {
padding-left: 20rpx;
position: relative;
}
.m-store-info.data-v-a037f574 {
padding: 20rpx;
margin-left: 30rpx;
}
.icon-store.data-v-a037f574 {
position: absolute;
top: -12rpx;
}
.icon-store.data-v-a037f574:before {
font-size: 20px;
}
.m-store-info label.data-v-a037f574 {
font-size: 14px;
}
.m-cells-title.data-v-a037f574 {
width: 70rpx;
margin-top: 0px;
margin-bottom: 0px;
line-height: 100rpx;
}
.u-textarea.data-v-a037f574 {
height: 100rpx;
line-height: 100rpx;
}
.placeholder-u-textarea.data-v-a037f574 {
height: 100rpx;
font-size: 12px;
color: #959593;
line-height: 100rpx;
}
.m-product-box.data-v-a037f574 {
border-radius: 12rpx;
background-color: #fff;
margin-top: 30rpx;
}
.m-product-item.data-v-a037f574 {
flex-direction: column;
background-color: transparent;
}
.m-product-item.data-v-a037f574:after {
content: " ";
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: 1px;
border-bottom: 1px solid #ebebe7;
color: #ebebe7;
/*transform-origin: 0 100%;*/
-webkit-transform: scaleY(0.5);
transform: scaleY(0.5);
}
.m-item-c.data-v-a037f574 {
position: relative;
/* width: 850rpx; */
display: flex;
}
.m-item-act.data-v-a037f574 {
position: relative;
width: 850rpx;
height: 100rpx;
}
.m-act-img.data-v-a037f574 {
width: 212rpx;
height: 212rpx;
}
.m-act-img image.data-v-a037f574 {
width: 100rpx;
height: 100rpx;
}
.act-item-name.data-v-a037f574 {
width: 570rpx;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.u-textarea-counter.data-v-a037f574 {
position: absolute;
right: 20rpx;
bottom: 0;
}
.mcs.data-v-a037f574 {
font-size: 12px;
color: #f30213;
}
.m-total-price.data-v-a037f574 {
color: #f30213;
font-size: 17px;
}
form.data-v-a037f574 {
flex: 1;
}
.tag.data-v-a037f574 {
padding: 0 10rpx;
}