ssj_book/dispatcher/pages/book_entry/book_entry.wxss

/* parents/pages/information/information.wxss */
@import '../../../templates/loading/loading.wxss'; 
page{
  background: #fff;
}
.list {
  padding: 0rpx;
  margin-bottom:120rpx;
}
.li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 30rpx;
  background: #fff;
  border-radius: 0;
  border-bottom: solid 1rpx #e6e6e6;
  margin: 0;
}
.li-label {
  font-size: 32rpx;
  color: #666;
  margin: 0;
}
.li-image {
  width: 60rpx;
  height: 60rpx;
  margin-top:80rpx;
}
.li-imageTip{
  width: 100%;
  height: 100%;
  /* border-radius:50%; */
}
.upload-text{
  font-size:12px;
  color:#999999;
}
.upload-refrehtext{
  font-size:12px;
  color:#ffff;
}
.uploadImg{
  width:200rpx;
  height:220rpx;
  background-color:#ebebeb;
  margin:0 auto;
  text-align:center;
  line-height:30rpx;
  box-shadow:0px 0px 8rpx 0px rgba(204,204,204,1);
  border-radius:10rpx;
}
.upload-Model{
  width:100%;
  height:100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  line-height:220rpx;
  position:relative;
  top:-218rpx;

}
.li-input,
.li-picker,
.li-text {
  width: 400rpx;
  font-size: 30rpx;
  color: #999;
  text-align: right;
}
.li-input-text{
  width: 400rpx;
  /* max-height: 1.4rem; */
  font-size: 30rpx;
  color: #999;
  text-align: right;
}
.li-label-right{
  width: 12rpx;
  height: 22rpx;
  margin: auto 0;
  margin-left: 20rpx;
}
/* 图书录入 */
.list-logo{
  margin: 40% 0 35% 0;
  text-align: center;
}
.list-logo-img{
  width: 395rpx;
  height: 181rpx;
}
.list-btn{
  width:518rpx;
  height:98rpx;
  background:rgba(255,128,168,1);
  border-radius:49rpx;
  margin: 0 auto;
  line-height: 98rpx;
  color: #FFFFFF;
  font-size: 32rpx;
  text-align: center;
  font-weight:bold;
}
.list-btns{
  margin: 0
}
.list-btns-yellow{
  width:518rpx;
  height:98rpx;
  background:#FFD76C;
  border-radius:49rpx;
  margin: 0 auto;
  line-height: 98rpx;
  color: #41414C;
  font-size: 32rpx;
  text-align: center;
  font-weight:bold;
  margin-bottom: 30rpx;
}
.list-btns-blue{
  width:518rpx;
  height:98rpx;
  background:#82DCFF;
  border-radius:49rpx;
  margin: 0 auto;
  line-height: 98rpx;
  color: #41414C;
  font-size: 32rpx;
  text-align: center;
  font-weight:bold;
}
.list-book-img{
  width:210rpx;
  height:220rpx;
  background:rgba(103,103,103,1);
  box-shadow:0px 0px 8rpx 0px rgba(204,204,204,1);
  border-radius:10rpx;
}
.list-logo-text{
  color: #41414C;
  font-size: 32rpx;
  font-weight: bold;
  margin: 30rpx 28%;
}
.list-info{
  margin: 58rpx 0 74rpx 0;
  text-align: center;
}

.scan-btn {
  margin: 150rpx auto;
  width: 320rpx;
  height: 320rpx;
  background: linear-gradient(152deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%);
  box-shadow: 0rpx 8rpx 40rpx 0rpx rgba(0,175,243,0.5);
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 400rpx;
  z-index: 3;
  cursor: pointer;
}
.scan-btn::before {
  content: "";
  position: absolute;
  top: -23rpx;
  left: -23rpx;
  width: 366rpx;
  height: 366rpx;
  border-radius: 500rpx;
  background: rgba(0,183,255,1);
  opacity: 0.06;
  z-index: 2;
}
.scan-btn::after {
  content: "";
  position: absolute;
  top: -56rpx;
  left: -56rpx;
  width: 432rpx;
  height: 432rpx;
  background: rgba(0,183,255,1);
  opacity: 0.04;
  z-index: 1;
  border-radius: 500rpx;
}
.scan-btn-icon {
  width: 128rpx;
  height: 120rpx;
}
.scan-btn-text {
  margin-top: 40rpx;
  color: #fff;
  font-size: 32rpx;
}
.scan-row {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80rpx;
}
.scan-row-icon {
  width: 30rpx;
  height: 30rpx;
  margin-right: 14rpx;
}
.scan-row-text {
  font-size: 30rpx;
  color: #999;
}
.scan-row-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255,215,108,1);
  border-radius: 100rpx;
  padding: 18rpx 68rpx;
}
.scan-row-btn-icon {
  width: 16rpx;
  height: 24rpx;
  margin-left: 14rpx;
}
.scan-row-btn-text {
  font-size: 30rpx;
  color: rgba(102, 102, 102, 1);
}
.picker{
  box-shadow:0px 2rpx 29rpx 2rpx rgba(0, 0, 0, 0.1);
  width: 100%;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index:999,
}
.li-label-picker{
  width: 100%;
  height: 400rpx;
  text-align: center
}
.picker-btn{
  text-align: right;
  padding: 30rpx 0;
  color: #00B7FF;
  font-weight: 500;
  border-bottom: 1rpx solid #E6E6EC;
  padding-right: 35rpx;
}

.picker-item{
  line-height: 80rpx;
}
.list-book-header{
  width:210rpx;
  height:220rpx;
  border-radius:10rpx;
  box-shadow:0px 0px 8rpx 0px rgba(204,204,204,1);
}
.footer-box-item1{
  height:88rpx;
  background:rgba(255,255,255,1);
  border-radius:44rpx;
  width:292rpx;
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(65,65,76,1);
  line-height:88rpx;
  text-align:center;
  margin:0 20rpx;
}
.footer-box-item2{
  width:292rpx;
  height:88rpx;
  margin:0 20rpx;
  background:rgba(255,215,108,1);
  border-radius:44rpx;
  font-size:30rpx;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(65,65,76,1);
  line-height:88rpx;
  text-align:center;
}
.model-list{
  color: #A1A1B3;
  font-size: 28rpx;
  text-align: left;
  padding: 0 34rpx 34rpx 34rpx;
}
.model-list-title{
  color: #41414C;
  font-size: 32rpx;
  padding: 37rpx 0;
  text-align: center;
}
.model-list-del{
  position: absolute;
  bottom: -120rpx;
  left: 45%;
}
.model-list-img{
  width: 60rpx;
  height: 60rpx;
}
.model-list-footer{
  display:flex;
  justify-content: space-around;
  font-size: 32rpx;
  padding: 40rpx 0;
}
.model-list-footer-cancel{
  width:224rpx;
  height:68rpx;
  background:rgba(255,255,255,1);
  border:2rpx solid rgba(0,183,255,1);
  border-radius:44rpx;
  line-height: 68rpx;
  text-align: center;
  color: #00B7FF;
}
.model-list-footer-sure{
  width:224rpx;
  height:68rpx;
  background:linear-gradient(90deg,rgba(81,206,255,1) 0%,rgba(0,183,255,1) 100%);
  border:2rpx solid transparent;
  border-radius:44rpx;
  line-height: 68rpx;
  text-align: center;
  color: #FFFFFF;
}
.model-show{
  z-index: 1001;
  position: fixed;
  top: 30%;
  margin: 0 12.5%;
  width: 75%;
  background: #fff;
  border-radius:30rpx;
  text-align: center;
}