123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172 |
- .accountPerPage {
- width: 100%;
- .accountPerBox {
- width: 100%;
- height: calc(100% - 44px);
- overflow: auto;
- // background: #fff url('../../assets/accountPer/pageBg.png') top center no-repeat;
- // background-size: 100%;
- .searchRow {
- width: 90%;
- height: 50px;
- margin: 0 auto;
- align-items: center;
- .bd3 {
- width: 87px;
- height: 16px;
- .outer4 {
- width: 20px;
- height: 26px;
- background: url("../../assets/accountPer/icon.png") top center no-repeat;
- background-size: 100%;
- }
- .txt2 {
- width: 65px;
- height: 14px;
- overflow-wrap: break-word;
- color: rgba(64, 77, 116, 1);
- font-size: 15px;
- font-family: PingFangSC-Semibold;
- text-align: left;
- white-space: nowrap;
- line-height: 15px;
- display: block;
- font-weight: bold;
- .discountNumber {
- font-size: 18px;
- color: red;
- }
- }
- }
- .operBox {
- display: flex;
- flex-wrap: nowrap;
- justify-content: flex-end;
- .listBox,
- .addBox,
- .searchBox {
- display: flex;
- flex-wrap: nowrap;
- flex-direction: column;
- align-items: center;
- padding: 5px;
- }
- .iconImg {
- width: 25px;
- }
- }
- }
- .listBox {
- border-top: 1px solid #e7eaf7;
- .listItem {
- position: relative;
- .itemBox {
- width: 100%;
- padding: 1.5em 1em;
- line-height: 1.8;
- border-bottom: 1px solid #e7eaf7;
- }
- .tipBox {
- position: absolute;
- top: 1em;
- right: 1em;
- font-size: 1.5em;
- color: #4DC193;
- display: flex;
- &.isUseTip {
- color: #df5e4c;
- }
- .outer2 {
- width: 6px;
- height: 12px;
- background: url('../../assets/right.png') top center no-repeat;
- background-size: 100%;
- margin-top: 4px;
- margin-left: .4em;
- }
- }
- }
- }
- .section1 {
- background-color: rgba(223, 223, 229, 1);
- border-radius: 9px;
- height: 18px;
- width: 38px;
- }
- }
- .van-switch {
- width: 38px;
- height: 18px;
- .van-switch__node {
- width: 18px;
- height: 18px;
- }
- &.van-switch--on .van-switch__node {
- transform: translate(calc(38px - 18px));
- }
- }
- .van-switch--on {
- background-color: #4d6add;
- }
- .van-button--primary {
- border-color: #4d6add;
- background-color: #4d6add;
- }
- .van-button--danger {
- border-color: #df5e4c;
- background-color: #df5e4c;
- }
- .van-checkbox__icon--checked .van-icon {
- border-color: #4d6add;
- background-color: #4d6add;
- }
- }
- .codeSearch {
- width: 100%;
- .codeSearchPopup {
- width: 90%;
- }
- .content {
- padding-top: 1em;
- }
- .field .van-field__label {
- width: auto;
- }
- }
- .van-cascader__option--selected {
- color: #4d6add;
- }
- .van-tabs__line {
- background-color: #4d6add !important;
- }
|