123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374 |
- /* 公用样式 */
- .formTitle {
- padding: 26rpx 24rpx;
- line-height: 30rpx;
- font-size: 28rpx;
- }
- .formArea {
- margin-bottom: 24rpx;
- background: #fff;
- box-shadow: 6rpx 6rpx 35rpx rgba(178, 221, 250, .2);
- overflow: hidden;
- }
- .formArea.noMargin {
- margin: 0;
- }
- .lineGroup {
- position: relative;
- padding: 0 24rpx;
- }
- .lineGroup.gray {
- background: #eff0f2;
- }
- .lineGroup+.lineGroup:before {
- content: "";
- position: absolute;
- top: 0;
- left: 24rpx;
- right: 24rpx;
- height: 1rpx;
- background: #f5f5f5;
- }
- .lineGroup .lineInner {
- position: relative;
- display: flex;
- }
- .lineInner .label {
- height: 98rpx;
- line-height: 98rpx;
- font-size: 32rpx;
- }
- .lineInner .label.mr {
- margin-right: 30rpx;
- }
- .lineInner .label.small {
- width: 206rpx;
- }
- .lineInner .label.middle {
- width: 216rpx;
- }
- .lineInner .label.large{
- width:280rpx;
- }
- .lineInner .label.center {
- display: flex;
- align-items: center;
- }
- .lineInner .label .icon-add1 {
- margin-top: 4rpx;
- margin-right: 24rpx;
- font-size: 36rpx;
- color: #007dff;
- }
- .lineInner .label .star {
- color: #f63c43;
- }
- .lineInner .content {
- position: relative;
- flex: 1;
- width: 0;
- }
- .lineInner .diyInput {
- padding: 30rpx 0 30rpx 24rpx;
- line-height: 38rpx;
- font-size: 28rpx;
- text-align: right;
- color: #2d2d2d;
- word-break: break-all;
- }
- .lineInner .diyInput.left {
- text-align: left;
- }
- .lineInner .diyInput.nopadding {
- padding-left: 0;
- }
- .lineInner .diyInput .warning {
- color: #ff8c42;
- }
- .lineInner .diyInput .black {
- color: #282828;
- }
- .lineInner .diyInput .danger {
- color: #fd482c;
- }
- .lineInner .diyInput .blue {
- color: #20cff5;
- }
- .lineInner .diyInput .gray {
- color: #b3b6c3;
- }
- .lineInner .diyInput .link {
- font-weight: 450;
- color: #007dff;
- text-decoration: underline;
- }
- .lineInner .input {
- width:100%;
- height: 98rpx;
- font-size: 28rpx;
- color: #2d2d2d;
- text-align: left;
- }
- .lineInner .content.hasUnit {
- padding-right: 36rpx;
- }
- .lineInner .unit {
- position: absolute;
- right: 0;
- top: 0;
- height: 98rpx;
- line-height: 98rpx;
- font-size: 28rpx;
- text-align: right;
- color: #2d2d2d;
- }
- .lineInner .input.right {
- text-align: right;
- }
- .lineInner .input.padding {
- padding-left: 24rpx;
- }
- .lineInner .searchBtn {
- margin-top: 22rpx !important;
- width: 112rpx !important;
- height: 58rpx;
- line-height: 58rpx;
- background: #007dff;
- font-size: 28rpx;
- color: #fff;
- }
- .lineInner .textareaWrap {
- padding: 16rpx 0;
- width: 100%;
- box-sizing: border-box;
- }
- .lineInner .textareaWrap .textarea {
- margin-left: -10rpx;
- padding: 0;
- width: 100%;
- height: 160rpx;
- font-size: 28rpx;
- color: #2d2d2d;
- }
- .lineInner .textareaWrap .textarea.right {
- text-align: right;
- }
- .placeholderStyle {
- font-size: 28rpx;
- color: #b3b6c3;
- }
- .hasArrow {
- padding-right: 40rpx !important;
- }
- .arrow {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- right: -2rpx;
- font-size: 28rpx;
- color: #b3b6c3;
- }
- .cart {
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- right: 0;
- }
- .receiveType .lineBox {
- position: relative;
- padding: 0 24rpx;
- height: 98rpx;
- line-height: 98rpx;
- font-size: 32rpx;
- color: #2d2d2d;
- }
- .receiveType .lineBox+.lineBox:before {
- content: "";
- position: absolute;
- top: 0;
- left: 24rpx;
- right: 24rpx;
- height: 1rpx;
- background: #f5f5f5;
- }
- .receiveType .lineBox .icon-right {
- position: absolute;
- right: 24rpx;
- top: 50%;
- transform: translateY(-50%);
- color: #fd482c;
- font-size: 30rpx;
- }
- .divide {
- height: 24rpx;
- }
- .totalMoney {
- position: relative;
- margin-left: 40rpx;
- height: 98rpx;
- line-height: 98rpx;
- font-size: 28rpx;
- font-weight: 450;
- color: #b3b6c3;
- }
- .orange {
- margin-right: 16rpx;
- color: #ff8c42;
- }
- .grayText {
- display: block;
- font-size: 28rpx;
- color: #b3b6c3;
- }
- /* 手工开票里的选择 */
- .chooseTitle {
- margin-top: 33rpx;
- height: 32rpx;
- line-height: 32rpx;
- font-size: 32rpx;
- padding: 0 24rpx;
- }
- .chooseWrap {
- display: flex;
- align-items: center;
- padding: 0 24rpx;
- }
- .chooseWrap .item {
- display: flex;
- align-items: center;
- padding: 34rpx 0;
- }
- .chooseWrap .item+.item {
- margin-left: 48rpx;
- }
- .chooseWrap .item .icon-select {
- font-size: 36rpx;
- color: #c4c4c4;
- }
- .chooseWrap .item .icon-selected {
- font-size: 36rpx;
- color: #007dff;
- }
- .chooseWrap .item .text {
- margin-left: 16rpx;
- }
- /* 点击展开 */
- .lineSpread {
- position: relative;
- padding: 24rpx;
- display: flex;
- align-items: center;
- }
- .lineSpread:before {
- content: "";
- position: absolute;
- top: 0;
- left: 24rpx;
- right: 24rpx;
- height: 1rpx;
- background: #f5f5f5;
- }
- .lineSpread .btn {
- flex: 1;
- height: 80rpx;
- line-height: 80rpx;
- font-size: 32rpx;
- color: #d5d1d1;
- background: transparent;
- border: solid #c4c4c4 1rpx;
- border-radius: 0;
- }
- .lineSpread .btn+.btn {
- margin-left: 20rpx!important;
- }
- .qrcode {
- padding: 36rpx 24rpx 24rpx;
- box-sizing: border-box;
- }
- .qrcode .pic {
- width: 220rpx;
- height: 220rpx;
- }
- .selectRate{
- position: absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- z-index:100;
- }
- .lineInner .content.ticket{
- padding-right:0;
- display: flex;
- align-items: center;
- }
- .lineInner .content.ticket .input{
- flex: 1;
- padding-right:10rpx;
- }
- .lineInner .content.ticket .unit{
- position:relative;
- top:auto;
- right:auto;
- }
|