@uxda/appkit 1.2.72 → 4.0.0

package/dist/appkit.css

@@ -1,477 +1,3 @@
-.user-entry {
-  position: absolute;
-  left: 0;
-  top: 130px;
-  transform: translateY(-50%);
-  display: flex;
-  padding: 0 22px;
-  align-items: center;
-  width: 100%;
-}
-.user-entry-head {
-  position: relative;
-  width: 65px;
-  height: 65px;
-  margin-right: 8px;
-}
-.user-entry-head-img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 50%;
-}
-.user-entry-head-icon {
-  position: absolute;
-  width: 15px;
-  height: 15px;
-  bottom: 2px;
-  left: 48px;
-  background: url("https://cdn.ddjf.com/static/images/wx-yunservice/edit-icon.png") center;
-  background-size: cover;
-}
-.user-entry-bd {
-  color: #fff;
-}
-.user-entry-bd-bigtxt {
-  display: flex;
-  align-items: center;
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 28px;
-  margin-left: 10px;
-}
-.user-entry-bd-bigtxt-icon {
-  width: 20px;
-}
-.user-entry-bd-txt {
-  font-size: 20px;
-  font-weight: 500;
-  line-height: 25px;
-  margin-bottom: 5px;
-}
-.user-entry-bd-smalltxt {
-  margin-top: 0;
-  font-size: 15px;
-  line-height: 21px;
-}
-
-.user-info {
-  padding: 0 12px;
-  padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px));
-}
-.user-info-tit {
-  height: 38px;
-  display: flex;
-  align-items: center;
-  color: #666666;
-  font-size: 12px;
-  padding-left: 10px;
-}
-.user-info-head {
-  border-radius: 5px;
-  background: #fff;
-  padding: 60px 11px 0;
-}
-.user-info-head-avatar {
-  position: relative;
-  width: 80px;
-  height: 80px;
-  margin: 0 auto 60px;
-}
-.user-info-head-img {
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-  border-radius: 50%;
-}
-.user-info-head-upload {
-  position: absolute;
-  bottom: -2px;
-  left: 52px;
-  width: 29px;
-  height: 29px;
-  background: #333333;
-  overflow: hidden;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-.user-info-head-upload-icon {
-  width: 17px;
-  height: 17px;
-}
-.user-info-team-item {
-  border-radius: 5px;
-  background: #fff;
-  display: flex;
-  padding: 15px;
-  margin-bottom: 10px;
-}
-.user-info-team-item-avatar {
-  width: 38px;
-  height: 38px;
-  margin-right: 15px;
-  border-radius: 5px;
-}
-.user-info-team-item-avatar-img {
-  width: 100%;
-  height: 100%;
-}
-.user-info-team-item-title {
-  font-size: 16px;
-  font-weight: 500;
-  margin-bottom: 5px;
-}
-.user-info-team-item-app {
-  margin-bottom: 8px;
-  display: flex;
-  align-items: center;
-}
-.user-info-team-item-app-tag {
-  border: 1px solid rgba(53, 53, 53, 0.2);
-  font-size: 10px;
-  height: 18px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 6px;
-  border-radius: 2px;
-  margin-right: 20px;
-}
-.user-info-team-item-bd {
-  flex: 1;
-}
-.user-info-team-item-role-btn {
-  color: var(--app-primary-color, #017fff);
-  font-size: 10px;
-  display: inline-flex;
-  align-items: center;
-}
-.user-info-team-item-role-btn-icon {
-  width: 12px;
-  height: 12px;
-  position: relative;
-  top: 1px;
-}
-.user-info-team-item-role-btn-icon.showRole {
-  transform: rotate(180deg);
-}
-.user-info-team-item-role-item {
-  display: flex;
-  font-size: 10px;
-  padding: 10px;
-  background: rgba(245, 245, 245, 0.5);
-  border-radius: 5px;
-  margin-bottom: 10px;
-}
-.user-info-team-item-role-item-name {
-  opacity: 0.5;
-  white-space: nowrap;
-  margin-right: 10px;
-}
-.user-info-team-item-role-item-info {
-  flex: 1;
-  color: #1a1a1a;
-}
-.user-info-team-item-user {
-  margin-bottom: 4px;
-  font-size: 12px;
-  display: flex;
-  align-items: center;
-}
-.user-info-team-item-user-icon {
-  width: 10px;
-  height: 10px;
-  margin-left: 4px;
-}
-.user-info-team-item-dept {
-  font-size: 10px;
-  color: rgba(26, 26, 26, 0.8);
-}
-.user-info-ft-btn {
-  width: 100%;
-  border-color: transparent !important;
-  color: rgba(27, 63, 107, 0.8) !important;
-}
-.user-info .nut-cell {
-  padding-top: 11px;
-  padding-bottom: 11px;
-  box-shadow: none;
-  border-bottom: 1px solid #f0f0f0;
-}
-.user-feedback {
-  margin: 10px 12px;
-  padding-bottom: calc(75px + env(safe-area-inset-bottom, 0px));
-  height: 100vh;
-  box-sizing: border-box;
-  overflow: hidden;
-}
-.user-feedback-wrap {
-  height: 100%;
-  background: #fff;
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-  padding: 10px;
-  border-radius: 5px;
-}
-.user-feedback-head {
-  background: #f2f9ff;
-  padding: 15px;
-  border-radius: 2px;
-  font-size: 12px;
-  margin-bottom: 8px;
-}
-.user-feedback-head-info {
-  padding-left: 9px;
-  text-indent: -9px;
-}
-.user-feedback-tit {
-  height: 44px;
-  display: flex;
-  align-items: center;
-  color: #1a1a1a;
-  font-weight: 500;
-  font-size: 17px;
-}
-.user-feedback-body {
-  flex: 1;
-  background: #f5f5f5;
-  border-radius: 4px 4px 0px 0px;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-}
-.user-feedback-handle {
-  border: 1px solid rgba(138, 138, 138, 0.1019607843);
-  background: #ffffff;
-  height: 30px;
-  display: flex;
-  align-items: center;
-  padding: 3px 10px;
-  border-radius: 4px 4px 0 0;
-}
-.user-feedback-handle-item {
-  border-radius: 4px;
-  color: #838383;
-  font-size: 12px;
-  padding: 0 5px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-}
-.user-feedback-handle-item-icon {
-  width: 18px;
-  height: 18px;
-  margin-right: 6px;
-}
-.user-feedback-handle-item:active {
-  background: rgba(217, 217, 217, 0.2);
-}
-.user-feedback-editor {
-  padding: 10px;
-  font-size: 14px;
-  flex: 1;
-  overflow-y: auto;
-}
-.user-feedback .ql-editor.ql-blank:before {
-  color: rgba(0, 0, 0, 0.3);
-  font-style: normal;
-}
-.user-feedback-footer {
-  position: fixed;
-  z-index: 10;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  min-height: 63px;
-  background: #ffffff;
-  box-shadow: 0 -3px 11px 0 rgba(224, 224, 224, 0.5);
-  padding: 10px 12px calc(8px + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  justify-content: space-between;
-  box-sizing: border-box;
-}
-.user-feedback-footer-btn {
-  flex: 1;
-}
-.user-feedback-footer-btn:first-child {
-  margin-right: 10px;
-}
-.user-head-crop {
-  height: 100vh;
-}
-.user-head-crop-btns {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  width: 100%;
-  height: 50px;
-  padding: 0 20px;
-  box-sizing: border-box;
-  line-height: 50px;
-}
-.user-head-crop .cbtn {
-  color: #fff;
-}
-.user-head-crop .comfirmBtn {
-  color: var(--app-primary-color, #017fff);
-}
-.bt-container {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  height: 100%;
-  box-sizing: border-box;
-  background-color: #0e1319;
-  position: relative;
-  overflow: hidden;
-}
-.bt-container .iconfont {
-  position: absolute;
-  z-index: 999;
-  top: 20px;
-  font-size: 15px;
-  padding: 5px;
-  background-color: rgba(255, 255, 255, 0.2);
-  border-radius: 50%;
-  color: #ffffff;
-}
-.bt-container .iconfont.active {
-  color: #007aff;
-}
-.bt-container .icon-replay {
-  right: 20px;
-}
-.bt-container .bt-canvas {
-  position: absolute;
-  left: 100%;
-  top: 0;
-  width: 300px;
-  height: 300px;
-}
-.bt-container .mainContent {
-  flex: 1;
-  margin: 30px;
-  position: relative;
-}
-.bt-container .mainContent .image {
-  position: absolute;
-  transform-origin: center center;
-}
-.bt-container .mainContent .controller {
-  position: absolute;
-  z-index: 99;
-  padding: 10px;
-}
-.bt-container .mainContent .controller::after {
-  display: block;
-  content: "";
-  box-shadow: 0 0 5px #333;
-  background-color: #e4e7ed;
-}
-.bt-container .mainContent .controller.controller_dot::after {
-  width: 20px;
-  height: 20px;
-  border-radius: 99px;
-}
-.bt-container .mainContent .controller.vertical::after {
-  width: 5px;
-  height: 20px;
-}
-.bt-container .mainContent .controller.horizon::after {
-  width: 20px;
-  height: 5px;
-}
-.bt-container .mainContent .cropper {
-  position: absolute;
-  border: 1px solid #eee;
-  box-sizing: content-box;
-  transform-origin: center center;
-  outline: 999px solid rgba(0, 0, 0, 0.5);
-  will-change: transform;
-  display: contain;
-  pointer-events: none;
-}
-.bt-container .mainContent .cropper .line {
-  position: absolute;
-}
-.bt-container .mainContent .cropper .row {
-  width: 100%;
-  height: 0px;
-  left: 0;
-  border-top: 1px dashed #007aff;
-}
-.bt-container .mainContent .cropper .col {
-  height: 100%;
-  width: 0px;
-  border-left: 1px dashed #007aff;
-}
-.bt-container .mainContent .cropper .row1 {
-  top: 33%;
-}
-.bt-container .mainContent .cropper .row2 {
-  top: 66%;
-}
-.bt-container .mainContent .cropper .col1 {
-  left: 33%;
-}
-.bt-container .mainContent .cropper .col2 {
-  left: 66%;
-}
-.bt-container .slot {
-  position: relative;
-  padding-top: 10px;
-}
-.user-feedback-entry {
-  position: fixed;
-  right: 12px;
-  bottom: calc(120px + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  background: #fff;
-  box-shadow: 0px 2px 5px 0px rgba(0, 110, 229, 0.1019607843);
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  color: rgba(0, 0, 0, 0.5);
-  font-size: 10px;
-}
-.user-feedback-entry-icon {
-  width: 13px;
-  height: 13px;
-  margin-bottom: 1px;
-}
-.user-feedback-entry:active {
-  background: rgba(255, 255, 255, 0.7);
-}
-.login-setting {
-  position: fixed;
-  z-index: 4;
-  left: 12px;
-  top: 10px;
-  bottom: 10px;
-  align-items: center;
-  justify-content: center;
-  width: calc(100% - 24px);
-  background: #ffffff;
-  border-radius: 5px;
-  display: flex;
-  flex-direction: column;
-}
-.login-setting-img {
-  height: 111px;
-  width: 198px;
-}
-.login-setting-text {
-  margin-top: 10px;
-  color: #353535;
-  opacity: 0.4;
-  font-size: 12px;
-}
 .amount-picker {
   padding: 14px 0 14px 14px;
 }
@@ -847,12 +373,12 @@
   color: #353535;
   background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
 }
-page {
-  --text-color: #333;
-  --text-color-dark-mode: #eee;
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
 }
-.number {
-  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
+.number {
+  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
 }
 .account-card .card {
   background: #2f2f2f;
@@ -1781,8 +1307,8 @@ page {
 }
 .notice-entry {
   position: fixed;
-  right: 0;
-  top: 120px;
+  right: 43px;
+  top: 21px;
   min-width: 66px;
   padding: 0 12px 0 15px;
   text-align: center;
@@ -1955,12 +1481,6 @@ page {
   font-size: 15px;
   margin-bottom: 4px;
 }
-.notice-list .wrapper .content .card.active .notice-list-label {
-  opacity: 1;
-}
-.notice-list .wrapper .content .card.active .notice-list-file {
-  opacity: 1;
-}
 .notice-list .no-data {
   background-color: #fff;
   display: flex;
@@ -1983,24 +1503,10 @@ page {
 .notice-list-file {
   font-size: 10px;
   color: #017fff;
-  opacity: 0.5;
 }
 .notice-list .cue-text {
   font-size: 13px;
   color: rgba(60, 60, 60, 0.5);
   padding: 30px 0 calc(30px + env(safe-area-inset-bottom, 0px));
   text-align: center;
-}
-.notice-list-label {
-  border: 1px solid #caa264;
-  color: #caa264;
-  border-radius: 1px;
-  font-size: 8px;
-  display: inline-flex;
-  justify-content: center;
-  align-items: center;
-  height: 14px;
-  padding: 0 5px;
-  margin-left: 4px;
-  opacity: 0.5;
 }