489 lines
12 KiB
Plaintext
489 lines
12 KiB
Plaintext
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/*每个页面公共css */
|
||
|
||
/* uni.css - 通用组件、模板样式库，可以当作一套ui库应用 */
|
||
/* @import './common/uni.css'; */
|
||
/* H5 兼容 pc 所需 */
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* 以下样式用于 hello uni-app 演示所需 */
|
||
page {
|
||
background-color: #efeff4;
|
||
height: 100%;
|
||
font-size: 28rpx;
|
||
line-height: 1.8;
|
||
/* overflow: hidden; */
|
||
}
|
||
.fix-pc-padding {
|
||
padding: 0 100rpx;
|
||
}
|
||
.uni-header-logo {
|
||
padding: 30rpx;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
margin-top: 10rpx;
|
||
}
|
||
.uni-header-image {
|
||
width: 200rpx;
|
||
height: 200rpx;
|
||
}
|
||
.uni-hello-text {
|
||
color: #7A7E83;
|
||
}
|
||
.uni-hello-addfile {
|
||
text-align: center;
|
||
line-height: 300rpx;
|
||
background: #FFF;
|
||
padding: 50rpx;
|
||
margin-top: 20rpx;
|
||
font-size: 38rpx;
|
||
color: #808080;
|
||
}
|
||
|
||
/*checkbox 选项框大小 */
|
||
/* uni-checkbox .uni-checkbox-input {
|
||
width: 30rpx !important;
|
||
height: 30rpx !important;
|
||
} */
|
||
/*checkbox选中后样式 */
|
||
/* uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked {
|
||
background: #3D7EFF;
|
||
border-color:#3D7EFF;
|
||
} */
|
||
/*checkbox选中后图标样式 */
|
||
/* uni-checkbox .uni-checkbox-input.uni-checkbox-input-checked::before {
|
||
width: 20rpx;
|
||
height: 20rpx;
|
||
line-height: 20rpx;
|
||
text-align: center;
|
||
font-size: 18rpx;
|
||
color: #fff;
|
||
background: transparent;
|
||
transform: translate(-70%, -50%) scale(1);
|
||
-webkit-transform: translate(-70%, -50%) scale(1);
|
||
} */
|
||
|
||
@charset "UTF-8";
|
||
/**
|
||
* 这里是uni-app内置的常用样式变量
|
||
*
|
||
* uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
|
||
* 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
|
||
*
|
||
*/
|
||
/**
|
||
* 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
|
||
*
|
||
* 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
|
||
*/
|
||
/* 颜色变量 */
|
||
/* 行为相关颜色 */
|
||
/* 文字基本颜色 */
|
||
/* 背景颜色 */
|
||
/* 边框颜色 */
|
||
/* 尺寸变量 */
|
||
/* 文字尺寸 */
|
||
/* 图片尺寸 */
|
||
/* Border Radius */
|
||
/* 水平间距 */
|
||
/* 垂直间距 */
|
||
/* 透明度 */
|
||
/* 文章场景相关 */
|
||
.box {
|
||
border-radius: 8rpx;
|
||
background-color: #fff;
|
||
margin: 0 0 20rpx 0;
|
||
box-sizing: border-box;
|
||
position: relative;
|
||
}
|
||
.main {
|
||
width: 710rpx;
|
||
margin: 0 auto;
|
||
}
|
||
.tag {
|
||
width: 68rpx;
|
||
height: 40rpx;
|
||
line-height: 40rpx;
|
||
text-align: center;
|
||
border-radius: 4rpx;
|
||
background: #e1f1fe;
|
||
display: inline-block;
|
||
margin-right: 8rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-family: PingFangSC, PingFangSC-Regular;
|
||
font-weight: 400;
|
||
}
|
||
.recent_orders {
|
||
margin: 20rpx auto;
|
||
}
|
||
.recent_orders .order_lists {
|
||
padding: 28rpx 20rpx 0;
|
||
}
|
||
.recent_orders .order_lists .date_type {
|
||
opacity: 1;
|
||
font-size: 28rpx;
|
||
font-family: PingFangSC, PingFangSC-Regular;
|
||
font-weight: 400;
|
||
text-align: left;
|
||
height: 40rpx;
|
||
line-height: 40rpx;
|
||
letter-spacing: 0px;
|
||
}
|
||
.recent_orders .order_lists .date_type .time {
|
||
display: inline-block;
|
||
color: #333333;
|
||
}
|
||
.recent_orders .order_lists .date_type .type {
|
||
display: inline-block;
|
||
color: #666666;
|
||
float: right;
|
||
}
|
||
.recent_orders .order_lists .date_type .status {
|
||
color: #f58c21;
|
||
}
|
||
.recent_orders .order_lists .orderBox {
|
||
position: relative;
|
||
}
|
||
.recent_orders .order_lists .food_num {
|
||
padding-bottom: 32rpx;
|
||
flex: 1;
|
||
display: flex;
|
||
}
|
||
.recent_orders .order_lists .food_num .food_num_item {
|
||
margin-top: 24rpx;
|
||
margin-right: 14rpx;
|
||
width: 156rpx;
|
||
height: 120rpx;
|
||
display: inline-block;
|
||
}
|
||
.recent_orders .order_lists .food_num .food_num_item .img image {
|
||
width: 156rpx;
|
||
height: 120rpx;
|
||
border-radius: 8rpx;
|
||
display: block;
|
||
}
|
||
.recent_orders .order_lists .food_num .food {
|
||
height: 40rpx;
|
||
overflow: hidden;
|
||
text-overflow: ellipsis;
|
||
white-space: nowrap;
|
||
padding-top: 12rpx;
|
||
font-size: 26rpx;
|
||
color: #666;
|
||
}
|
||
.recent_orders .order_lists .numAndAum {
|
||
height: 160rpx;
|
||
opacity: 1;
|
||
font-size: 26rpx;
|
||
font-family: PingFangSC, PingFangSC-Regular;
|
||
font-weight: 400;
|
||
text-align: left;
|
||
color: #666666;
|
||
line-height: 40rpx;
|
||
text-align: center;
|
||
position: absolute;
|
||
right: 0;
|
||
top: 0;
|
||
background: rgba(255, 255, 255, 0.76);
|
||
padding: 46rpx 10rpx 0;
|
||
}
|
||
.recent_orders .order_lists .numAndAum view:first-child text {
|
||
font-family: PingFangSC, PingFangSC-Medium;
|
||
font-weight: 600;
|
||
color: #333333;
|
||
}
|
||
.recent_orders .order_lists .numAndAum view:last-child {
|
||
font-size: 24rpx;
|
||
color: #666;
|
||
}
|
||
.recent_orders .order_lists .numAndAum view:last-child text {
|
||
padding: 0 10rpx;
|
||
}
|
||
.againBtn {
|
||
padding-bottom: 20rpx;
|
||
height: 72rpx;
|
||
text-align: right;
|
||
}
|
||
.againBtn .new_btn {
|
||
width: 172rpx;
|
||
height: 68rpx;
|
||
line-height: 68rpx;
|
||
border-color: #e5e4e4;
|
||
background-color: #fff;
|
||
border-radius: 8rpx;
|
||
font-size: 28rpx;
|
||
font-family: PingFangSC, PingFangSC-Medium;
|
||
font-weight: 500;
|
||
color: #333333;
|
||
margin-left: 20rpx;
|
||
display: inline-block;
|
||
}
|
||
.againBtn .btn {
|
||
background: #ffc200;
|
||
}
|
||
.phoneIcon {
|
||
background: url(data:image/png;base64,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);
|
||
background-size: contain;
|
||
width: 42rpx;
|
||
height: 42rpx;
|
||
display: inline-block;
|
||
vertical-align: middle;
|
||
}
|
||
.container .popup-content {
|
||
height: auto;
|
||
padding: 0 0 0rpx;
|
||
display: block;
|
||
}
|
||
.container .uni-popup {
|
||
z-index: 9999;
|
||
}
|
||
.container .uni-popup .popup-content {
|
||
border-radius: 8rpx 8rpx 0 0;
|
||
}
|
||
.popup-content {
|
||
align-items: center;
|
||
justify-content: center;
|
||
padding: 15px;
|
||
height: 50px;
|
||
background-color: #fff;
|
||
}
|
||
.popupBox .popupTitle {
|
||
background: #fef6e9;
|
||
padding: 24rpx 30rpx;
|
||
line-height: 34rpx;
|
||
border-radius: 8rpx 8rpx 0 0;
|
||
}
|
||
.popupBox .popupTitle text {
|
||
color: #f58c21;
|
||
}
|
||
.popupBox .popupCon {
|
||
padding: 30rpx 0;
|
||
}
|
||
.popupBox .popupCon .popupBtn {
|
||
display: flex;
|
||
padding: 0 68rpx 38rpx;
|
||
border-bottom: 2rpx solid #efefef;
|
||
}
|
||
.popupBox .popupCon .popupBtn text {
|
||
flex: 1;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
line-height: 40rpx;
|
||
}
|
||
.popupBox .popupCon .popupBtn text:first-child {
|
||
text-align: left;
|
||
}
|
||
.popupBox .popupCon .popupBtn text:nth-child(2) {
|
||
font-size: 32rpx;
|
||
font-weight: 500;
|
||
}
|
||
.popupBox .popupCon .popupBtn text:last-child {
|
||
text-align: right;
|
||
}
|
||
.popupBox .popupCon .popupList > view {
|
||
border-bottom: 2rpx solid #efefef;
|
||
padding: 40rpx 0 27rpx;
|
||
text-align: center;
|
||
}
|
||
.popupBox .popupSet {
|
||
background: #f6f6f6;
|
||
padding: 30rpx;
|
||
font-size: 28rpx;
|
||
text-align: center;
|
||
margin: 0 32rpx;
|
||
border-radius: 8rpx;
|
||
color: #666;
|
||
}
|
||
.popupBox .popupSet view:last-child {
|
||
padding-top: 34rpx;
|
||
color: #333;
|
||
}
|
||
.popupBox .popupSet view:last-child radio-group {
|
||
display: flex;
|
||
width: 100%;
|
||
}
|
||
.popupBox .popupSet view:last-child radio-group label {
|
||
flex: 1;
|
||
display: block;
|
||
}
|
||
.popupBox .popupSet view:last-child radio-group label radio {
|
||
-webkit-transform: scale(0.7);
|
||
transform: scale(0.7);
|
||
}
|
||
.closePopup {
|
||
background: #fff;
|
||
padding: 40rpx;
|
||
text-align: center;
|
||
}
|
||
.colseShop {
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
top: 0;
|
||
background: rgba(0, 0, 0, 0);
|
||
z-index: 9999;
|
||
}
|
||
.colseShop .shop {
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
background: rgba(0, 0, 0, 0.63);
|
||
color: #fff;
|
||
height: 200rpx;
|
||
line-height: 200rpx;
|
||
text-align: center;
|
||
font-size: 36rpx;
|
||
font-weight: 600;
|
||
}
|
||
.phoneCon .popupBox {
|
||
text-align: center;
|
||
color: #333;
|
||
font-size: 32rpx;
|
||
line-height: 44rpx;
|
||
}
|
||
.phoneCon .popupBox .popup-content {
|
||
padding: 0;
|
||
position: fixed;
|
||
left: 0;
|
||
right: 0;
|
||
bottom: 0;
|
||
padding-bottom: 20rpx;
|
||
}
|
||
.phoneCon .popupBox .popup-content > view {
|
||
height: 120rpx;
|
||
line-height: 120rpx;
|
||
font-size: 32rpx;
|
||
color: #333;
|
||
}
|
||
.phoneCon .popupBox .popup-content > view:first-child {
|
||
border-bottom: 2rpx solid #efefef;
|
||
color: #666;
|
||
font-size: 26rpx;
|
||
}
|
||
.phoneCon .popupBox .popup-content > view:last-child {
|
||
height: 100rpx;
|
||
line-height: 100rpx;
|
||
}
|
||
.phoneCon .closePopup {
|
||
border-top: 12rpx solid #f6f6f6;
|
||
padding-top: 10rpx;
|
||
padding-bottom: 10rpx;
|
||
}
|
||
.comPopupBox .popup-content {
|
||
border-radius: 8rpx;
|
||
width: 500rpx;
|
||
text-align: center;
|
||
font-size: 28rpx;
|
||
line-height: 40rpx;
|
||
height: auto;
|
||
padding: 0;
|
||
}
|
||
.comPopupBox .popup-content .text {
|
||
padding: 60rpx;
|
||
}
|
||
.comPopupBox .popup-content .btn {
|
||
border-top: 2rpx solid #efefef;
|
||
display: flex;
|
||
font-size: 32rpx;
|
||
}
|
||
.comPopupBox .popup-content .btn > view {
|
||
padding: 24rpx 0;
|
||
flex: 1;
|
||
}
|
||
.comPopupBox .popup-content .btn > view:first-child {
|
||
border-right: 2rpx solid #efefef;
|
||
}
|
||
.comPopupBox .popup-content .btn > view:last-child {
|
||
color: #f58c21;
|
||
}
|
||
.tag {
|
||
width: 68rpx;
|
||
height: 40rpx;
|
||
line-height: 40rpx;
|
||
text-align: center;
|
||
border-radius: 4rpx;
|
||
background: #e1f1fe;
|
||
display: inline-block;
|
||
margin-right: 8rpx;
|
||
color: #333333;
|
||
font-size: 24rpx;
|
||
font-family: PingFangSC, PingFangSC-Regular;
|
||
font-weight: 400;
|
||
}
|
||
.tag2 {
|
||
background: #fef8e7;
|
||
}
|
||
.tag3 {
|
||
background: #e7fef8;
|
||
}
|
||
.payBox .wx-checkbox-input-checked,
|
||
.payBox .wx-radio-input-checked,
|
||
.payBox .wx-switch-input-checked {
|
||
background-color: #ffc200 !important;
|
||
border-color: #ffc200 !important;
|
||
color: #000 !important;
|
||
-webkit-transform: scale(0.7);
|
||
transform: scale(0.7);
|
||
}
|
||
radio .wx-radio-input.wx-radio-input-checked::before {
|
||
border-radius: 50%;
|
||
/* 圆角 */
|
||
width: 36rpx;
|
||
/* 选中后对勾大小，不要超过背景的尺寸 */
|
||
height: 36rpx;
|
||
/* 选中后对勾大小，不要超过背景的尺寸 */
|
||
line-height: 36rpx;
|
||
text-align: center;
|
||
font-size: 40rpx;
|
||
/* 对勾大小 30rpx */
|
||
font-weight: 600;
|
||
color: #000;
|
||
/* 对勾颜色 白色 */
|
||
border: 1rpx solid #ffc200;
|
||
background: #ffc200;
|
||
}
|
||
.dish_dishFlavor {
|
||
font-size: 20rpx;
|
||
color: #666;
|
||
}
|
||
|