530 lines
12 KiB
Plaintext
530 lines
12 KiB
Plaintext
@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;
|
||
}
|
||
|