xt / xcx-book · Commits

Go to a project

Commit b041dc18ccc127039ff5fce214ded4a101213bb5

Authored by pengye
1 parent 560a602a
build: skipped

邀请函模板2-8地址样式修改

Inline Side-by-side
Showing 7 changed files with 68 additions and 22 deletions
@@ -178,13 +178,17 @@ @@ -178,13 +178,17 @@
178 flex-shrink: 0; 178 flex-shrink: 0;
179 } 179 }
180 180
181 -.positioningName text:nth-of-type(2) {  
182 - text-indent: 8rpx; 181 +.positioningName text {
  182 + display: -webkit-box;
  183 + word-break: break-all;
  184 + word-wrap: break-word;
  185 + overflow: hidden;
  186 + text-align: left;
183 } 187 }
184 188
185 .mapBtn { 189 .mapBtn {
186 - width: 25%;  
187 - padding: 8rpx 0; 190 + flex-shrink: 0;
  191 + padding: 8rpx 16rpx;
188 margin-left: 12rpx; 192 margin-left: 12rpx;
189 height: 54rpx !important; 193 height: 54rpx !important;
190 border: 2rpx solid #FFEFC5; 194 border: 2rpx solid #FFEFC5;
@@ -464,7 +468,7 @@ @@ -464,7 +468,7 @@
464 background: transparent; 468 background: transparent;
465 color: #FFEFC5; 469 color: #FFEFC5;
466 border: 2rpx solid #FFEFC5; 470 border: 2rpx solid #FFEFC5;
467 - height: 46%; 471 + height: 80rpx;
468 border-radius: 42rpx; 472 border-radius: 42rpx;
469 font-weight: 600; 473 font-weight: 600;
470 margin-right: 20rpx; 474 margin-right: 20rpx;
@@ -247,6 +247,7 @@ @@ -247,6 +247,7 @@
247 } 247 }
248 248
249 .positioning image { 249 .positioning image {
  250 + flex-shrink: 0;
250 width: 32rpx; 251 width: 32rpx;
251 height: 38rpx; 252 height: 38rpx;
252 display: block !important; 253 display: block !important;
@@ -254,8 +255,8 @@ @@ -254,8 +255,8 @@
254 } 255 }
255 256
256 .mapBtn { 257 .mapBtn {
257 - width: 25%;  
258 - padding: 8rpx 0; 258 + flex-shrink: 0;
  259 + padding: 8rpx 16rpx;
259 margin-left: 12rpx; 260 margin-left: 12rpx;
260 height: 54rpx !important; 261 height: 54rpx !important;
261 border: 2rpx solid #0B0805; 262 border: 2rpx solid #0B0805;
@@ -273,7 +274,6 @@ @@ -273,7 +274,6 @@
273 text-overflow: ellipsis; 274 text-overflow: ellipsis;
274 display: -webkit-box; 275 display: -webkit-box;
275 -webkit-box-orient: vertical; 276 -webkit-box-orient: vertical;
276 - -webkit-line-clamp: 3;  
277 margin: 0 10rpx; 277 margin: 0 10rpx;
278 } 278 }
279 279
@@ -508,7 +508,7 @@ @@ -508,7 +508,7 @@
508 background: transparent; 508 background: transparent;
509 color: #FFEFC5; 509 color: #FFEFC5;
510 border: 2rpx solid #FFEFC5; 510 border: 2rpx solid #FFEFC5;
511 - height: 46%; 511 + height: 80rpx;
512 border-radius: 42rpx; 512 border-radius: 42rpx;
513 font-weight: 600; 513 font-weight: 600;
514 margin-right: 20rpx; 514 margin-right: 20rpx;
@@ -180,7 +180,16 @@ @@ -180,7 +180,16 @@
180 font-size: 28rpx; 180 font-size: 28rpx;
181 } 181 }
182 182
  183 +.positioning text {
  184 + display: -webkit-box;
  185 + word-break: break-all;
  186 + word-wrap: break-word;
  187 + overflow: hidden;
  188 + text-align: left;
  189 +}
  190 +
