Blame view

components/InvoiceInfo/InvoiceInfo.scss 2.76 KB
c7add6cf   “wangming”   初始版本开发完毕
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
  .cu-dialog {

  	width: 100%;

  	height: 80%;

  	border-radius: 20rpx 20rpx 0 0 !important;

  	.invoice-title {

  		display: flex;

  		align-items: center;

  		justify-content: space-between;

  		padding: 0 4%;

  		height: 100rpx;

  		.title {

  			font-size: 32rpx;

  			color: #222222;

  			font-weight: bold;

  		}

  		.notice {

  			font-size: 26rpx;

  			color: #555555;

  		}

  	}

  	.invoice-data{

  		height: 90%;

  		overflow: auto;

  		padding-bottom: 100rpx;

  		.invoice-type {

  			padding: 0 4%;

  			.title {

  				display: flex;

  				align-items: center;

  				width: 100%;

  				height: 60rpx;

  				font-size: 26rpx;

  				color: #222222;

  			}

  			.type-list {

  				display: flex;

  				align-items: center;

  				width: 100%;

  				height: 100rpx;

  				.list {

  					padding: 10rpx 20rpx;

  					background-color: #eeeeee;

  					border: 2rpx solid transparent;

  					border-radius: 100rpx;

  					margin-right: 20rpx;

  					text {

  						font-size: 24rpx;

  						color: #222222;

  					}

  				}

  				.action {

  					background-color: $rgba-03;

  					border-color: $base;

  					text {

  						color: $base;

  					}

  				}

  			}

  		}

  		.invoice-rise {

  			padding: 0 4%;

  			.title {

  				display: flex;

  				align-items: center;

  				width: 100%;

  				height: 60rpx;

  				font-size: 26rpx;

  				color: #222222;

  			}

  			.type-list {

  				display: flex;

  				align-items: center;

  				width: 100%;

  				height: 100rpx;

  				.list {

  					padding: 10rpx 20rpx;

  					background-color: #eeeeee;

  					border: 2rpx solid transparent;

  					border-radius: 100rpx;

  					margin-right: 20rpx;

  					text {

  						font-size: 24rpx;

  						color: #222222;

  					}

  				}

  				.action {

  					background-color: $rgba-03;

  					border-color: $base;

  					text {

  						color: $base;

  					}

  				}

  			}

  			.invoice-input{

  				width: 100%;

  				.list{

  					display: flex;

  					align-items: center;

  					width: 100%;

  					height: 80rpx;

  					text{

  						font-size: 26rpx;

  						color: #555555;

  					}

  					input{

  						margin-left: 20rpx;

  						font-size: 26rpx;

  						color: #222222;

  						text-align: left;

  					}

  				}

  			}

  		}

  	}

  	// 确认

  	.footer-Affirm{

  		position: absolute;

  		left: 0;

  		bottom: 0;

  		display: flex;

  		align-items: center;

  		justify-content: space-between;

  		width: 100%;

  		height: 100rpx;

  		background-color: #FFFFFF;

  		padding: 0 4%;

  		.no-invoice{

  			display: flex;

  			align-items: center;

  			justify-content: center;

  			width: 30%;

  			height: 70%;

  			border: 2rpx solid #959595;

  			border-radius: 100rpx;

  			font-size: 26rpx;

  			color: #959595;

  		}

  		.Affirm-invoice{

  			display: flex;

  			align-items: center;

  			justify-content: center;

  			width: 60%;

  			height: 70%;

  			border-radius: 100rpx;

  			font-size: 26rpx;

  			color: #FFFFFF;

  			background-color: $base;

  		}

  	}

  }