平板端快衣店
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

983 lines
17 KiB

@charset "UTF-8";
/**
* 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
* uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
*/
.uni-forms-item__content {
display: flex;
align-items: center;
}
.u-tag__text {
font-size: 22rpx;
padding: 0 10rpx;
}
page,
.page1 {
width: 100%;
margin: 0 auto;
overflow-y: scroll;
font-size: 14px;
}
.popup-pay-content {
align-items: center;
justify-content: center;
padding: 20px;
width: 300px;
height: auto;
background-color: #fff;
}
.content {
border-top: 1px solid #eee;
}
.content-box {
width: 100%;
height: auto;
background: #fff;
}
.popup-pay-title {
font-size: 21px;
font-weight: bold;
text-align: center;
position: relative;
}
.popup-pay-container {
margin-top: 20rpx;
height: 80rpx;
border-radius: 10px;
background: #088FEB;
line-height: 80rpx;
text-align: center;
border-bottom: 1px solid #eee;
border-top: 1px solid #eee;
color: #fff;
}
.content-list {
height: 30px;
padding: 0 5px;
display: inline-block;
margin-left: 10px;
}
.list-name {
line-height: 30px;
height: 30px;
display: inline-block;
float: left;
}
.list-val {
width: 60%;
height: 30px;
line-height: 30px;
display: inline-block;
}
.list-val input {
height: 28px;
padding-left: 10px;
line-height: 30px;
}
.uni-data-select {
width: 80%;
text-align: center;
}
.uni-select {
border: none !important;
border-radius: 0 !important;
height: 40px !important;
padding-left: 0 !important;
}
.uni-select__input-placeholder {
color: #6a6a6a;
font-size: 14px !important;
width: 400rpx;
}
.uni-select__input-text {
font-size: 14px !important;
}
.uni-date,
.uni-date-editor {
height: 30px !important;
}
.uni-date__x-input {
width: 140px !important;
height: 28px !important;
line-height: 28px !important;
font-size: 14px !important;
}
.uni-date-x {
height: 28px !important;
line-height: 28px !important;
}
.uni-date-editor--x {
height: 30px !important;
line-height: 30px !important;
}
.shop-box {
width: 95%;
margin: 0 auto;
}
.shop-name {
width: 100%;
height: 250rpx;
line-height: 80rpx;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
font-size: 21px;
font-weight: bold;
display: flex;
}
.discount-num {
width: 60rpx;
}
.shop-productName {
flex: 1;
display: flex;
flex-direction: column;
padding-left: 20rpx;
}
.shop-productName view {
height: 55rpx;
}
.checklist-group {
height: 80rpx !important;
}
.price-box {
width: 95%;
margin: 20rpx auto;
background: #eee;
height: 80rpx;
display: flex;
line-height: 80rpx;
text-align: center;
overflow: hidden;
border-radius: 10px;
background: #FDF5E6;
color: #EEB422;
background: linear-gradient(180deg, #fff, #FDF5E6);
border: 1px solid #FAEBD7;
}
.price-box-title {
width: 95%;
height: 80rpx;
line-height: 80rpx;
margin: 0 auto;
display: flex;
text-align: center;
border-bottom: 1px solid #eee;
}
.price-box-title text {
flex: 1;
}
.uni-list-cell {
margin-right: 110rpx;
display: flex;
float: left;
}
.bottom-box {
width: 100%;
display: flex;
background: #fff;
border-top: 1px solid #eee;
position: fixed;
bottom: 0;
}
.bottom-left {
flex: 1;
height: 110rpx;
display: flex;
flex-direction: column;
}
.notice {
width: 100%;
height: 56rpx;
}
.bottom-right {
width: 55%;
display: flex;
}
.bottom-right .bottom-btn {
margin: 0;
padding: 0;
width: 30%;
height: 30px;
text-align: center;
margin: 15rpx 0 0 2%;
color: #fff;
border-radius: 5px;
}
.bottom-right .bottom-btn:first-child {
background: linear-gradient(90deg, #FF9797, #FFC1E0);
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
margin-left: 20rpx;
}
.bottom-right .bottom-btn:last-child {
background: linear-gradient(90deg, #60F3FF, #088FEB);
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
}
.bottom-left text {
display: inline-block;
padding-left: 20rpx;
padding-top: 10rpx;
}
.bottom-btn {
color: blue;
border-radius: 5px;
border: 1px solid #777;
display: inline-block;
padding: 0 5px;
margin: 0 5px;
height: 30px;
line-height: 30px;
}
textarea {
height: 30px;
line-height: 30px;
width: 200px;
overflow: hidden;
padding-left: 10px;
}
.shop-popup-content {
align-items: center;
justify-content: center;
padding: 20px;
height: 500px;
width: 100%;
position: relative;
background-color: #fff;
}
.shop-popup-title {
display: flex;
height: 40px;
line-height: 40px;
border-bottom: 5px solid #eee;
border-top: 1px solid #eee;
}
.shop-popup-title-right {
width: 100%;
display: flex;
}
.shop-popup-container {
width: 100%;
background: #fff;
height: 50rpx;
}
.shop-title-fur {
width: 95%;
height: 50px;
margin: 0 auto;
}
.shop-title-name {
font-size: 21px;
width: 50%;
float: left;
height: 50px;
line-height: 50px;
}
.shop-attrs .suibian {
display: inline-block;
border: 1px solid #5fd9ee;
margin: 10px 20px;
margin-bottom: 0;
margin-left: 0;
background-color: #fff;
color: #5fd9ee;
padding: 0 10px;
min-width: 80px;
line-height: 40px;
height: 40px;
text-align: center;
border-radius: 10px;
}
.shop-attrs .checkedText {
background-color: #5fd9ee;
color: #fff;
border-radius: 20rpx;
}
.shop-checkList {
display: flex;
height: 50px;
line-height: 50px;
}
.shop-checkList-box {
height: 50px;
width: 60%;
}
.popup-content {
align-items: center;
justify-content: center;
padding: 30rpx;
width: 500rpx;
height: 500rpx;
background-color: #fff;
}
.popup-title {
font-weight: bold;
text-align: center;
position: relative;
}
.popup-container {
margin-top: 20rpx;
margin-top: 20rpx;
}
.popup-bottom {
height: 80rpx;
color: #fff;
line-height: 80rpx;
margin-top: 50rpx;
}
.right-box {
width: 100%;
height: 80px;
display: flex;
border-bottom: 1px solid #eee;
position: relative;
}
.shop-popup-title-right-box input {
width: 55%;
margin-top: 10px;
}
.box-left {
width: 60px;
height: 60px;
background-size: 100%;
margin-right: 30px;
border-radius: 20rpx;
}
.box-left ._img {
width: 100%;
height: 100%;
}
.box-right-name {
font-weight: bold;
}
.box-right-num {
padding: 5rpx 0;
color: #777;
}
.box-right-price {
display: flex;
}
.voice-price-box {
display: flex;
flex-direction: column;
margin-right: 20rpx;
}
.voice-price-box text:first-child {
color: #ffa200;
}
.popup-btn {
text-align: center;
background: linear-gradient(90deg, #60F3FF, #088FEB);
}
.shop-popup-bottom {
width: 100%;
height: 40px;
position: absolute;
bottom: 0;
left: 0;
display: flex;
z-index: 99;
background: #fff;
border-top: 1px solid #eee;
}
.shop-popup-bottom-left {
width: 77%;
line-height: 40px;
padding-left: 20px;
}
.shop-popup-bottom-right {
width: 20%;
line-height: 40px;
}
.shop-popup-bottom-right .bottom-btn {
width: 100%;
line-height: 30px;
height: 30px;
text-align: center;
margin: 0 auto;
background: #FF9797;
border-radius: 50px;
border: none;
padding: 0;
}
.shop-popup-bottom-right-color {
width: 20%;
line-height: 40px;
margin-right: 10px;
}
.shop-popup-bottom-right-color .bottom-btn {
width: 100%;
line-height: 30px;
height: 30px;
text-align: center;
color: #fff;
margin: 0 auto;
background: linear-gradient(90deg, #60F3FF, #088FEB);
border-radius: 50px;
border: none;
padding: 0;
}
.shop-popup-bottom-right-size {
width: 20%;
line-height: 40px;
margin-right: 10px;
}
.shop-popup-bottom-right-size .bottom-btn {
width: 100%;
line-height: 30px;
height: 30px;
text-align: center;
color: #fff;
margin: 0 auto;
background: linear-gradient(90deg, #60F3FF, #088FEB);
border-radius: 50px;
border: none;
padding: 0;
}
.uni-numbox input {
padding-left: 0;
}
.noPic {
border-radius: 10px;
width: 60px;
height: 60px;
margin-right: 30px;
text-align: center;
line-height: 60px;
color: #777;
background: #eee;
}
.list-val .uni-data-select {
text-align: left;
}
.list-val .uni-select__input-text {
padding-left: 120rpx;
}
.list-val .uni-select__selector {
position: absolute;
left: 0;
top: -240rpx;
}
.list-val .uni-popper__arrow {
display: none;
}
.list-val .uni-select__selector-item text {
display: inline-block;
text-align: center;
}
.voice-popup-content {
align-items: center;
justify-content: center;
padding: 20px;
width: 390px;
border-radius: 10px;
background-color: #fff;
}
.voice-popup-title {
font-size: 21px;
font-weight: bold;
text-align: center;
position: relative;
}
.voice-popup-bottom {
display: flex;
height: 40px;
color: #fff;
line-height: 40px;
margin-top: 10px;
}
.voice-popup-btn {
flex: 1;
text-align: center;
background: linear-gradient(90deg, #FF9797, #FFC1E0);
}
.voice-popup-btn:last-child {
background: linear-gradient(90deg, #60F3FF, #088FEB);
}
.voice-model {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
flex-flow: column;
position: fixed;
top: 35%;
left: 50%;
background: rgba(0, 0, 0, 0.5);
border-radius: 20rpx;
color: #fff;
text-align: center;
margin-left: -40px;
z-index: 999;
}
.voice-model ._img {
width: 60px;
height: 60px;
margin: 0 auto;
}
.voice-btn {
position: absolute;
bottom: -90px;
left: 39%;
width: 80px;
height: 80px;
background: #eee;
border-radius: 50%;
}
.type-popup {
width: 500px;
height: auto;
max-height: 900px;
overflow: scroll;
background: #fff;
border-radius: 10px;
position: relative;
margin-bottom: 40rpx;
}
.card-list {
width: 95%;
border-radius: 10rpx;
background: #fff;
height: auto;
margin: 40rpx auto 0;
}
.title-fur {
width: 95%;
height: 70rpx;
margin: 0 auto;
border-bottom: 1px solid #eee;
}
.content-fur {
padding-bottom: 25rpx;
}
.content-low {
width: auto;
border: 1px solid #eee;
display: inline-block;
min-width: 90rpx;
padding: 5rpx;
text-align: center;
color: #777;
margin: 20rpx 0 0 20rpx;
}
.scroll-content {
height: 66%;
}
.zuni-numbox {
height: 50px;
display: flex;
flex-direction: row;
}
.zuni-numbox-btns {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 0 16rpx;
cursor: pointer;
}
.zuni-numbox__value {
margin: 0 4rpx;
width: 40px;
text-align: center;
line-height: 40px;
height: 40px;
border-left-width: 0;
border-right-width: 0;
}
.zuni-numbox--text {
line-height: 40rpx;
font-weight: 300;
}
.zuni-numbox .zuni-numbox--disabled {
color: #c0c0c0 !important;
cursor: not-allowed;
}
.uni-select__selector-item {
font-size: 14px !important;
height: 40px;
line-height: 40px !important;
}
.mask-model {
width: 60%;
height: 100rpx;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
background: rgba(0, 0, 0, 0.7);
color: #eee;
padding: 10rpx;
border-radius: 5px;
z-index: 99;
}
.new-logo {
background: red;
color: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
.u-upload {
position: absolute;
top: 30rpx;
left: 30rpx;
opacity: 0;
width: 140rpx;
height: 140rpx;
}
.left-btn {
font-weight: 800;
color: #fff;
background: #088FEB;
border-radius: 5px;
width: 140rpx;
height: 50rpx;
line-height: 50rpx;
text-align: center;
}
.one-goods {
margin-top: 20rpx;
width: 100%;
height: 50rpx;
background: #088FEB;
text-align: center;
line-height: 50rpx;
color: #fff;
border-radius: 5px;
position: relative;
}
.jiaobiao {
width: 40rpx;
height: 40rpx;
border-radius: 10px;
color: #fff;
background: red;
position: absolute;
top: -10rpx;
right: -10rpx;
text-align: center;
line-height: 40rpx;
}
.sn-content-list {
width: 95%;
margin: 0 auto;
display: flex;
height: 40px;
}
.sn-content-list:last-child {
border-bottom: none;
height: auto;
}
.sn-list-name {
width: 200px;
text-align: left;
line-height: 40px;
height: 40px;
padding-left: 20px;
}
.showImg-box {
width: 500px;
height: 450px;
}
.swiper-box {
height: 400px;
}
.swiper-item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 400px;
color: #fff;
background-color: #cee1fd;
}
.lb-btn {
width: 100%;
height: 50px;
text-align: center;
line-height: 50px;
background: #088FEB;
color: #fff;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
.sn-list-val {
width: 560rpx;
height: 40px;
line-height: 40px;
}
.sn-list-val input {
height: 40px;
display: inline-block;
line-height: 40px;
float: left;
padding-left: 20px;
border-bottom: 1px solid #088FEB;
}
.operate-btn {
padding: 0 5px;
color: #fff;
border-radius: 5px;
height: 30px;
line-height: 30px;
margin: 3px 0 0 10px;
display: inline-block;
}
.uni-date-single--x {
background-color: #fff;
position: fixed !important;
top: 160px !important;
z-index: 999;
border: 1px solid #EBEEF5;
box-shadow: 0 5px 32px 0 rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
.uni-select__input-box {
height: 50px !important;
}
.uni-calendar-item__weeks-box-text,
.uni-calendar__weeks-day-text,
.uni-calendar__header-text {
font-size: 14px !important;
}
.uni-calendar-item__weeks-box-item,
.uni-calendar__header-btn-box {
width: 50px !important;
height: 50px !important;
}
.uni-calendar__weeks-day {
height: 50px !important;
}
/* 模拟光标闪烁动画 */
.cursor-show {
caret-color: transparent;
/* 隐藏原生光标 */
position: relative;
}
.cursor-show::after {
content: '';
position: absolute;
height: 80%;
width: 1px;
background: #333;
top: 10%;
-webkit-animation: blink 1s infinite;
animation: blink 1s infinite;
margin-left: 2px;
}
@-webkit-keyframes blink {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@keyframes blink {
0%,
100% {
opacity: 0;
}
50% {
opacity: 1;
}
}
@charset "UTF-8";
/**
* 下方引入的为uView UI的集成样式文件,为scss预处理器,其中包含了一些"u-"开头的自定义变量
* uView自定义的css类名和scss变量,均以"u-"开头,不会造成冲突,请放心使用
*/
.uni-forms-item__content {
display: flex;
align-items: center;
}
.u-tag__text {
font-size: 22rpx;
padding: 0 10rpx;
}
page, .page1 {
width: 100%;
font-size: 14px;
background: #fff;
}
.top-btn {
background: #088feb;
border-radius: 10px;
color: #fff;
height: 30px;
line-height: 30px;
margin: 0 10px;
padding: 0 10px;
}
.table {
display: flex;
height: auto;
overflow-x: scroll;
width: 100%;
white-space: nowrap;
}
.table-content {
width: 100%;
flex: 0 0 auto;
overflow-x: scroll;
padding-bottom: 20px;
}
.table-th {
width: 100%;
height: 30px;
line-height: 30px;
background: #088FEB;
color: #fff;
}
.table-th view {
width: 80px;
float: left;
text-align: center;
border-right: 1px solid #fff;
}
.table-tr {
flex: 0 0 auto;
width: 100%;
height: 30px;
position: relative;
line-height: 30px;
color: #000;
}
.table-tr view {
width: 80px;
height: 30px;
line-height: 30px;
float: left;
text-align: center;
border-bottom: 1px solid #000;
border-right: 1px solid #000;
}
.book-mask {
z-index: 99;
position: absolute;
top: 108px;
left: 45%;
width: 200px;
max-height: 200px;
overflow: scroll;
background: #fff;
padding: 10rpx;
border-radius: 5px;
border: 1px solid #e5e5e5;
}
.sign-popup {
width: 250px;
height: auto;
max-height: 450px;
overflow: scroll;
background: #fff;
border-radius: 10px;
position: relative;
margin-bottom: 20px;
}
.uni-data-select {
width: 75%;
text-align: center;
}
.uni-stat__select {
height: 30px;
margin-top: 5px;
border: 1px solid #eee;
}
.uni-select__selector-empty,
.uni-select__selector-item {
display: flex;
cursor: pointer;
height: 50px;
line-height: 50px !important;
font-size: 18px !important;
text-align: center;
padding: 0px 10px;
}
.uni-select {
border: none !important;
border-radius: 0 !important;
height: 40px !important;
padding-left: 0 !important;
}
.uni-select__input-placeholder {
color: #6a6a6a;
font-size: 18px !important;
width: 400rpx;
}
.uni-select__input-text {
font-size: 18px !important;
}
.uni-date__x-input {
height: 28px !important;
line-height: 28px !important;
font-size: 14px !important;
}
.uni-date-x .range-separator {
height: 40px !important;
line-height: 40px !important;
font-size: 18px !important;
}
.empty-text,
.kk-btn-wrap view,
.kk-devices-item view {
font-size: 18px !important;
}
.kk-modal {
width: 400px !important;
height: 500px !important;
padding: 20px !important;
}
.operate-btn {
padding: 0 5px;
color: #fff;
border-radius: 5px;
height: 30px;
line-height: 30px;
margin: 0 0 0 10px;
display: inline-block;
}
.uni-calendar__weeks-day-text {
font-size: 18px;
}
.color-box {
display: flex;
height: 30px;
line-height: 30px;
}
.color-piece {
height: 30px;
width: 30px;
}
.uni-calendar-item__weeks-box-text,
.uni-calendar__weeks-day-text,
.uni-calendar__header-text {
font-size: 18px !important;
}
.uni-calendar-item__weeks-box-item,
.uni-calendar__header-btn-box {
width: 40px !important;
height: 40px !important;
}
.uni-calendar__weeks-day {
height: 40px !important;
}
.uni-calendar__header-btn {
width: 10rpx !important;
height: 10rpx !important;
}
.uni-calendar__header {
height: 30rpx !important;
}
.uni-easyinput__content-input, .uni-easyinput__content {
line-height: 30px !important;
height: 30px !important;
}