183 .positioning image { 191 .positioning image {
  192 + flex-shrink: 0;
184 width: 32rpx; 193 width: 32rpx;
185 height: 38rpx; 194 height: 38rpx;
186 display: block !important; 195 display: block !important;
@@ -188,8 +197,8 @@ @@ -188,8 +197,8 @@
188 } 197 }
189 198
190 .mapBtn { 199 .mapBtn {
191 - width: 25%;  
192 - padding: 8rpx 0; 200 + flex-shrink: 0;
  201 + padding: 8rpx 16rpx;
193 margin-left: 12rpx; 202 margin-left: 12rpx;
194 height: 54rpx !important; 203 height: 54rpx !important;
195 border: 2rpx solid #0B0805; 204 border: 2rpx solid #0B0805;
@@ -487,7 +496,7 @@ @@ -487,7 +496,7 @@
487 background: transparent; 496 background: transparent;
488 color: #FFEFC5; 497 color: #FFEFC5;
489 border: 2rpx solid #FFEFC5; 498 border: 2rpx solid #FFEFC5;
490 - height: 46%; 499 + height: 80rpx;
491 border-radius: 42rpx; 500 border-radius: 42rpx;
492 font-weight: 600; 501 font-weight: 600;
493 margin-right: 20rpx; 502 margin-right: 20rpx;
@@ -118,6 +118,7 @@ @@ -118,6 +118,7 @@
118 } 118 }
119 119
120 .positioning image { 120 .positioning image {
  121 + flex-shrink: 0;
121 width: 32rpx; 122 width: 32rpx;
122 height: 38rpx; 123 height: 38rpx;
123 display: block !important; 124 display: block !important;
@@ -125,8 +126,8 @@ @@ -125,8 +126,8 @@
125 } 126 }
126 127
127 .mapBtn { 128 .mapBtn {
128 - width: 25%;  
129 - padding: 8rpx 0; 129 + flex-shrink: 0;
  130 + padding: 8rpx 16rpx;
130 margin-left: 12rpx; 131 margin-left: 12rpx;
131 height: 54rpx !important; 132 height: 54rpx !important;
132 border: 2rpx solid #0B0805; 133 border: 2rpx solid #0B0805;
@@ -137,6 +138,16 @@ @@ -137,6 +138,16 @@
137 font-weight: 600; 138 font-weight: 600;
138 } 139 }
139 140
  141 +.positioning text {
  142 + line-height: 50rpx;
  143 + overflow: hidden;
  144 + word-break: break-all;
  145 + text-overflow: ellipsis;
  146 + display: -webkit-box;
  147 + -webkit-box-orient: vertical;
  148 + margin: 0 10rpx;
  149 +}
  150 +
140 .headerimg { 151 .headerimg {
141 width: 120rpx; 152 width: 120rpx;
142 height: 120rpx; 153 height: 120rpx;
@@ -480,7 +491,7 @@ @@ -480,7 +491,7 @@
480 background: transparent; 491 background: transparent;
481 color: #FFEFC5; 492 color: #FFEFC5;
482 border: 2rpx solid #FFEFC5; 493 border: 2rpx solid #FFEFC5;
483 - height: 46%; 494 + height: 80rpx;
484 border-radius: 42rpx; 495 border-radius: 42rpx;
485 font-weight: 600; 496 font-weight: 600;
486 margin-right: 20rpx; 497 margin-right: 20rpx;
@@ -603,7 +603,7 @@ @@ -603,7 +603,7 @@
603 background: #fafafa; 603 background: #fafafa;
604 color: #0143A3; 604 color: #0143A3;
605 border: 2rpx solid #0143A3; 605 border: 2rpx solid #0143A3;
606 - height: 46%; 606 + height: 80rpx;
607 border-radius: 42rpx; 607 border-radius: 42rpx;
608 font-weight: 600; 608 font-weight: 600;
609 margin-right: 20rpx; 609 margin-right: 20rpx;
@@ -173,6 +173,7 @@ @@ -173,6 +173,7 @@
173 } 173 }
174 174
175 .positioning image { 175 .positioning image {
  176 + flex-shrink: 0;
176 width: 32rpx; 177 width: 32rpx;
177 height: 38rpx; 178 height: 38rpx;
178 display: block !important; 179 display: block !important;
@@ -180,8 +181,8 @@ @@ -180,8 +181,8 @@
180 } 181 }
181 182
182 .mapBtn { 183 .mapBtn {
183 - width: 25%;  
184 - padding: 8rpx 0; 184 + flex-shrink: 0;
  185 + padding: 8rpx 16rpx;
185 margin-left: 12rpx; 186 margin-left: 12rpx;
186 height: 54rpx !important; 187 height: 54rpx !important;
187 border: 2rpx solid #0B0805; 188 border: 2rpx solid #0B0805;
@@ -192,6 +193,16 @@ @@ -192,6 +193,16 @@
192 font-weight: 600; 193 font-weight: 600;
193 } 194 }
194 195
  196 +.positioning text {
  197 + line-height: 50rpx;
  198 + overflow: hidden;
  199 + word-break: break-all;
  200 + text-overflow: ellipsis;
  201 + display: -webkit-box;
  202 + -webkit-box-orient: vertical;
  203 + margin: 0 10rpx;
  204 +}
  205 +
