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.
352 lines
7.1 KiB
352 lines
7.1 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 {
|
|
background: #eee;
|
|
height: auto;
|
|
}
|
|
.box {
|
|
width: 95%;
|
|
margin: 20rpx auto 0;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
padding: 10px;
|
|
position: relative;
|
|
}
|
|
.bottom-btn {
|
|
position: fixed;
|
|
bottom: 0;
|
|
height: 100rpx;
|
|
background: #fff;
|
|
width: 100%;
|
|
font-size: 36rpx;
|
|
color: #fff;
|
|
display: flex;
|
|
z-index: 99;
|
|
}
|
|
.circle {
|
|
width: 120rpx;
|
|
text-align: center;
|
|
line-height: 40rpx;
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
margin-top: 20rpx;
|
|
}
|
|
.content {
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
}
|
|
.input-box {
|
|
width: 100%;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
display: inline-block;
|
|
margin-top: 5px;
|
|
border-bottom: 1px solid #eee;
|
|
padding-left: 10px;
|
|
}
|
|
.name-box {
|
|
width: 20%;
|
|
height: 70rpx;
|
|
}
|
|
.voice-popup-content {
|
|
align-items: center;
|
|
justify-content: center;
|
|
padding: 15px;
|
|
width: 500rpx;
|
|
border-radius: 10px;
|
|
height: 740rpx;
|
|
background-color: #fff;
|
|
}
|
|
.voice-popup-title {
|
|
font-size: 36rpx;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.voice-popup-container {
|
|
margin-top: 20rpx;
|
|
}
|
|
.voice-popup-bottom {
|
|
display: flex;
|
|
height: 80rpx;
|
|
color: #fff;
|
|
line-height: 80rpx;
|
|
margin-top: 30rpx;
|
|
}
|
|
.uni-list-cell {
|
|
margin-right: 110rpx;
|
|
display: flex;
|
|
float: left;
|
|
}
|
|
.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: 300rpx;
|
|
height: 300rpx;
|
|
display: flex;
|
|
justify-content: center;
|
|
flex-flow: column;
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
border-radius: 20rpx;
|
|
color: #fff;
|
|
text-align: center;
|
|
margin-left: -150rpx;
|
|
z-index: 999;
|
|
}
|
|
.voice-model ._img {
|
|
width: 200rpx;
|
|
height: 200rpx;
|
|
margin: 0 auto;
|
|
}
|
|
.voice-btn {
|
|
position: absolute;
|
|
bottom: -250rpx;
|
|
left: 30%;
|
|
width: 180rpx;
|
|
height: 180rpx;
|
|
background: #eee;
|
|
border-radius: 50%;
|
|
}
|
|
.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: 5px;
|
|
border-radius: 5px;
|
|
z-index: 99;
|
|
}
|
|
.upload-img {
|
|
width: 160rpx;
|
|
height: 160rpx;
|
|
}
|
|
.type-popup {
|
|
width: 500rpx;
|
|
height: 570rpx;
|
|
background: #fff;
|
|
border-radius: 10px;
|
|
position: relative;
|
|
padding: 0 20rpx;
|
|
overflow: scroll;
|
|
}
|
|
.kk-printer-btn {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.kk-printer .kk-shadow {
|
|
display: none;
|
|
z-index: 999;
|
|
}
|
|
.kk-printer .kk-shadow.show {
|
|
display: block;
|
|
width: 100vw;
|
|
height: 100vh;
|
|
background: rgba(0, 0, 0, 0.4);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal {
|
|
width: 420rpx;
|
|
height: 600rpx;
|
|
padding: 24rpx;
|
|
box-sizing: border-box;
|
|
overflow-y: auto;
|
|
border-radius: 20rpx;
|
|
background: #ffffff;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-filter-wrap {
|
|
width: 100%;
|
|
height: 160rpx;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: flex-start;
|
|
align-items: flex-start;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-filter-wrap .filter-title {
|
|
line-height: 70rpx;
|
|
font-size: 30rpx;
|
|
color: #999999;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-filter-wrap > slider {
|
|
width: 90%;
|
|
height: 90rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-filter-wrap > input {
|
|
padding: 0 20rpx;
|
|
box-sizing: border-box;
|
|
border-radius: 10rpx;
|
|
height: 90rpx;
|
|
width: 100%;
|
|
border: 1rpx solid #ebebeb;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-btn-wrap {
|
|
width: 100%;
|
|
height: 90rpx;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding: 20rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-btn-wrap > view {
|
|
flex: 1 1 auto;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
border-radius: 16rpx;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
font-size: 26rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-btn-wrap > view.confirm-btn {
|
|
background: #007AFF;
|
|
margin-right: 30rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-btn-wrap > view:nth-last-child(1) {
|
|
background: #DD524D;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap {
|
|
height: calc(100% - 80rpx);
|
|
overflow-y: auto;
|
|
padding: 10rpx 20rpx;
|
|
box-sizing: border-box;
|
|
border: 1rpx solid #ebebeb;
|
|
box-sizing: border-box;
|
|
border-radius: 20rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .empty-wrap {
|
|
width: 100%;
|
|
height: 100%;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .empty-wrap .empty-icon {
|
|
width: 268rpx;
|
|
height: 240rpx;
|
|
background-size: 100% 100%;
|
|
margin-bottom: 26rpx;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .empty-wrap .empty-text {
|
|
width: 100%;
|
|
line-height: 50rpx;
|
|
font-size: 30rpx;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .kk-devices-item {
|
|
width: 100%;
|
|
border-bottom: 1rpx solid #ebebeb;
|
|
padding: 10rpx 0;
|
|
box-sizing: border-box;
|
|
z-index: 500;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .kk-devices-item:nth-last-child(1) {
|
|
border-bottom: none;
|
|
}
|
|
.kk-printer .kk-shadow.show .kk-modal .kk-search-device .kk-devices-wrap .kk-devices-item > view {
|
|
width: 100%;
|
|
font-size: 30rpx;
|
|
}
|
|
.kk-placeholder-class {
|
|
font-size: 30rpx;
|
|
color: #999999;
|
|
}
|
|
.title-input {
|
|
width: 70%;
|
|
height: 80rpx;
|
|
line-height: 80rpx;
|
|
}
|
|
.add-book {
|
|
font-size: 26rpx;
|
|
font-weight: bold;
|
|
color: #088FEB;
|
|
}
|
|
.title-box {
|
|
display: flex;
|
|
line-height: 80rpx;
|
|
flex-direction: column;
|
|
}
|
|
.book-mask {
|
|
z-index: 99;
|
|
position: absolute;
|
|
top: 190rpx;
|
|
left: 20%;
|
|
width: 500rpx;
|
|
max-height: 300rpx;
|
|
overflow: scroll;
|
|
background: #fff;
|
|
padding: 10rpx;
|
|
border-radius: 5px;
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
.new-circle {
|
|
position: absolute;
|
|
right: 20rpx;
|
|
top: 115rpx;
|
|
width: 50rpx;
|
|
height: 50rpx;
|
|
border-radius: 60rpx;
|
|
background: red;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 50rpx;
|
|
}
|
|
.new-user {
|
|
background: #088FEB;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
margin-top: 20rpx;
|
|
color: #fff;
|
|
border-radius: 10px;
|
|
}
|
|
.kuaijie {
|
|
border-radius: 10px;
|
|
width: 100rpx;
|
|
height: 60rpx;
|
|
line-height: 60rpx;
|
|
text-align: center;
|
|
margin: 5rpx auto;
|
|
border: 1px solid #FFE4E1;
|
|
color: #87CEFA;
|
|
}
|
|
|
|
|