kitchendDevice/unpackage/dist/dev/mp-weixin/pages/count/count.wxss

260 lines
5.5 KiB
Plaintext
Raw Normal View History

2023-09-08 15:17:21 +08:00
@charset "UTF-8";
/**
* 这里是uni-app内置的常用样式变量
*
* uni-app 官方扩展插件及插件市场https://ext.dcloud.net.cn上很多三方插件均使用了这些样式变量
* 如果你是插件开发者建议你使用scss预处理并在插件代码中直接使用这些变量无需 import 这个文件方便用户通过搭积木的方式开发整体风格一致的App
*
*/
/**
* 如果你是App开发者插件使用者你可以通过修改这些变量来定制自己的插件主题实现自定义主题功能
*
* 如果你的项目同样使用了scss预处理你也可以直接在你的 scss 代码中使用如下变量,同时无需 import 这个文件
*/
/* 颜色变量 */
/* 行为相关颜色 */
/* 文字基本颜色 */
/* 背景颜色 */
/* 边框颜色 */
/* 尺寸变量 */
/* 文字尺寸 */
/* 图片尺寸 */
/* Border Radius */
/* 水平间距 */
/* 垂直间距 */
/* 透明度 */
/* 文章场景相关 */
.content.data-v-378efeb4 {
2025-11-25 14:21:22 +08:00
padding: 0 20rpx;
2023-09-08 15:17:21 +08:00
}
2025-04-02 09:49:39 +08:00
.content_box.data-v-378efeb4 {
width: 100%;
2025-11-25 14:21:22 +08:00
padding-top: 90rpx;
2025-04-02 09:49:39 +08:00
}
2025-11-25 14:21:22 +08:00
.blue-tooth.data-v-378efeb4 {
padding: 15px;
2023-09-08 15:17:21 +08:00
background: #fff;
2025-11-08 16:50:26 +08:00
border-radius: 10px;
margin-top: 15px;
2025-11-25 14:21:22 +08:00
}
.data.data-v-378efeb4 {
width: 100%;
background: #fff;
height: 90rpx;
position: fixed;
top: 0;
z-index: 999;
right: 0;
2025-11-08 16:50:26 +08:00
box-shadow: 0px 1px 5px 2px #dfe2e1fc;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.data picker.data-v-378efeb4 {
2025-11-08 16:50:26 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
width: 100%;
height: 90rpx;
position: relative;
2025-11-08 16:50:26 +08:00
align-items: center;
2025-11-25 14:21:22 +08:00
justify-content: center;
font-weight: bold;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.data picker view.data-v-378efeb4 {
width: 100%;
2023-09-08 15:17:21 +08:00
position: absolute;
2025-11-25 14:21:22 +08:00
left: 0;
top: 0;
2023-09-08 15:17:21 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
bottom: 0;
2023-09-08 15:17:21 +08:00
align-items: center;
justify-content: center;
}
2025-11-25 14:21:22 +08:00
.data picker image.data-v-378efeb4 {
width: 30rpx;
height: 30rpx;
margin-left: 10px;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.chart-wrap.data-v-378efeb4 {
position: relative;
width: 250rpx;
height: 250rpx;
margin-top: -30rpx;
margin-left: -5px;
2023-09-08 15:17:21 +08:00
display: flex;
flex-wrap: wrap;
}
2025-11-25 14:21:22 +08:00
.chart-wrap .center.data-v-378efeb4 {
border: none;
width: 280rpx;
height: 210rpx;
position: absolute;
top: 64rpx;
}
.everyDay.data-v-378efeb4 {
background: #fff;
padding: 20rpx 20rpx 30rpx;
border-radius: 20rpx;
margin-top: 30rpx;
height: auto;
overflow: hidden;
}
.everyDay .title.data-v-378efeb4 {
2023-09-08 15:17:21 +08:00
display: flex;
justify-content: space-between;
2025-11-25 14:21:22 +08:00
font-weight: bold;
font-size: 30rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.everyDay .title .quan.data-v-378efeb4 {
margin-right: 70rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools.data-v-378efeb4 {
margin-top: 30rpx;
}
.foodtools .type.data-v-378efeb4 {
2023-09-08 15:17:21 +08:00
background: #fff;
2025-11-25 14:21:22 +08:00
margin-bottom: 20rpx;
border-radius: 20rpx;
padding: 20rpx;
}
.foodtools .type .title.data-v-378efeb4 {
2023-09-08 15:17:21 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
align-items: center;
2023-09-08 15:17:21 +08:00
justify-content: space-between;
}
2025-11-25 14:21:22 +08:00
.foodtools .type .title image.data-v-378efeb4 {
width: 60rpx;
height: 60rpx;
}
.foodtools .type .title .text.data-v-378efeb4 {
width: 50%;
2023-09-08 15:17:21 +08:00
display: flex;
align-items: center;
}
2025-11-25 14:21:22 +08:00
.foodtools .type .title .text view.data-v-378efeb4 {
font-size: 32rpx;
font-weight: bold;
margin: 0 20rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .title .detail.data-v-378efeb4 {
color: #999;
2023-09-08 15:17:21 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
font-size: 24rpx;
align-items: center;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .list.data-v-378efeb4 {
width: 100%;
margin-top: 30rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .list .item.data-v-378efeb4 {
display: flex;
padding: 20rpx 0;
border-bottom: 1px solid #f7f7f7;
2025-11-08 16:50:26 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .list .item image.data-v-378efeb4 {
width: 90rpx;
height: 90rpx;
border-radius: 50%;
border: 1px solid #f7f7f7;
}
.foodtools .type .list .item .weight.data-v-378efeb4 {
2025-11-08 16:50:26 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
flex-direction: column;
2025-11-08 16:50:26 +08:00
justify-content: space-between;
2025-11-25 14:21:22 +08:00
margin-left: 20rpx;
2025-11-08 16:50:26 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .list .item .weight text.data-v-378efeb4 {
margin: 0 20rpx;
color: #dfdfdf;
2025-11-08 16:50:26 +08:00
}
2025-11-25 14:21:22 +08:00
.foodtools .type .add.data-v-378efeb4 {
2023-09-08 15:17:21 +08:00
width: 100%;
2025-11-25 14:21:22 +08:00
margin-top: 20rpx;
text-align: center;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.set.data-v-378efeb4 {
2023-09-08 15:17:21 +08:00
display: flex;
align-items: center;
2025-11-25 14:21:22 +08:00
justify-content: space-between;
margin-top: 20rpx;
font-size: 32rpx;
2023-09-08 15:17:21 +08:00
font-weight: bold;
}
2025-11-25 14:21:22 +08:00
.set .icon.data-v-378efeb4 {
background: #d1f2ed;
border-radius: 50%;
font-size: 56rpx;
color: #66cccc;
text-align: center;
padding: 10rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.tools.data-v-378efeb4 {
2025-03-25 10:17:30 +08:00
width: 100%;
2025-11-25 14:21:22 +08:00
background: #fff;
border-radius: 20rpx;
padding: 20rpx 0;
2023-09-08 15:17:21 +08:00
display: flex;
2025-11-25 14:21:22 +08:00
margin-bottom: 30rpx;
2023-09-08 15:17:21 +08:00
justify-content: space-between;
2025-11-25 14:21:22 +08:00
box-shadow: 0px 1px 5px 2px #dfe2e1fc;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.tools .type.data-v-378efeb4 {
width: 20%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.tools .type image.data-v-378efeb4 {
width: 90rpx;
height: 90rpx;
border-radius: 50%;
border: 1px solid #f7f7f7;
2025-03-25 10:17:30 +08:00
}
2025-11-25 14:21:22 +08:00
.tools .type .text.data-v-378efeb4 {
width: 100%;
text-align: center;
display: flex;
justify-content: center;
font-weight: bold;
2025-09-04 17:33:41 +08:00
}
2025-11-25 14:21:22 +08:00
.tools .type .text icon.data-v-378efeb4 {
font-size: 28rpx;
2023-09-08 15:17:21 +08:00
}
.nolist.data-v-378efeb4 {
2025-11-25 14:21:22 +08:00
font-size: 24rpx;
2023-09-08 15:17:21 +08:00
color: #999;
2025-11-25 14:21:22 +08:00
padding: 60rpx 20rpx;
2023-09-08 15:17:21 +08:00
text-align: center;
width: auto;
}
2025-11-08 16:50:26 +08:00
.nolist image.data-v-378efeb4 {
2025-11-25 14:21:22 +08:00
width: 100rpx;
height: 100rpx;
2023-09-08 15:17:21 +08:00
color: #999;
display: flex;
justify-content: center;
2025-11-25 14:21:22 +08:00
margin-bottom: 20rpx;
2023-09-08 15:17:21 +08:00
}
.list2.data-v-378efeb4 {
margin-top: 45%;
}
.list2 .btn.data-v-378efeb4 {
color: #fff;
2025-11-25 14:21:22 +08:00
height: 64rpx;
line-height: 64rpx;
2023-09-08 15:17:21 +08:00
}
2025-11-25 14:21:22 +08:00
.fenxi.data-v-378efeb4 {
color: #3CB383;
2025-09-17 14:55:24 +08:00
width: 100%;
2025-11-25 14:21:22 +08:00
background: #fff;
border-radius: 10px;
margin-bottom: 30px;
height: 45px;
2025-09-17 14:55:24 +08:00
display: flex;
justify-content: center;
align-items: center;
}
2025-11-25 14:21:22 +08:00
.fenxi image.data-v-378efeb4 {
width: 44rpx;
height: 44rpx;
margin-right: 5px;
2025-09-17 14:55:24 +08:00
}
2023-09-08 15:17:21 +08:00