|
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217 |
- .bottomBtn[data-v-73e2c05c] {
- border-top: 1px solid rgba(0, 0, 0, 0.09);
- text-align: right;
- position: fixed;
- bottom: 0;
- width: 100%;
- box-sizing: border-box;
- background: #fff;
- z-index: 99;
- }
- .bottomBtn .btn[data-v-73e2c05c] {
- display: flex;
- }
- .bottomBtn .card[data-v-73e2c05c] {
- background: #fff;
- border-radius: 0.21333rem;
- margin-bottom: 0.26667rem;
- height: 4rem;
- }
- .bottomBtn .card .title[data-v-73e2c05c] {
- text-align: left;
- padding: 0.29333rem 0.26667rem;
- font-size: 0.42667rem;
- color: #111c33;
- font-weight: bold;
- border-bottom: 1px solid #eeeeee;
- background: rgba(216, 216, 216, 0.1);
- }
- .pdfOut[data-v-73e2c05c] {
- padding-bottom: 1.33333rem;
- }
- .pageView[data-v-73e2c05c],
- .sign_content[data-v-73e2c05c] {
- position: relative;
- line-height: 0em;
- }
- .sign_content[data-v-73e2c05c] {
- flex: 1;
- overflow-y: scroll;
- height: calc(100vh - 1.08rem);
- border-radius: 0.10667rem 0.10667rem 0 0;
- margin: 0 0.13333rem;
- }
- .pageCanvas[data-v-73e2c05c] {
- position: absolute;
- left: 0;
- top: 0;
- }
- .sealView[data-v-73e2c05c] {
- position: absolute;
- background-size: cover;
- }
- .sealView img[data-v-73e2c05c] {
- z-index: 22;
- position: relative;
- }
- /* 必要end */
- .sign_warp[data-v-73e2c05c] {
- background: #f0f2f5;
- position: absolute;
- width: 100%;
- display: flex;
- top: 0;
- bottom: 0.76rem;
- height: 100vh;
- overflow: hidden;
- padding: 0.32rem 2.13333rem 0.76rem;
- }
- .sign_warp.sureSignWrap[data-v-73e2c05c] {
- padding: 0.32rem 2.13333rem 0.13333rem;
- }
- .sign_warp.sureSignWrap .sign_left[data-v-73e2c05c],
- .sign_warp.sureSignWrap .sign_right[data-v-73e2c05c],
- .sign_warp.sureSignWrap .sign_content[data-v-73e2c05c] {
- height: calc(100vh - 0.45333rem);
- }
- .sign_left[data-v-73e2c05c] {
- width: 2.98667rem;
- background-color: #fff;
- overflow-y: scroll;
- height: calc(100vh - 1.08rem);
- border-radius: 0.10667rem 0.10667rem 0 0;
- }
- .sign_left h4[data-v-73e2c05c] {
- padding: 0.21333rem 0.24rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.09);
- }
- .sign_right[data-v-73e2c05c] {
- width: 2.98667rem;
- overflow-y: scroll;
- height: calc(100vh - 1.08rem);
- background-color: #fff;
- border-radius: 0.10667rem 0.10667rem 0 0;
- }
- .sign_right h4[data-v-73e2c05c] {
- padding: 0.21333rem 0.24rem;
- border-bottom: 1px solid rgba(0, 0, 0, 0.09);
- margin-bottom: 0.2rem;
- }
- .pageView[data-v-73e2c05c] {
- margin: 0.13333rem auto;
- }
- .pageView#pageView_1[data-v-73e2c05c] {
- margin-top: 0;
- }
- .sealDel[data-v-73e2c05c] {
- position: absolute;
- top: -0.53333rem;
- right: -0.4rem;
- background-color: #fff;
- color: #000;
- line-height: 0.21333rem;
- font-size: 0.18667rem;
- cursor: pointer;
- border: 0;
- }
- .sealDel .icon[data-v-73e2c05c] {
- width: 0.88rem;
- height: 0.88rem;
- }
- .signList[data-v-73e2c05c] {
- display: flex;
- justify-content: space-between;
- padding: 0 0.2rem 0.4rem;
- flex-wrap: wrap;
- flex-direction: column;
- }
- .docsList[data-v-73e2c05c] {
- margin: 0.26667rem 0;
- padding: 0;
- }
- .docsList li[data-v-73e2c05c] {
- padding: 1px 0.21333rem;
- line-height: 0.29333rem;
- list-style: none;
- cursor: pointer;
- border-left: 0.02667rem solid rgba(0, 87, 255, 0);
- margin-bottom: 0.24rem;
- }
- .docsList li.activeDoc[data-v-73e2c05c] {
- border-left: 0.02667rem solid #0057ff;
- color: #0057ff;
- }
- .docsList li[data-v-73e2c05c]:hover {
- color: #0057ff;
- }
- .docsList li.current[data-v-73e2c05c] {
- background-color: aliceblue;
- }
- .seal-btn-wrapper[data-v-73e2c05c] {
- position: absolute;
- bottom: 0;
- right: 0;
- box-sizing: border-box;
- display: flex;
- flex-wrap: wrap;
- justify-content: center;
- align-items: flex-end;
- align-content: flex-end;
- padding: 0.30667rem 0.26667rem;
- width: 100%;
- border-top: 1px solid #e9e9e9;
- background: #fff;
- }
- .sealItems[data-v-73e2c05c] {
- margin: 0.13333rem;
- margin: 0.2rem 0.26667rem;
- touch-action: none;
- }
- .sealItems img[data-v-73e2c05c] {
- width: 1.65333rem;
- height: 1.65333rem;
- }
- [data-v-73e2c05c] .md-field-item {
- padding: 0 0.53333rem;
- }
- [data-v-73e2c05c] .md-field-item .md-textarea-item__textarea {
- height: 5.33333rem;
- }
- [data-v-73e2c05c] .md-popup-box {
- background: #fff;
- max-height: 16rem;
- }
- [data-v-73e2c05c] .md-popup-box .fileList {
- border-radius: 0.05333rem;
- background: rgba(0, 87, 255, 0.1);
- font-size: 0.37333rem;
- font-weight: 400;
- color: #0057ff;
- line-height: 0.53333rem;
- padding: 0.16rem 0.26667rem;
- margin-bottom: 0.26667rem;
- }
- [data-v-73e2c05c] .md-popup-box .fileList i {
- float: right;
- line-height: 0.53333rem;
- }
- [data-v-73e2c05c] .md-popup-box .btn {
- padding: 0 0.53333rem 0.53333rem;
- }
- [data-v-73e2c05c] .md-popup-box .btn button {
- height: 1.17333rem;
- }
- [data-v-73e2c05c] .md-button-content .inputFile {
- width: 100%;
- position: absolute;
- overflow: hidden;
- right: 0;
- top: 0;
- filter: alpha(opacity=0);
- -moz-opacity: 0;
- -khtml-opacity: 0;
- opacity: 0;
- height: 100%;
- z-index: 99;
- }
-
|