195 .pageSpacing { 206 .pageSpacing {
196 position: relative; 207 position: relative;
197 display: flex; 208 display: flex;
@@ -478,7 +489,7 @@ @@ -478,7 +489,7 @@
478 background: transparent; 489 background: transparent;
479 color: #FFEFC5; 490 color: #FFEFC5;
480 border: 2rpx solid #FFEFC5; 491 border: 2rpx solid #FFEFC5;
481 - height: 46%; 492 + height: 80rpx;
482 border-radius: 42rpx; 493 border-radius: 42rpx;
483 font-weight: 600; 494 font-weight: 600;
484 margin-right: 20rpx; 495 margin-right: 20rpx;
@@ -179,6 +179,7 @@ @@ -179,6 +179,7 @@
179 } 179 }
180 180
181 .positioning image { 181 .positioning image {
  182 + flex-shrink: 0;
182 width: 32rpx; 183 width: 32rpx;
183 height: 38rpx; 184 height: 38rpx;
184 display: block !important; 185 display: block !important;
@@ -186,8 +187,8 @@ @@ -186,8 +187,8 @@
186 } 187 }
187 188
188 .mapBtn { 189 .mapBtn {
189 - width: 25%;  
190 - padding: 8rpx 0; 190 + flex-shrink: 0;
  191 + padding: 8rpx 16rpx;
191 margin-left: 12rpx; 192 margin-left: 12rpx;
192 height: 54rpx !important; 193 height: 54rpx !important;
193 border: 2rpx solid #0B0805; 194 border: 2rpx solid #0B0805;
@@ -198,6 +199,16 @@ @@ -198,6 +199,16 @@
198 font-weight: 600; 199 font-weight: 600;
199 } 200 }
200 201
  202 +.positioning text {
  203 + line-height: 50rpx;
  204 + overflow: hidden;
  205 + word-break: break-all;
  206 + text-overflow: ellipsis;
  207 + display: -webkit-box;
  208 + -webkit-box-orient: vertical;
  209 + margin: 0 10rpx;
  210 +}
  211 +
201 .pageSpacing { 212 .pageSpacing {
202 position: relative; 213 position: relative;
203 display: flex; 214 display: flex;
@@ -486,7 +497,7 @@ @@ -486,7 +497,7 @@
486 background: transparent; 497 background: transparent;
487 color: #FFEFC5; 498 color: #FFEFC5;
488 border: 2rpx solid #FFEFC5; 499 border: 2rpx solid #FFEFC5;
489 - height: 46%; 500 + height: 80rpx;
490 border-radius: 42rpx; 501 border-radius: 42rpx;
491 font-weight: 600; 502 font-weight: 600;
492 margin-right: 20rpx; 503 margin-right: 20rpx;