123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277 |
- /* pages/order/Invoicing/index.wxss */
- /* 顶部 */
- page {
- background: #f4f4f3;
- }
- /* 顶部 */
- .top {
- display: flex;
- justify-content: space-between;
- height: 71rpx;
- background-color: var(--subtitleColor);
- color: var(--subtitleColor);
- line-height: 71rpx;
- font-size: 23rpx;
- }
- /* 消费码 */
- .code {
- display: flex;
- height: 76rpx;
- padding: 0 20rpx;
- }
- .left {
- width: 6rpx;
- height: 19rpx;
- margin: 27rpx 7rpx 20rpx 35rpx;
- }
- .chooseCode {
- font-size: 24rpx;
- margin: 18rpx 0 18rpx 7rpx;
- }
- /* 选择项 */
- .chooseTerm {
- background-color: #fff;
- height: 142rpx;
- border-radius: 26rpx;
- margin-bottom: 20rpx;
- }
- .chooseTerm2 {
- display: flex;
- position: relative;
- top: 28rpx;
- }
- .checkbox {
- margin: auto 31rpx;
- }
- checkbox .wx-checkbox-input {
- width: 30rpx;
- height: 30rpx;
- border-radius: 50%;
- border: 1rpx solid var(--subtitleColor)
- }
- /* 选择信息说明 */
- .info {
- margin-right: 20rpx;
- width: 100%;
- height: 100%;
- }
- .infoBox {
- display: flex;
- }
- .infoText {
- font-size: 28rpx;
- /* height: 24rpx; */
- height: 39rpx;
- white-space: nowrap;
- text-overflow: ellipsis;
- overflow: hidden;
- max-width: 400rpx;
- font-weight: 600;
- margin-bottom: 10rpx;
- /* overflow: hidden; */
- }
- .infoText2 {
- font-size: 26rpx;
- width: 110rpx;
- color:#888886
- }
- .leftInfo {
- width: 182rpx;
- height: 100%;
- margin-right: 5rpx;
- margin-left: -75rpx;
- margin: auto 0;
- }
- .infoText3 {
- font-size: 26rpx;
- width: 354rpx;
- height: 22rpx;
- color:#888886;
- text-overflow: ellipsis;
- }
- .infoText4 {
- font-size: 26rpx;
- color: #eb3943;
- width: 116rpx;
- /* font-weight: 600; */
- text-align: right;
- transform: translate(-7rpx);
- margin-bottom:10rpx ;
- }
- .infoText5 {
- color: #3e3939;
- font-weight: normal;
- }
- .infoText6 {
- font-size: 26rpx;
- width: 156rpx;
- }
- .box {
- width: 100%;
- height: 200rpx;
- }
- /* 底部开票 */
- .bottom_top {
- display: flex
- }
- .checked {
- margin-left: 30rpx;
- }
- .checkbox2 {
- position: relative;
- right: -31rpx;
- }
- .allCheckedBig{
- margin-top: 22rpx;
- }
- .allChecked {
- font-size: 23rpx;
- color: #b3b3b3;
- margin-left: 25rpx;
- }
- .consumption {
- display: block;
- width: 600rpx;
- height: 32rpx;
- position: relative;
- top: 34rpx;
- left: 116rpx
- }
- .allRadio radio .wx-radio-input {
- border-radius: 50%;
- width: 28rpx;
- height: 28rpx;
- position: relative;
- top: 5rpx;
- left: 30rpx;
- border: var(--subtitleColor)
- }
- .bottom {
- height: 220rpx;
- position: fixed;
- bottom: 0;
- width: 100%;
- background-color: #fff;
- border-radius: 18rpx;
- }
- .bottom2 {
- display: flex;
- justify-content: space-around;
- }
- .record {
- border-radius: 16rpx;
- width: 295rpx;
- height: 70rpx;
- background-color: #fff;
- color: #000;
- text-align: center;
- line-height: 70rpx;
- border: 1rpx solid #000;
- position: relative;
- left: 22rpx;
- top: 26rpx
- }
- .goInvoice {
- border-radius: 16rpx;
- width: 295rpx;
- height: 70rpx;
- background-color: var(--themeColor);
- color: #000;
- text-align: center;
- line-height: 70rpx;
- border: 1rpx solid var(--themeColor);
- position: relative;
- left: -22rpx;
- top: 26rpx
- }
- /* 样式调整 */
- .order-title {
- font-size: 28rpx;
- color: #000;
- margin-top: 14rpx;
- vertical-align: center;
- width: 100%;
- }
- .order-title-line {
- padding-bottom: 10rpx;
- }
- .order-title:before {
- content: '';
- height: 20rpx;
- width: 6rpx;
- background: var(--subtitleColor);
- display: inline-block;
- margin-right: 10rpx;
- border-radius: 4rpx;
- background-image: initial;
- background-position-x: initial;
- background-position-y: initial;
- background-size: initial;
- background-repeat-x: initial;
- background-repeat-y: initial;
- background-attachment: initial;
- background-origin: initial;
- background-clip: initial;
- background-color: var(--subtitleColor);
- border-top-left-radius: 2px;
- border-top-right-radius: 2px;
- border-bottom-right-radius: 2px;
- border-bottom-left-radius: 2px;
- }
- .order-title-button>.button {
- position: relative;
- top: -10rpx;
- float: right;
- }
- .cards-tips {
- background: var(--subtitleColor);
- top: 0;
- font-size: 26rpx;
- color: #000;
- /* line-height: 2.5; */
- white-space: nowrap;
- padding: 0 20rpx;
- position: relative;
- }
- .arrow-right:before {
- content:'';
- position:absolute;
- top:50%;
- right:0;
- margin-top:-5px;
- border-top:5px solid transparent;
- border-bottom:5px solid transparent;
- border-left:5px solid black;
- }
|