初始上传

This commit is contained in:
2026-04-04 17:27:12 +08:00
parent 4d80d28eb4
commit b7e11774ee
11191 changed files with 1588469 additions and 0 deletions

View File

@@ -0,0 +1,751 @@
// 基础flex布局
.uni-flex {
display: flex;
flex-direction: row;
}
.uni-flex-item {
flex: 1;
}
.uni-row {
flex-direction: row;
}
.uni-column {
flex-direction: column;
}
.w-full {
width: 100%;
}
.flex-1 {
flex: 1;
}
.justify-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.justify-between {
justify-content: space-between;
}
.justify-center{
justify-content: center;
}
.items-center {
align-items: center;
}
.text-color {
color: $primary-color;
}
.items-end {
align-items: end;
}
.items-baseline {
align-items: baseline;
}
.items-flex-end {
align-items: flex-end;
}
.flex-shrink-0 {
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
}
.flex-grow-0 {
-webkit-box-flex: 0;
-ms-flex-positive: 0;
-webkit-flex-grow: 0;
flex-grow: 0;
}
.self-end {
align-self: flex-end;
}
.justify-self-auto {
-ms-grid-column-align: auto;
justify-self: auto;
}
.flex-col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
.content-start {
-ms-flex-line-pack: start;
-webkit-align-content: flex-start;
align-content: flex-start;
}
.flex-wrap {
flex-wrap: wrap;
}
.justify-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
// 高度填充
.height-all {
min-height: 100%;
}
// 公共区块样式
.common-wrap {
box-sizing: border-box;
background: #fff;
// margin: .15rem .2rem;
// &:first-child {
// margin-right: 0;
// }
// &:last-child {
// margin-right: .14rem;
// }
}
// 公共滚动条样式
.common-scrollbar,
.common-scrollbar .uni-scroll-view {
&::-webkit-scrollbar {
width: 0.06rem;
height: 0.06rem;
background-color: rgba($color: #000000, $alpha: 0);
}
&::-webkit-scrollbar-button {
display: none;
}
&::-webkit-scrollbar-thumb {
border-radius: 0.06rem;
box-shadow: inset 0 0 0.06rem rgba(45, 43, 43, 0.45);
background-color: #ddd;
}
&::-webkit-scrollbar-track {
background-color: transparent;
}
}
// 公共头像样式
.common-headimg {
overflow: hidden;
border-radius: 50%;
image {
width: 100%;
}
}
// 公共tab切换
.common-tab-wrap {
height: 0.53rem;
border-bottom: 0.01rem solid #e6e6e6;
display: flex;
padding: 0 0.2rem;
position: relative;
.tab-item {
height: 0.53rem;
line-height: 0.53rem;
padding: 0 0.2rem;
cursor: pointer;
&:first-child {
padding-left: 0;
}
&.active-bar {
color: $primary-color;
}
}
.active {
position: absolute;
width: 0;
height: 0.03rem;
border-radius: 0.02rem;
background: $primary-color;
bottom: -0.01rem;
left: 0;
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}
}
// 公共表格操作样式
.common-table-action {
text {
margin-left: 0.1rem;
color: $primary-color;
cursor: pointer;
transition: all 0.3s;
&:hover {
color: var(--primary-color-light-2);
}
}
}
// 公共表格批量操作样式
.common-table-batch {
display: flex;
button {
width: auto !important;
}
}
button {
border-radius: 0.02rem;
box-sizing: border-box;
&::after {
border-radius: 0.02rem;
box-sizing: border-box;
}
}
// 主要按钮
.primary-btn {
background: $primary-color !important;
color: #fff !important;
font-size: 0.14rem;
&::after {
border-width: 0;
}
&:hover {
background-color: var(--primary-color-light-2) !important;
}
&[disabled] {
background: var(--primary-color-light-6) !important;
border-color: var(--primary-color-light-6) !important;
color: #fff !important;
&:hover {
background: var(--primary-color-light-6) !important;
border-color: var(--primary-color-light-6) !important;
color: #fff !important;
}
}
}
// 默认按钮
.default-btn {
font-size: 0.14rem;
background: #fff !important;
color: #606266 !important;
border-color: #606266 !important;
&:hover {
color: $primary-color !important;
border-color: $primary-color !important;
}
&:hover:after {
border-color: $primary-color !important;
}
&[plain] {
color: $primary-color !important;
border-color: $primary-color !important;
background-color: var(--primary-color-light-9) !important;
&:after {
border-color: $primary-color !important;
}
&:hover {
background: $primary-color !important;
color: #fff !important;
}
&[disabled] {
color: #ddd !important;
border-color: #e6e6e6 !important;
background: #f5f5f5 !important;
&:after {
border-color: #e6e6e6 !important;
}
&:hover {
color: #ddd !important;
border-color: #e6e6e6 !important;
}
}
}
&[disabled] {
color: #ddd !important;
border-color: #e6e6e6 !important;
background: #f5f5f5 !important;
&:after {
border-color: #e6e6e6 !important;
}
&:hover {
color: #ddd !important;
border-color: #e6e6e6 !important;
}
}
}
/* 公共数字键盘 */
.keyboard-wrap {
width: 5rem;
margin-top: 0.2rem;
display: flex;
.num-wrap {
flex: 1;
width: 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
.key-item {
margin: 0.1rem 0.1rem 0 0;
background: #f5f5f5;
min-width: calc((100% - 0.3rem) / 3);
text-align: center;
padding: 0.15rem 0;
border-radius: 0.05rem;
font-size: 0.16rem;
font-weight: bold;
transition: all 0.3s;
cursor: pointer;
&:hover {
background: #ddd;
}
&.empty:hover {
background: #f5f5f5;
}
}
}
.action-wrap {
display: flex;
flex-direction: column;
width: 1rem;
.delete,
.confirm {
background: #f5f5f5;
min-width: calc((100% - 0.3rem) / 3);
text-align: center;
padding: 0.15rem 0;
margin-top: 0.1rem;
border-radius: 0.05rem;
font-size: 0.16rem;
cursor: pointer;
transition: all 0.3s;
&:hover {
background: #ddd;
}
}
.confirm {
flex: 1;
background: $primary-color;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
&:hover {
background: var(--primary-color-light-1);
}
}
}
}
.cursor-pointer {
cursor: pointer;
}
/* 单行超出隐藏 */
.using-hidden {
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
white-space: break-spaces;
}
/* 多行超出隐藏 */
.multi-hidden {
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.w-full {
width: 100%;
}
.h-full {
height: 100%;
}
.flex {
display: flex;
}
.overflow-ellipsis {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.truncate {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
button::after {
-webkit-transform: none;
transform: none;
width: 100%;
height: 100%;
border-radius: 0;
}
button[type=default] {
background-color: #fff;
}
.border-0 {
border-width: 0 !important;
}
uni-switch .uni-switch-input.uni-switch-input-checked {
background-color: $primary-color;
border-color: $primary-color;
}
//二次确认弹框
.confirm-pop {
width: 3rem;
// min-height: 1.5rem;
border-radius: 0.06rem;
background: #ffffff;
box-sizing: border-box;
padding: 0.2rem;
.title {
font-size: 0.16rem;
text-align: center;
}
.btn {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-top: 0.3rem;
.btn {
width: auto;
padding: 0 0.15rem;
margin: 0;
height: 0.35rem;
flex: 1;
}
.btn:last-child {
margin-left: 0.1rem;
}
}
&.message {
width: 5.2rem;
min-height: 3.2rem;
background: #ffffff;
padding-top: 0;
padding-bottom: 0.15rem;
&:after {
overflow: hidden;
display: block;
content: '';
height: 0;
clear: both;
}
.title {
width: 100%;
height: 0.5rem;
border-bottom: 0.01rem solid #e6e6e6;
text-align: center;
line-height: 0.5rem;
font-size: 0.16rem;
font-weight: bold;
position: relative;
.iconguanbi1 {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0.15rem;
font-size: 0.18rem;
}
}
.textarea-box {
margin: 0.15rem;
height: 2.2rem;
border: 0.01rem solid #e6e6e6;
border-radius: 0.06rem;
padding: 0.15rem;
box-sizing: border-box;
.textarea {
width: 100%;
height: 100%;
}
}
.save {
width: calc(100% - 0.3rem);
float: right;
margin: 0.15rem;
box-sizing: border-box;
}
}
}
//开单左侧主体头部会员信息展示样式
.cashregister-header-box {
padding: 0.20rem;
border-bottom: 0.01rem solid #e6e6e6;
padding-bottom: 0.1rem;
.search-box {
.head-search {
display: flex;
.search-switch {
width: 0.7rem;
}
.search-input {
margin-left: 0.1rem;
display: flex;
border-width: 0.01rem;
border-style: solid;
border-color: #e6e6e6;
height: 0.3rem;
align-items: center;
padding-left: 0.05rem;
width: calc(100% - 1.3rem);
.iconfont {
}
input {
margin-left: 0.05rem;
}
}
.search-btn {
width: 0.55rem;
margin-left: 0.1rem;
padding: 0 0.1rem;
height: 0.32rem;
font-size: 0.12rem;
}
}
}
.order-time {
display: flex;
align-items: center;
.title {
user-select: none;
position: relative;
z-index: 3;
height: 0.3rem;
padding: 0 0.1rem 0 0.1rem;
box-sizing: border-box;
border-radius: 0.02rem;
border: 0.01rem solid #e5e5e5;
display: flex;
align-items: center;
font-size: 0.14rem;
color: #333;
}
.uni-date {
flex: 1;
margin-left: 0.1rem;
}
.uni-date-x {
height: 0.28rem;
}
}
.header {
margin-top: 0.14rem;
// height: 0.86rem;
font-size: 0.2rem;
display: flex;
align-items: center;
padding: 0.14rem;
padding-right: 0.12rem;
background: linear-gradient(270deg, #515A6E 0%, #19233E 100%);
border-radius: 0.04rem;
.header-image {
width: 0.48rem;
height: 0.48rem;
border-radius: 50%;
}
.headimg{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
.member-nameplate{
width: 0.52rem;
height: 0.18rem;
background-size: 100% 100%;
font-size: 0.1rem;
font-weight: 600;
color: #793913;
line-height: 0.16rem;
text-align: center;
margin-top: -0.09rem;
z-index: 2;
background-image: url('@/static/member/info_bg.png');
}
}
.head-info {
flex: 1;
margin-left: 0.1rem;
.name {
font-size: 0.16rem;
color: #F4C89A;
display: flex;
margin-bottom: 0.04rem;
max-width: 1.6rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
.mobile {
width: 0.88rem;
height: 0.2rem;
font-size: 0.14rem;
font-weight: 800;
line-height: 0.2rem;
}
.text {
// max-width: 0.8rem;
font-size: 0.12rem;
line-height: 0.2rem;
display: flex;
align-items: center;
.nickname{
max-width: 0.44rem;
font-size: 0.12rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: inline-block;
line-height: 0.2rem;
}
}
}
.head-info-bottom {
font-size: 0.12rem;
font-weight: 500;
color: #F0F0F0;
line-height: 0.17rem;
&.point{
margin-bottom: 0.02rem;
}
}
}
.switch {
text-align: center;
line-height: 0.3rem;
padding: 0 0.05rem;
overflow: hidden;
font-size: $uni-font-size-sm;
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex-negative: 0;
-webkit-flex-shrink: 0;
flex-shrink: 0;
border-radius: 0.04rem;
&::after{
display: none;
}
}
.menber-open{
width: 0.68rem;
}
.replace-member{
margin-left: 0.06rem;
width: 0.36rem;
}
}
}
//返回上一级
.title-back{
margin-bottom: 0.2rem;
.left{
margin-left: 0.05rem;
}
.iconqianhou1{
font-size: 0.17rem;
}
text{
font-size: 0.18rem !important;
line-height: 1;
}
.content{
margin: -0.02rem 0.05rem 0 0.05rem;
}
}
.bg-primary-color-9{
background-color: var(--primary-color-light-9) !important;
}

View File

@@ -0,0 +1,140 @@
$label-width: 1.1rem;
.common-form{
&.fixd{
padding-bottom: .88rem !important;
.common-btn-wrap{
position: fixed;
z-index: 2;
background-color: #fff;
bottom: 0;
left: .9rem;
right: .07rem;
padding-bottom: .05rem;
display: flex;
align-items: center;
margin-left: 0;
button{
flex: 1;
height: .4rem;
line-height: .4rem;
}
}
}
.common-form-item{
display: flex;
flex-wrap: wrap;
align-items: center;
margin-bottom: .15rem;
.form-label{
padding: .09rem .15rem;
text-align: right;
width: $label-width;
box-sizing: border-box;
.required{
color: red;
margin-right: 0.03rem;
}
}
.form-input{
height: .35rem;
line-height: .35rem;
width: 100%;
padding-left: .1rem;
box-sizing: border-box;
font-size: 0.14rem;
}
.form-inline{
display: flex;
align-items: center;
flex-wrap: wrap;
}
.form-input-inline{
width: 1.9rem;
border: .01rem solid #e6e6e6;
margin-right: 10px;
background-color: #fff;
font-size: 0.14rem;
&.short{
width: .5rem;
}
&.long{
width: 4rem;
}
}
.form-input-block{
flex: 1;
border: .01rem solid #e6e6e6;
background-color: #fff;
}
.form-mid{
margin-right: .1rem;
}
.form-word-aux{
margin-right: .1rem;
color: #999;
font-size: $uni-font-size-base;
}
.form-word-aux-line{
flex-basis: 100%;
color: #999;
margin-left: $label-width;
margin-top: .1rem;
}
/deep/ .input-placeholder{
font-size: $uni-font-size-base;
}
.form-checkbox-group, .form-radio-group{
display: flex;
align-items: center;
}
.form-checkbox-item, .form-radio-item{
margin-right: 26rpx;
display: flex;
align-items: center;
}
/deep/ .uni-radio-input, .uni-checkbox-input{
width: .18rem;
height: .18rem;
}
}
.common-btn-wrap{
margin-left: $label-width;
button{
display: inline-block;
padding: 0 .2rem;
height: .36rem;
line-height: .36rem;
font-size: $uni-font-size-base;
}
.screen-btn{
background-color: $primary-color;
color: #fff;
margin-right: .1rem;
&::after{
border-width: 0;
}
}
}
}
.uni-radio-wrapper{
.uni-radio-input-checked{
background-color: $primary-color!important;
border-color: $primary-color!important;
}
.uni-radio-input:hover{
border-color: $primary-color!important;
}
}
.uni-checkbox-wrapper{
.uni-checkbox-input-checked{
color: $primary-color!important;
}
}
@media (any-hover: hover) {
uni-radio:not([disabled]) .uni-radio-input:hover {
border-color: $primary-color !important;
}
}

View File

@@ -0,0 +1,474 @@
@font-face {
font-family: "iconfont"; /* Project id 3668609 */
src: url('//at.alicdn.com/t/c/font_3668609_3k15vrcn5ip.woff2?t=1731148726122') format('woff2'),
url('//at.alicdn.com/t/c/font_3668609_3k15vrcn5ip.woff?t=1731148726122') format('woff'),
url('//at.alicdn.com/t/c/font_3668609_3k15vrcn5ip.ttf?t=1731148726122') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.iconshoukuan-:before {
content: "\e645";
}
.icondianzicheng:before {
content: "\edaf";
}
.iconbenji:before {
content: "\e77a";
}
.iconshengyinV6xx1:before {
content: "\e70a";
}
.iconshengyin-jingyinV6xx:before {
content: "\e6ff";
}
.iconwenhao:before {
content: "\e72d";
}
.iconhuaxiangfenxi:before {
content: "\ec14";
}
.iconmenpos:before {
content: "\e652";
}
.iconhuiyuanzhucedengluguanli:before {
content: "\e609";
}
.iconsaomiaoerweima:before {
content: "\e663";
}
.icon31hongbao:before {
content: "\e605";
}
.iconshanchu:before {
content: "\e718";
}
.icontuodong:before {
content: "\e884";
}
.iconhuiyuanma:before {
content: "\e68d";
}
.icona-xingzhuang2:before {
content: "\e679";
}
.iconmima:before {
content: "\e67a";
}
.iconyanzhengma:before {
content: "\e67b";
}
.icondelete:before {
content: "\e615";
}
.iconzhanghuyue:before {
content: "\e60e";
}
.iconshourujiesuan:before {
content: "\e655";
}
.iconqingchushujuku:before {
content: "\e632";
}
.iconpeisong:before {
content: "\e626";
}
.iconyunshangchuan:before {
content: "\e604";
}
.iconnavicon-chps:before {
content: "\e64d";
}
.iconyuyue:before {
content: "\e65f";
}
.icontianmaopeisonganzhuang:before {
content: "\e603";
}
.iconyunshupeisong:before {
content: "\e621";
}
.icontiaobodan:before {
content: "\e670";
}
.iconchukudan:before {
content: "\e671";
}
.iconrukudan:before {
content: "\e674";
}
.iconyuyuedingdan:before {
content: "\e8a2";
}
.iconkucunguanli:before {
content: "\e613";
}
.iconkucunpandian:before {
content: "\e675";
}
.icondayin:before {
content: "\e61d";
}
.icongongyingshang:before {
content: "\e61f";
}
.icondingdandingdanchaxun:before {
content: "\e791";
}
.icondingdan:before {
content: "\e62f";
}
.icon12jiaobanbiao:before {
content: "\e6b1";
}
.iconhexiao:before {
content: "\e606";
}
.iconqia:before {
content: "\e782";
}
.iconicon_yingyongguanli:before {
content: "\eb8f";
}
.iconyuyueguanli:before {
content: "\e62c";
}
.iconkaidan:before {
content: "\e61b";
}
.iconinvisible:before {
content: "\e9af";
}
.iconyanjing5:before {
content: "\e728";
}
.icondianpu:before {
content: "\e66e";
}
.iconxiala:before {
content: "\e6b9";
}
.iconfanhui:before {
content: "\e64a";
}
.iconfuxuankuang1:before {
content: "\e68e";
}
.iconfuxuankuang2:before {
content: "\e68f";
}
.iconcheckbox_weiquanxuan:before {
content: "\e650";
}
.iconwushuju:before {
content: "\e642";
}
.iconqianhou1:before {
content: "\e640";
}
.iconqianhou2:before {
content: "\e641";
}
.iconguanbi:before {
content: "\e600";
}
.iconright-s:before {
content: "\e627";
}
.iconleft-s:before {
content: "\e628";
}
.icongengduo:before {
content: "\e63c";
}
.icon31sousuo:before {
content: "\e601";
}
.iconguanbi1:before {
content: "\e723";
}
.iconsanjiao_xia:before {
content: "\e63d";
}
.iconjifen:before {
content: "\e659";
}
.iconxianjin:before {
content: "\e637";
}
.iconhongbao:before {
content: "\e672";
}
.iconchengchangzhi:before {
content: "\e633";
}
.iconyouhuiquan1:before {
content: "\e6f1";
}
.iconyinhangqia:before {
content: "\e936";
}
.iconwxpay:before {
content: "\e611";
}
.icontubiao_zhifu_zhifubaozhifu:before {
content: "\e690";
}
.iconduigou1:before {
content: "\e64f";
}
.iconchenggong:before {
content: "\e644";
}
.iconfuwuguanli:before {
content: "\e625";
}
.iconliuliangshuju:before {
content: "\e62d";
}
.iconkehuguanli:before {
content: "\e697";
}
.iconqitajilu:before {
content: "\e622";
}
.icondingdanguanli:before {
content: "\e634";
}
.iconcaiwubaobiao:before {
content: "\e6e7";
}
.iconyingyeshujuguanliputong:before {
content: "\e62e";
}
.iconjichuban-sanjidaohang-kehushuju:before {
content: "\e649";
}
.icontubiaozhizuomoban-:before {
content: "\e60c";
}
.iconbangzhu:before {
content: "\e61c";
}
.iconweb-icon-:before {
content: "\e6d6";
}
.icon065chakandingdan:before {
content: "\e643";
}
.icongengduo1:before {
content: "\e73a";
}
.iconsaoyisaosaoma:before {
content: "\e751";
}
.iconjia:before {
content: "\e8e1";
}
.iconfuwudingdan:before {
content: "\e616";
}
.iconchongzhidingdan:before {
content: "\e64b";
}
.iconhuiyuandingdan:before {
content: "\e602";
}
.iconshangpinguanli:before {
content: "\e619";
}
.iconshoukadingdan:before {
content: "\e623";
}
.iconshouyindingdanjine:before {
content: "\e739";
}
.iconyundanguanli:before {
content: "\e6cc";
}
.icongoumaicika:before {
content: "\e673";
}
.iconjishi:before {
content: "\e935";
}
.icontuichu:before {
content: "\e66f";
}
.icondizhi:before {
content: "\e614";
}
.iconshijian:before {
content: "\e629";
}
.iconjian:before {
content: "\e620";
}
.iconweixinzhifu:before {
content: "\e635";
}
.iconjifen1:before {
content: "\e65e";
}
.iconzhifubaozhifu:before {
content: "\e651";
}
.iconyouhui-:before {
content: "\e607";
}
.iconyouhuiquan:before {
content: "\e7d8";
}
.iconhongbao1:before {
content: "\e662";
}
.iconyue:before {
content: "\e6b7";
}
.iconduihao:before {
content: "\e654";
}
.iconsaomaqiang:before {
content: "\e631";
}
.iconjianmianjine:before {
content: "\e6ab";
}
.iconxuanzhong:before {
content: "\e7df";
}
.iconxianjin1:before {
content: "\e62a";
}
.iconyuan_checkbox:before {
content: "\e72f";
}
.iconyuan_checked:before {
content: "\e733";
}
.iconzengpin:before {
content: "\e693";
}
.icontuikuanjilu:before {
content: "\e73b";
}