@uxda/appkit 1.2.8 → 1.2.12

package/dist/appkit.css

@@ -165,12 +165,175 @@
   margin-top: 40px;
   width: 128px;
 }
-page {
-  --text-color: #333;
-  --text-color-dark-mode: #eee;
+.trade-picker {
+  padding: 14px 0 14px 14px;
+}
+.trade-picker .nut-grid-item__content {
+  border: solid 2px transparent;
+  background: linear-gradient(#f5f5f5, #f5f5f5) padding-box, linear-gradient(to bottom, rgba(204, 204, 204, 0.5333333333), rgba(204, 204, 204, 0.5333333333)) border-box;
+  border-radius: 5px;
+}
+.trade-picker .tile {
+  height: 80px;
+  position: relative;
+  overflow: hidden;
+}
+.trade-picker .tile.selected .nut-grid-item__content {
+  background: linear-gradient(#FFF7E3, #FEFDE6) padding-box, linear-gradient(to bottom, #efd082, #ffb877) border-box;
+}
+.trade-picker .tile .tag {
+  position: absolute;
+  left: 0;
+  top: 0;
+  background: linear-gradient(90deg, #FD6701 0%, #FF9349 100%);
+  color: #fff;
+  font-size: 10px;
+  padding: 0 10px;
+  line-height: 17px;
+  height: 17px;
+  border-radius: 10px 100px 100px 0px;
+}
+.trade-picker h4.token-line {
+  color: #FD6701;
+  font-weight: 600;
+  line-height: 25px;
+  font-size: 18px;
+}
+.trade-picker h5 {
+  line-height: 18px;
+  color: #353535;
+  font-weight: 600;
+  opacity: 0.6;
+  margin-top: 4px;
+  font-size: 12px;
+}
+@charset "UTF-8";
+.recharge-view2 {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.recharge-view2 .flex-grow {
+  flex-grow: 1;
+}
+.recharge-view2 .bean-buy {
+  margin: 0 15px;
+  padding: 10px;
+  background: #FFFBF3;
+  border-radius: 5px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.recharge-view2 .bean-buy .left .title {
+  color: #FD6701;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 20px;
+  margin-bottom: 6px;
+}
+.recharge-view2 .bean-buy .left .amount {
+  color: #353535;
+  font-size: 13px;
+  line-height: 16px;
+  background-image: url("https://cdn.ddjf.com/static/images/appkit/yundou.png");
+  background-repeat: no-repeat;
+  background-size: 16px 16px;
+  padding-left: 24px;
+}
+.recharge-view2 .bean-buy .right {
+  display: flex;
+  align-items: center;
+}
+.recharge-view2 .bean-buy .right .amount {
+  color: #353535;
+  font-size: 15px;
+  line-height: 20px;
+  margin-right: 10px;
+}
+.recharge-view2 .bean-buy .right .icon {
+  display: block;
+  width: 16px;
+  height: 16px;
+  font-size: 0;
+}
+.recharge-view2 .amount-footer {
+  padding: 10px 0;
+  padding-bottom: 20px;
+}
+.recharge-view2 .amount-footer .agreement {
+  font-size: 12px;
+  display: flex;
+  justify-content: center;
+  align-items: cebter;
+  height: 40px;
+}
+.recharge-view2 .amount-footer .buy-amount {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 10px;
+  border-radius: 0px;
+  box-shadow: 0px -5px 14px -5px rgba(0, 0, 0, 0.1); /* 上边框阴影 */
+}
+.recharge-view2 .amount-footer .buy-amount .left {
+  width: 70%;
+  color: #353535;
+  font-size: 13px;
+}
+.recharge-view2 .amount-footer .buy-amount .left .amount {
+  color: #FD6701;
+  font-size: 20px;
+  font-weight: 600;
+}
+.recharge-view2 .amount-footer .buy-amount .left .amount i {
+  font-size: 14px;
+  font-style: normal;
 }
-.number {
-  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
+.recharge-view2 .amount-footer .buy-amount .recharge-button {
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFD7A7 52.29%, #FFB875 100%);
+  color: #353535;
+  margin: 12px 0;
+  border: 0;
+  border-radius: 8px;
+  flex: 1;
+}
+.recharge-view2 .amount-footer .nut-checkbox {
+  line-height: 40px;
+}
+.recharge-view2 .amount-footer .nut-checkbox__label {
+  margin-left: 8px;
+  flex: flex;
+  font-size: 12px;
+}
+.recharge-view2 .amount-footer .link {
+  display: inline;
+  color: #FD6701;
+}
+.trade-dialog .nut-dialog__header {
+  font-size: 16px;
+  color: #262626;
+}
+.trade-dialog .item {
+  font-size: 14px;
+  color: #666666;
+  line-height: 21px;
+}
+.trade-dialog .nut-dialog__footer-cancel {
+  color: #353535 !important;
+  border-color: #CCCCCC !important;
+}
+.trade-dialog .nut-dialog__footer-ok {
+  border: none;
+  color: #353535;
+  background: linear-gradient(90deg, #FFEBC1 0%, #FFB875 100%);
+}
+page {
+  --text-color: #333;
+  --text-color-dark-mode: #eee;
+}
+.number {
+  font-family: 'DIN alternate', 'Barlow Condensed', 'Roboto Condensed', sans-serif-condensed-light;
 }
 .account-card .card {
   background: #2f2f2f;
@@ -496,44 +659,27 @@ page {
   font-size: 12px;
   line-height: 28px;
 }
-.second-balance {
-  width: 100vw;
-}
-.second-balance .positions {
-  padding: 15px;
-}
-.second-balance .positions .position {
-  border-radius: 5px;
-  background: #f7f8fa;
-  height: 54px;
+.tip {
+  margin: 0 15px;
   display: flex;
-  align-items: center;
-  justify-content: space-around;
-  margin-bottom: 10px;
-  padding: 0 10px;
-  gap: 10px;
-}
-.second-balance .positions .position .icon {
-  width: 30px;
-  height: 30px;
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjAiIGhlaWdodD0iNjAiIHZpZXdCb3g9IjAgMCA2MCA2MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE3LjIyODUgMzcuMjY0M0wxMy43OTk5IDQyLjc1QzEzLjYyODUgNDMuMDkyOSAxMy43OTk5IDQzLjUyMTQgMTQuMjI4NSA0My41MjE0TDE4Ljg1NzEgNDMuNzc4NkMxOS4wMjg1IDQzLjc3ODYgMTkuMTE0MiA0My44NjQzIDE5LjE5OTkgNDMuOTVMMjIuMDI4NSA0Ny43MjE0QzIyLjI4NTcgNDcuOTc4NiAyMi43MTQyIDQ3Ljk3ODYgMjIuODg1NyA0Ny43MjE0TDI2LjE0MjggNDIuMzIxNEMyNi4zMTQyIDQyLjA2NDMgMjYuMjI4NSA0MS44MDcxIDI1Ljk3MTQgNDEuNjM1N0wxNy45MTQyIDM3LjA5MjlDMTcuNjU3MSAzNy4wMDcxIDE3LjM5OTkgMzcuMDkyOSAxNy4yMjg1IDM3LjI2NDNaTTQyLjc3MTQgMzcuMTc4Nkw0Ni4xOTk5IDQyLjY2NDNDNDYuMzcxNCA0My4wMDcxIDQ2LjE5OTkgNDMuNDM1NyA0NS43NzE0IDQzLjQzNTdMNDEuMTQyOCA0My42OTI5QzQwLjk3MTQgNDMuNjkyOSA0MC44ODU3IDQzLjc3ODYgNDAuNzk5OSA0My44NjQzTDM3Ljk3MTQgNDcuNjM1N0MzNy43MTQyIDQ3Ljg5MjkgMzcuMjg1NyA0Ny44OTI5IDM3LjExNDIgNDcuNjM1N0wzMy44NTcxIDQyLjIzNTdDMzMuNjg1NyA0MS45Nzg2IDMzLjc3MTQgNDEuNzIxNCAzNC4wMjg1IDQxLjU1TDQyLjA4NTcgMzcuMDA3MUM0Mi4zNDI4IDM2LjgzNTcgNDIuNTk5OSAzNi45MjE0IDQyLjc3MTQgMzcuMTc4NlpNNDIuMDg1NyAxOC40OTI5TDMxLjE5OTkgMTIuMzIxNEMzMC40Mjg1IDExLjg5MjkgMjkuMzk5OSAxMS44OTI5IDI4LjYyODUgMTIuMzIxNEwxNy44Mjg1IDE4LjQwNzFDMTcuMDU3MSAxOC44MzU3IDE2LjU0MjggMTkuNjkyOSAxNi41NDI4IDIwLjU1VjMyLjgwNzFDMTYuNTQyOCAzMy42NjQzIDE3LjA1NzEgMzQuNTIxNCAxNy44Mjg1IDM0Ljk1TDI4LjcxNDIgNDEuMTIxNEMyOS40ODU3IDQxLjU1IDMwLjUxNDIgNDEuNTUgMzEuMjg1NyA0MS4xMjE0TDQyLjA4NTcgMzUuMTIxNEM0Mi44NTcxIDM0LjY5MjkgNDMuMzcxNCAzMy44MzU3IDQzLjM3MTQgMzIuOTc4NlYyMC43MjE0QzQzLjM3MTQgMTkuNzc4NiA0Mi44NTcxIDE4LjkyMTQgNDIuMDg1NyAxOC40OTI5Wk0zNi45NDI4IDIzLjcyMTRMMzAuNTk5OSAzMi44OTI5QzMwLjQyODUgMzMuMTUgMzAuMDg1NyAzMy4zMjE0IDI5Ljc0MjggMzMuMzIxNEMyOS4zOTk5IDMzLjMyMTQgMjkuMDU3MSAzMy4xNSAyOC44ODU3IDMyLjg5MjlMMjIuNzk5OSAyMy43MjE0QzIyLjQ1NzEgMjMuMjkyOSAyMi42Mjg1IDIyLjYwNzEgMjMuMDU3MSAyMi4zNUMyMy40ODU3IDIyLjA5MjkgMjQuMTcxNCAyMi4xNzg2IDI0LjQyODUgMjIuNjA3MUwyOS42NTcxIDMwLjQ5MjlMMzUuMTQyOCAyMi41MjE0QzM1LjQ4NTcgMjIuMDkyOSAzNi4wODU3IDIxLjkyMTQgMzYuNTE0MiAyMi4yNjQzQzM3LjE5OTkgMjIuNjkyOSAzNy4yODU3IDIzLjI5MjkgMzYuOTQyOCAyMy43MjE0WiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg=="), linear-gradient(100deg, #f4e2ce -67.2%, #debb9b 98.15%);
-  background-repeat: no-repeat;
-  border-radius: 15px;
-  background-size: 30px;
-  flex-basis: 30px;
-  flex-grow: 0;
+  padding: 8px 10px;
+  justify-content: start;
+  background: #fff;
+  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
+  border-radius: 5px;
+  margin-top: 10px;
 }
-.second-balance .positions .position .title {
-  flex-grow: 1;
-  color: #353535;
-  font-size: 14px;
-  font-weight: 500;
+.tip .tip-icon {
+  display: block;
+  font-size: 0;
+  width: 18px;
+  height: 18px;
 }
-.second-balance .positions .position .amount {
-  flex-grow: 0;
-  color: #9e7b5a;
-  font-size: 14px;
-  font-weight: 700;
+.tip .tip-content {
+  margin-left: 6px;
+  color: #5D4431;
+  line-height: 18px;
+  font-size: 12px;
 }
 .account-view {
   height: 100vh;
@@ -553,10 +699,6 @@ page {
 .account-view .page-header.with-background {
   background-color: #3b393c;
 }
-.account-view.popupOpen {
-  height: 100vh;
-  overflow: hidden;
-}
 .account-view .spa-between {
   display: flex;
   justify-content: space-between;
@@ -645,56 +787,75 @@ page {
   font-size: 15px;
   font-weight: 500;
 }
-.account-view .operation-title {
+.consumption-rules-popup {
+  border-radius: 16px;
+  width: 70%;
+  max-height: 80%;
+  padding: 24px;
+}
+.operation-box {
+  width: 100vw;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 87px);
+}
+.operation-box .operation-title {
   padding: 10px 15px;
   background: #fff;
-  position: sticky;
-  z-index: 10;
   transition: box-shadow 0.3s;
 }
-.account-view .operation-title.with-shadow {
+.operation-box .operation-title.with-shadow {
   box-shadow: 0px 1px 10px 0px rgba(153, 153, 153, 0.2);
 }
-.account-view .operation-title .text {
+.operation-box .operation-title .text {
   color: #353535;
   font-size: 12px;
   opacity: 0.5;
 }
-.account-view .operation-title .time-icon {
+.operation-box .operation-title .time-icon {
   display: block;
   font-size: 0;
   width: 12px;
   height: 12px;
   margin-left: 4px;
 }
-.account-view .operation-title .search-time {
+.operation-box .operation-title .search-time {
   display: flex;
   align-items: center;
 }
-.account-view .operation-title .search-time .title {
+.operation-box .operation-title .search-time .title {
   color: #000;
   font-weight: 500;
   font-size: 17px;
   margin-right: 10px;
 }
-.account-view .operation-title .search-time .time {
+.operation-box .operation-title .search-time .time {
   height: 22px;
   padding-right: 5px;
   flex: 1;
   display: flex;
   align-items: center;
 }
-.account-view .operation-title .search {
+.operation-box .operation-title .search {
   display: flex;
   align-items: center;
   height: 22px;
   padding-left: 5px;
 }
-.account-view .operation-list {
+.operation-box .spa-between {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.operation-box .operation-list {
+  flex: 1;
   margin: 0 15px;
-  padding-bottom: 15px;
 }
-.account-view .operation-list .box-detail .title {
+.operation-box .operation-list .operation-scroll {
+  height: calc(100vh - 130px);
+}
+.operation-box .operation-list .box-detail .title {
   line-height: 22px;
   font-weight: 700;
   font-size: 12px;
@@ -702,7 +863,7 @@ page {
   opacity: 0.5;
   margin-bottom: 10px;
 }
-.account-view .operation-list .box-detail .item {
+.operation-box .operation-list .box-detail .item {
   border-radius: 5px;
   background: rgba(255, 255, 255, 0.5);
   box-shadow: 0px 2.5px 9.5px 2px rgba(0, 0, 0, 0.05);
@@ -711,7 +872,7 @@ page {
   display: flex;
   margin-bottom: 10px;
 }
-.account-view .operation-list .box-detail .item-type {
+.operation-box .operation-list .box-detail .item-type {
   background: linear-gradient(113.95deg, #f4e2ce 1.2%, #debb9b 77.63%);
   width: 30px;
   height: 30px;
@@ -723,32 +884,32 @@ page {
   color: #000;
   text-align: center;
 }
-.account-view .operation-list .box-detail .item-detail {
+.operation-box .operation-list .box-detail .item-detail {
   flex: 1;
 }
-.account-view .operation-list .box-detail .item-detail .item-info {
+.operation-box .operation-list .box-detail .item-detail .item-info {
   padding: 0;
   font-size: 14px;
   font-weight: 700;
   color: #000;
 }
-.account-view .operation-list .box-detail .item-detail .item-info-type {
+.operation-box .operation-list .box-detail .item-detail .item-info-type {
   line-height: 15px;
 }
-.account-view .operation-list .box-detail .item-detail .item-info-title {
+.operation-box .operation-list .box-detail .item-detail .item-info-title {
   font-weight: 400;
   opacity: 0.8;
   font-size: 11px;
 }
-.account-view .operation-list .box-detail .item-detail .item-info-amount {
+.operation-box .operation-list .box-detail .item-detail .item-info-amount {
   color: #9e7b5a;
 }
-.account-view .operation-list .box-detail .item-detail-remark {
+.operation-box .operation-list .box-detail .item-detail-remark {
   opacity: 0.3;
   line-height: 15px;
   font-size: 10px;
 }
-.account-view .operation-list .box-not-text {
+.operation-box .operation-list .box-not-text {
   opacity: 0.4;
   color: #353535;
   font-size: 12px;
@@ -756,11 +917,68 @@ page {
   margin: 0 auto 40px;
   text-align: center;
 }
-.consumption-rules-popup {
-  border-radius: 16px;
-  width: 70%;
-  max-height: 80%;
-  padding: 24px;
+.rights-card {
+  margin: 10px 15px 0px;
+  background: #FFF8F3;
+  border-radius: 5px;
+  box-shadow: 0px 5px 18.9px 2px rgba(0, 0, 0, 0.0509803922);
+  padding: 15px 20px;
+}
+.rights-card .title {
+  height: 25px;
+  line-height: 25px;
+  background: rgba(255, 131, 32, 0.3);
+  border-radius: 20px 50px 50px 0px;
+  color: #353535;
+  font-size: 12px;
+  display: inline-block;
+  padding-left: 5px;
+  padding-right: 12px;
+}
+.rights-card .list {
+  display: flex;
+  flex-wrap: wrap;
+}
+.rights-card .list .item {
+  width: 50%;
+  margin-top: 15px;
+}
+.rights-card .list .item .item-count {
+  font-size: 20px;
+  color: #353535;
+  font-weight: 700;
+  line-height: 23px;
+}
+.rights-card .list .item .item-title {
+  line-height: 23px;
+  color: #987356;
+  font-size: 11px;
+  display: flex;
+  align-items: center;
+}
+.rights-card .list .item .item-title .item-title-button {
+  padding: 0 27rpx;
+  height: 54rpx;
+  line-height: 54rpx;
+  background: -webkit-linear-gradient(262.82deg, #353535 10.04%, #433f46 90.21%);
+  background: linear-gradient(187.18deg, #353535 10.04%, #433f46 90.21%);
+  border-radius: 27rpx;
+  color: #E7CAAD;
+  font-size: 24rpx;
+  font-weight: 400;
+  margin-left: 40rpx;
+  display: flex;
+  align-items: center;
+}
+.rights-card .list .item .item-title .item-title-button .button-icon {
+  display: block;
+  width: 24rpx;
+  height: 24rpx;
+  font-size: 0;
+  margin-left: 4px;
+}
+.rights-card .list .star-item {
+  width: 100%;
 }
 .balance-reminder-popup {
   width: 90%;