mrr.sj.front/unpackage/dist/dev/mp-weixin/common/main.wxss

871 lines
83 KiB
Plaintext
Raw Normal View History

2026-03-24 11:45:13 +08:00
/*每个页面公共css */
/* 自定义字体 */
@font-face {
font-family: "shuHeiTi";
src: url(/static/Font/shuHeiTi.ttf) format("truetype");
font-display: swap;
}
/* 定义 DIN-Bold 字重 */
@font-face {
font-family: "DINPro"; /* 自定义字体名称(后续引用时需一致) */
src: url(data:font/otf;base64,T1RUTwAKAIAAAwAgQ0ZGIBlcR1AAAACsAABWVEdQT1NYA1C9AABbQAAADQpPUy8yNDAo3AAAb1QAAABgY21hcLSZn+YAAFcEAAAEOGhlYWTmjxkEAABoTAAAADZoaGVhCA0EcAAAaIQAAAAkaG10eBTuMacAAGisAAAD1G1heHAA9VAAAABshAAAAAZuYW1lTEPCFwAAbIwAAALEcG9zdP98AFcAAG+4AAAAIAEABAQAAQEBCURJTi1Cb2xkAAECAAEAPPgPAPgbAfgcAvgdA/gUBPsbDAPiDAQdAD0PIw37B/tiHASG+osFHAFgDxwAABAcA0kRHAAuHQAAViYSABMCAAEAXwBnAGoAbQB1AH0AhgCSAJ0ApgCtAK8AtwC8AMMAzgDTANoA4akgRHV0Y2ggRGVzaWduOiBBbGJlcnQtSmFuIFBvb2wsIDE5OTUuIFB1Ymxpc2hlZCBieSBGb250U2hvcCBJbnRlcm5hdGlvbmFsIEZvbnRGb250IHJlbGVhc2UgMTVESU4tQm9sZERJTkRDNG5vdGVxdWFsaW5maW5pdHlsZXNzZXF1YWxncmVhdGVyZXF1YWxwYXJ0aWFsZGlmZnN1bW1hdGlvbnByb2R1Y3RwaWludGVncmFsT21lZ2FyYWRpY2FsYXBwcm94ZXF1YWxEZWx0YW5ic3BhY2Vsb3plbmdlAAAAAAEAAgADAAQABQAGAAcACAAJAAoACwAMAA0ADgAPABAAEQASABMAFAAVABYAFwAYABkAGgAbABwAHQAeAB8AIAAhACIAIwAkACUAJgAnACgAKQAqACsALAAtAC4ALwAwADEAMgAzADQANQA2ADcAOAA5ADoAOwA8AD0APgA/AEAAQQBCAEMARABFAEYARwBIAEkASgBLAEwATQBOAE8AUABRAFIAUwBUAFUAVgBXAFgAWQBaAFsAXABdAF4AXwBgAGEAYgBjAGQAZQBmAGcAaABpAGoAawBsAG0AbgBvAHAAcQByAHMAdAB1AHYAdwB4AHkAegB7AHwAfQB+AH8AgACBAIIAgwCEAIUAhgCHAIgAiQCKAIsAjACNAI4AjwCQAJEAkgCTAJQAlQCaAKcAwADdAMUA4gCdAKIAxwDkAYoAmwCeAJYAowCpAKQAoACmAKgArQCvALEAsgC6AL0AwwDIAMsAyQDKAM0AzADOAM8A0gDQANEA0wDWANQA1QDXANgA2wDZANoA3ADeAOEA3wDgAKEApQCqAJkBiwGMAJwBjQGOAJgBjwGQAZEBkgGTAZQAlwGVAZYBlwGYAK4AsAC/AJ8BmQDjAMYArACzAKsAtAC1ALYAtwC4ALkAuwC8AL4AwQDCAMQA9QMAAAEAAAQAAAcAADEAAFgAANAAAYUAAhgAAsEAAtoAAyYAA3cAA78AA/AABAQABB4ABDUABEgABJsABMAABQ0ABYIABcAABkEABqEABswAB08AB68AB9oACAIACC8ACFQACH8ACOgACaQACdgACkgACr0ACyIAC1gAC4kADB0ADFYADG8ADKkADOMADQIADUEADXQADgYADlMADvIAD0cAD9gAEAAAEEMAEGcAEKYAEOIAERIAET4AEWYAEXoAEaMAEcIAEdQAEeoAEmEAEsoAEygAE40AE/QAFDEAFLYAFPoAFSEAFVsAFZMAFbwAFikAFnAAFvkAF2MAF8oAGAQAGHUAGLAAGPcAGRkAGVIAGYoAGcwAGfYAGo4AGqMAGzwAG4YAG7IAHCYAHHYAHI0AHOoAHTUAHgEAHokAHqMAHscAHvcAHxMAHzAAH4kAH+UAH/kAIDAAIIMAIJ0AINYAIPoAIQ0AIS4AIVUAIYYAIb0AIooAIvMAIwsAIyAAIzsAI4QAI5oAI8cAI94AJAcAJEYAJFoAJHwAJJIAJKoAJMAAJRQAJYYAJb8AJncAJygAJ64AKHQAKI0AKM4AKX0AKk0AKuEAK2AALAQALKoALTAALXAALcMALhkALocALskALwkALzsAL6cAMAIAMCIAML0AMR0AMWUAMYkAMZ0AMdQAMi4AMp0AMyQAM2sAM+MANJsANQQANYsANhUANqUAN0IAN/4AOLIAOSIAOZkAOhMAOpIAOyAAO0oAO3cAO6kAO+sAPHcAPRAAPawAPk0APvwAP8oAQCEAQHsAQNoAQUcAQYUAQicAQsgAQxsAQ2MAQ+oARCwARF8ARJAARNoARYUARcEARe4ARhcARlYARvQARxIARz4AR8wAR/IAR/UASDwASLYASY0ASccASfEASlgASq4ASvsAS0oAS48AS+0ATDcATGEATJMATNUATQIATaQATk4ATvMAT0cAT6IAT/n4WA770A77XYv3GfjDnwH3D/ceA/ek+VwV+zQGqvx9Be0Gn/tzFfcZB/seBvsZBw43+In3ZwHP9w7f9w0D+B/4iRX3Zwf7DQb7Zwc3FvdnB/sOBvtnBw73I4uf9z73DvcA9w33MZ8B+Rf4OBX3DQdGBqb3RQX7HAZv+0UF+wgGp/dFBfsdBm/7RQUyBvsNB9EGe/sABTIG+w4H0AZt+1IF9x0GqfdSBfcIBmz7UgX3HQap91IF5Ab3DgdGBpv3AAX7HRZ7+wAF+wgGnPcABQ7ShfcQAbr3GtXw2vccA/jP92YVi8p6vmWvCG2nYp1KlQhlkQX3Qge0iLx+rGsI4+IFVb9NpDqQCOQHJgYxB/sWfT02i/sHCItPnF6taQipbbt1x4MIq4cF+0kHT41Sm2G1CDExBcxJ1nLriAj7AAfwBvcEB/cRmuXWi/cOCPvD924Vb491lHuaCHyZhZ6LnQiLt6ivxZMI9zv8GRWLWmptT4QI90AHpYekiJ94CJp9knaLcggO98CF3/dh3/ef3wG/6fHp9zjp8ekD+bD3FxXuB+VIuj0ePElcMR8oBzHNXNoe2c665R/7LPjZFSUG++X9XAXxBq74dhXuB+VIuj0ePElcMR8oBzHNXNoe2c665R/3/PvvFWV4eGseanmesR/mB7Gdnqweq554ZR/8WveYFWV4eGsea3iesR/mB7Gdnqweq554ZR8O90GF9wr4g/cDAfcJ9xf3CvcPq/cPA/lMFvsU9ysFvcOg1JDnCPsPBolYgGB0bAj7DPciBZ2XrKSLiwi3q6iwi8II7EXS+wQe+wtERiofi0e1WahqCE1iSVCLMAj7Gtk59zEe8Yu8taylCL9NBfs5+LkVi3J5eHR7CIuLd32BhQhyqHWki6UIrJ+ksh6woXJqH638HxVqbmx+YYsIT1u0xh+LvqintqkIDvun+UifAc/3HAP3YPjgFfcQB/scBvt3Bw77aNv3FgP3rYQVc6N8mXqoCIGdhqeLsQj4PAeLsZCnlZ0InKiamaOjCDTiBWpqa2x0ZAh0Y4hei18I/EgHi1+OXqJjCKJkq2ysaggO+2j3EfcXA/eU9x4V+EgHi7eIuHSzCHSya6pqrAgzMwWjc5p+nG4IlXmQb4tlCPw8B4tlhm+BeQh6bnx+c3MI4zMFrKyrqqKyCKKzjriLtwgOVflKnwH3XecD+Ez4YBX7A8UF9wPFBV3bBSJIBY/3EQUvBpD7EQUhzgVeOwX3AlEF+wJRBbg8BfXNBYb7EQXnBof3EQX0SQUO92z3DgH3Z/cOA/iB92wV9w4H+zQG9zQH+w4G+zQH+zUG+w4H9zUG+zQH9w4G9zQHDvuhz/cjA/dnVBX3WQf7Iwb7xwcO+w73dfcNAcb3yAP4A/d1FfcNB/vIBvsNBw77m4v3KAHP9ykD920W9ygH+ykG+ygHDvsl+Cv5phX7Dgb7sf3wBfcOBg6F9wn4fvcJAcL3FvdB9xYD+Hz3YhX3wAf3HCfX+wge+wgmP/scH/vAB/sc8D/3CB73CO/X9xwf+xaMFU9oZ1geWGevxx/3vQfHr7C+Hr6uZk8fDouf+TSfAfeM9xYD+A4W+VwH+xYG+yX7EgX7IAf3JfcSBfzQBw6L9wn4ePcJAff+9xYD+IAW9wkH+6cG91v3ewW8xKawi9AI9xQx2vsSHvsOLD37Fh/3FgbQt6G2HsKqZ1Yfi2qAdXFsCPue+8kF+wkHDoX
font-weight: 700; /* 对应 Bold 字重700 表示粗体) */
font-style: normal;
}
/* 定义 DIN-Regular 字重 */
@font-face {
font-family: "DINPro"; /* 与上方字体名称一致,实现“同一字体族”的不同字重 */
src: url(data:font/otf;base64,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
font-weight: 400; /* 对应 Regular 字重400 表示常规) */
font-style: normal;
}
/* 定义 DIN-Medium 字重(若有) */
@font-face {
font-family: "DINPro";
src: url(/static/Font/DINPro-Medium.otf) format("opentype");
font-weight: 500; /* 对应 Medium 字重500 表示中等粗体) */
font-style: normal;
}
/* 粗体文本(自动匹配 DIN-Bold */
.num_bold_text {
font-weight: 700;
font-family: "DINPro";
}
/* 常规文本(自动匹配 DIN-Regular */
.num_regular_text {
font-weight: 400;
font-family: "DINPro";
}
/* 中等粗体文本(自动匹配 DINPro-Medium */
.num_medium_text {
font-weight: 500;
font-family: "DINPro";
}
/* 重置样式 */
page {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica,
Segoe UI, Arial, Roboto, "PingFang SC", "miui", "Hiragino Sans GB",
"Microsoft Yahei", sans-serif;
font-size: 28rpx;
line-height: 1.5;
color: #333;
background-color: #f5f5f5;
}
.picker-view {
line-height: normal !important;
}
.picker-view-column {
line-height: normal !important;
}
/* 通用布局 */
.flex {
display: flex;
}
.flex-column {
display: flex;
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.flex-1 {
flex: 1;
}
/* 对齐方式 */
.justify-start {
justify-content: flex-start;
}
.justify-end {
justify-content: flex-end;
}
.justify-center {
justify-content: center;
}
.justify-between {
justify-content: space-between;
}
.justify-around {
justify-content: space-around;
}
.align-start {
align-items: flex-start;
}
.align-end {
align-items: flex-end;
}
.align-center {
align-items: center;
}
.align-stretch {
align-items: stretch;
}
/* 间距 */
.m-10 {
margin: 10rpx;
}
.m-20 {
margin: 20rpx;
}
.m-30 {
margin: 30rpx;
}
.m-40 {
margin: 40rpx;
}
.mt-10 {
margin-top: 10rpx;
}
.mt-20 {
margin-top: 20rpx;
}
.mt-30 {
margin-top: 30rpx;
}
.mt-40 {
margin-top: 40rpx;
}
.mb-10 {
margin-bottom: 10rpx;
}
.mb-20 {
margin-bottom: 20rpx;
}
.mb-30 {
margin-bottom: 30rpx;
}
.mb-40 {
margin-bottom: 40rpx;
}
.ml-10 {
margin-left: 10rpx;
}
.ml-20 {
margin-left: 20rpx;
}
.ml-30 {
margin-left: 30rpx;
}
.ml-40 {
margin-left: 40rpx;
}
.mr-10 {
margin-right: 10rpx;
}
.mr-20 {
margin-right: 20rpx;
}
.mr-30 {
margin-right: 30rpx;
}
.mr-40 {
margin-right: 40rpx;
}
.p-10 {
padding: 10rpx;
}
.p-20 {
padding: 20rpx;
}
.p-30 {
padding: 30rpx;
}
.p-40 {
padding: 40rpx;
}
.pt-10 {
padding-top: 10rpx;
}
.pt-20 {
padding-top: 20rpx;
}
.pt-30 {
padding-top: 30rpx;
}
.pt-40 {
padding-top: 40rpx;
}
.pb-10 {
padding-bottom: 10rpx;
}
.pb-20 {
padding-bottom: 20rpx;
}
.pb-30 {
padding-bottom: 30rpx;
}
.pb-40 {
padding-bottom: 40rpx;
}
.pl-10 {
padding-left: 10rpx;
}
.pl-20 {
padding-left: 20rpx;
}
.pl-30 {
padding-left: 30rpx;
}
.pl-40 {
padding-left: 40rpx;
}
.pr-10 {
padding-right: 10rpx;
}
.pr-20 {
padding-right: 20rpx;
}
.pr-30 {
padding-right: 30rpx;
}
.pr-40 {
padding-right: 40rpx;
}
.pr-240 {
padding-right: 240rpx;
}
/* 文本样式 */
.text-left {
text-align: left;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.text-primary {
color: #007aff;
}
.text-success {
color: #4cd964;
}
.text-warning {
color: #f0ad4e;
}
.text-danger {
color: #dd524d;
}
.text-info {
color: #909399;
}
.text-sm {
font-size: 24rpx;
}
.text-md {
font-size: 28rpx;
}
.text-lg {
font-size: 32rpx;
}
.text-xl {
font-size: 36rpx;
}
.text-bold {
font-weight: bold;
}
.text-normal {
font-weight: normal;
}
/* 背景颜色 */
.bg-white {
background-color: #ffffff;
}
.bg-primary {
background-color: #007aff;
}
.bg-success {
background-color: #4cd964;
}
.bg-warning {
background-color: #f0ad4e;
}
.bg-danger {
background-color: #dd524d;
}
.bg-info {
background-color: #909399;
}
.bg-gray {
background-color: #f5f5f5;
}
/* 边框 */
.border {
border-width: 1rpx;
border-style: solid;
border-color: #e5e5e5;
}
.border-top {
border-top-width: 1rpx;
border-top-style: solid;
border-top-color: #e5e5e5;
}
.border-bottom {
border-bottom-width: 1rpx;
border-bottom-style: solid;
border-bottom-color: #e5e5e5;
}
.border-left {
border-left-width: 1rpx;
border-left-style: solid;
border-left-color: #e5e5e5;
}
.border-right {
border-right-width: 1rpx;
border-right-style: solid;
border-right-color: #e5e5e5;
}
/* 圆角 */
.rounded {
border-radius: 8rpx;
}
.rounded-lg {
border-radius: 16rpx;
}
.rounded-xl {
border-radius: 24rpx;
}
.rounded-circle {
border-radius: 50%;
}
/* 阴影 */
.shadow {
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
.shadow-lg {
box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
}
/* 定位 */
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
/* 平台特定样式 */
/* 常用组件样式 */
/* 按钮 */
.btn {
display: flex;
align-items: center;
justify-content: center;
padding: 20rpx 40rpx;
border-radius: 8rpx;
font-size: 28rpx;
line-height: 1.5;
text-align: center;
}
.btn-primary {
background-color: #007aff;
color: #ffffff;
}
.btn-success {
background-color: #4cd964;
color: #ffffff;
}
.btn-warning {
background-color: #f0ad4e;
color: #ffffff;
}
.btn-danger {
background-color: #dd524d;
color: #ffffff;
}
.btn-info {
background-color: #909399;
color: #ffffff;
}
/* 卡片 */
.card {
background-color: #ffffff;
border-radius: 8rpx;
padding: 20rpx;
margin: 20rpx;
box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
}
/* 列表 */
.list-item {
display: flex;
align-items: center;
padding: 20rpx;
background-color: #ffffff;
border-bottom: 1rpx solid #e5e5e5;
}
/* 加载状态 */
.loading {
display: flex;
align-items: center;
justify-content: center;
padding: 20rpx;
}
.loading-text {
margin-left: 10rpx;
color: #909399;
font-size: 24rpx;
}
/* 空状态 */
.empty {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 40rpx;
}
.empty-image {
width: 200rpx;
height: 200rpx;
margin-bottom: 20rpx;
}
.empty-text {
color: #909399;
font-size: 28rpx;
}
.text-overflow {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.text-overflow-nvue {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.white-space-nowrap {
width: 300rpx;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.text-overflow-1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.text-overflow-nvue1 {
/* height: 76rpx; */
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.box-cont {
background-color: #fff;
margin: 24rpx;
box-shadow: 0 0 12rpx 0 rgba(0, 0, 0, 0.05);
}
.btn-box {
height: 64rpx;
text-align: center;
line-height: 64rpx;
background-color: #E8101E;
border-radius: 32rpx;
position: fixed;
left: 24rpx;
bottom: 68rpx;
right: 24rpx;
z-index: 999;
}
.btn-text {
font-size: 28rpx;
font-weight: 500;
color: #ffffff;
}
.agree-btn {
width: 32rpx;
height: 32rpx;
}
.fixed-box {
padding: 32rpx 24rpx;
background-color: #ffffff;
position: absolute;
left: 0;
bottom: 0;
right: 0;
z-index: 9999;
padding-bottom: calc(32rpx + constant(safe-area-inset-bottom));
padding-bottom: calc(32rpx + env(safe-area-inset-bottom));
}
.fixed-btn {
height: 80rpx;
background: #E8101E;
border-radius: 40rpx;
display: flex;
align-items: center;
justify-content: center;
}
.fixed-text {
font-size: 28rpx;
color: #ffffff;
font-weight: 500;
}
.arrow-right {
width: 32rpx;
height: 32rpx;
}
.permission {
position: fixed;
top: 0;
left: 24rpx;
right: 24rpx;
background-color: #fff;
border-radius: 20rpx;
padding: 24rpx;
z-index: 9;
box-shadow: 0 8rpx 16rpx 0 rgba(0, 0, 0, 0.05);
opacity: 0;
transition: all 0.3s;
visibility: hidden;
}
.per-tit {
font-size: 32rpx;
font-weight: 700;
color: #007aff;
}
.per-cont {
font-size: 28rpx;
color: #333333;
}
::-webkit-scrollbar {
display: none;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
color: transparent;
}
.flex-row-center-between{
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.flex-row-start-between{
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-between;
}
.flex-row-center-center{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.flex-row-center{
display: flex;
flex-direction: row;
align-items: center;
}
.flex-row-start{
display: flex;
flex-direction: row;
align-items: flex-start;
}
.flex-row-end-between{
display: flex;
flex-direction: row;
align-items: flex-end;
justify-content: space-between;
}