Commit 36884ffd9e80563cb0ecbbd7425a78db1c774a8e
1 parent
6f829172
打印
Showing
4 changed files
with
858 additions
and
445 deletions
common/uni.css
| ... | ... | @@ -9,9 +9,11 @@ |
| 9 | 9 | .fix-left-window { |
| 10 | 10 | padding-left: var(--window-left); |
| 11 | 11 | } |
| 12 | + | |
| 12 | 13 | .pc-hide { |
| 13 | 14 | display: none !important; |
| 14 | 15 | } |
| 16 | + | |
| 15 | 17 | /* #endif */ |
| 16 | 18 | |
| 17 | 19 | /*通用 */ |
| ... | ... | @@ -20,56 +22,71 @@ |
| 20 | 22 | font-size:28rpx; |
| 21 | 23 | line-height:1.8; |
| 22 | 24 | } */ |
| 23 | -progress, checkbox-group{ | |
| 25 | +progress, | |
| 26 | +checkbox-group { | |
| 24 | 27 | width: 100%; |
| 25 | 28 | } |
| 29 | + | |
| 26 | 30 | form { |
| 27 | 31 | width: 100%; |
| 28 | 32 | } |
| 29 | 33 | .uni-con-width{ |
| 30 | 34 | width: 100%; |
| 31 | 35 | } |
| 36 | + | |
| 32 | 37 | .uni-flex { |
| 33 | 38 | display: flex; |
| 34 | 39 | flex-direction: row; |
| 35 | 40 | } |
| 41 | + | |
| 36 | 42 | .uni-flex-item { |
| 37 | 43 | flex: 1; |
| 38 | 44 | } |
| 45 | + | |
| 39 | 46 | .uni-row { |
| 40 | 47 | flex-direction: row; |
| 41 | 48 | } |
| 49 | + | |
| 42 | 50 | .uni-column { |
| 43 | 51 | flex-direction: column; |
| 44 | 52 | } |
| 45 | 53 | .uni-space-between{ |
| 46 | 54 | justify-content: space-between; |
| 47 | 55 | } |
| 48 | -.uni-link{ | |
| 49 | - color:#576B95; | |
| 50 | - font-size:26rpx; | |
| 56 | +.uni-link { | |
| 57 | + color: #576B95; | |
| 58 | + font-size: 26rpx; | |
| 59 | +} | |
| 60 | +.uni-link { | |
| 61 | + color: #576B95; | |
| 62 | + font-size: 26rpx; | |
| 51 | 63 | } |
| 52 | -.uni-center{ | |
| 53 | - text-align:center; | |
| 64 | + | |
| 65 | +.uni-center { | |
| 66 | + text-align: center; | |
| 54 | 67 | } |
| 55 | -.uni-inline-item{ | |
| 68 | + | |
| 69 | +.uni-inline-item { | |
| 56 | 70 | display: flex; |
| 57 | 71 | flex-direction: row; |
| 58 | - align-items:center; | |
| 72 | + align-items: center; | |
| 59 | 73 | } |
| 60 | -.uni-inline-item text{ | |
| 74 | + | |
| 75 | +.uni-inline-item text { | |
| 61 | 76 | margin-right: 20rpx; |
| 62 | 77 | } |
| 63 | -.uni-inline-item text:last-child{ | |
| 78 | + | |
| 79 | +.uni-inline-item text:last-child { | |
| 64 | 80 | margin-right: 0rpx; |
| 65 | 81 | margin-left: 20rpx; |
| 66 | 82 | } |
| 67 | 83 | |
| 68 | 84 | /* page */ |
| 69 | -.common-page-head{ | |
| 70 | - padding:35rpx; | |
| 85 | +.common-page-head { | |
| 86 | + padding: 35rpx; | |
| 71 | 87 | text-align: center; |
| 72 | 88 | } |
| 89 | + | |
| 73 | 90 | .common-page-head-title { |
| 74 | 91 | display: inline-block; |
| 75 | 92 | padding: 0 40rpx; |
| ... | ... | @@ -81,122 +98,181 @@ form { |
| 81 | 98 | border-bottom: 2rpx solid #D8D8D8; |
| 82 | 99 | } |
| 83 | 100 | |
| 84 | -.uni-padding-wrap{ | |
| 101 | +.uni-padding-wrap { | |
| 85 | 102 | /* width:690rpx; */ |
| 86 | - padding:0 30rpx; | |
| 103 | + padding: 0 30rpx; | |
| 87 | 104 | } |
| 105 | + | |
| 88 | 106 | .uni-word { |
| 89 | 107 | text-align: center; |
| 90 | - padding:200rpx 100rpx; | |
| 108 | + padding: 200rpx 100rpx; | |
| 91 | 109 | } |
| 110 | + | |
| 92 | 111 | .uni-title { |
| 93 | - font-size:30rpx; | |
| 94 | - font-weight:500; | |
| 95 | - padding:20rpx 0; | |
| 96 | - line-height:1.5; | |
| 112 | + font-size: 30rpx; | |
| 113 | + font-weight: 500; | |
| 114 | + padding: 20rpx 0; | |
| 115 | + line-height: 1.5; | |
| 97 | 116 | } |
| 98 | -.uni-text{ | |
| 99 | - font-size:28rpx; | |
| 117 | + | |
| 118 | +.uni-text { | |
| 119 | + font-size: 28rpx; | |
| 100 | 120 | } |
| 101 | -.uni-title text{ | |
| 102 | - font-size:24rpx; | |
| 103 | - color:#888; | |
| 121 | + | |
| 122 | +.uni-title text { | |
| 123 | + font-size: 24rpx; | |
| 124 | + color: #888; | |
| 104 | 125 | } |
| 105 | 126 | |
| 106 | -.uni-text-gray{ | |
| 127 | +.uni-text-gray { | |
| 107 | 128 | color: #ccc; |
| 108 | 129 | } |
| 130 | + | |
| 109 | 131 | .uni-text-small { |
| 110 | - font-size:24rpx; | |
| 132 | + font-size: 24rpx; | |
| 111 | 133 | } |
| 112 | -.uni-common-mb{ | |
| 113 | - margin-bottom:30rpx; | |
| 134 | + | |
| 135 | +.uni-common-mb { | |
| 136 | + margin-bottom: 30rpx; | |
| 114 | 137 | } |
| 115 | -.uni-common-pb{ | |
| 116 | - padding-bottom:30rpx; | |
| 138 | + | |
| 139 | +.uni-common-pb { | |
| 140 | + padding-bottom: 30rpx; | |
| 117 | 141 | } |
| 118 | -.uni-common-pl{ | |
| 119 | - padding-left:30rpx; | |
| 142 | + | |
| 143 | +.uni-common-pl { | |
| 144 | + padding-left: 30rpx; | |
| 120 | 145 | } |
| 121 | -.uni-common-mt{ | |
| 122 | - margin-top:30rpx; | |
| 146 | + | |
| 147 | +.uni-common-mt { | |
| 148 | + margin-top: 30rpx; | |
| 123 | 149 | } |
| 150 | + | |
| 124 | 151 | /* 背景色 */ |
| 125 | -.uni-bg-red{ | |
| 126 | - background:#F76260; color:#FFF; | |
| 152 | +.uni-bg-red { | |
| 153 | + background: #F76260; | |
| 154 | + color: #FFF; | |
| 127 | 155 | } |
| 128 | -.uni-bg-green{ | |
| 129 | - background:#09BB07; color:#FFF; | |
| 156 | + | |
| 157 | +.uni-bg-green { | |
| 158 | + background: #09BB07; | |
| 159 | + color: #FFF; | |
| 130 | 160 | } |
| 131 | -.uni-bg-blue{ | |
| 132 | - background:#007AFF; color:#FFF; | |
| 161 | + | |
| 162 | +.uni-bg-blue { | |
| 163 | + background: #007AFF; | |
| 164 | + color: #FFF; | |
| 133 | 165 | } |
| 166 | + | |
| 134 | 167 | /* 标题 */ |
| 135 | -.uni-h1 {font-size: 80rpx; font-weight:700;} | |
| 136 | -.uni-h2 {font-size: 60rpx; font-weight:700;} | |
| 137 | -.uni-h3 {font-size: 48rpx; font-weight:700;} | |
| 138 | -.uni-h4 {font-size: 36rpx; font-weight:700;} | |
| 139 | -.uni-h5 {font-size: 28rpx; color: #8f8f94;} | |
| 140 | -.uni-h6 {font-size: 24rpx; color: #8f8f94;} | |
| 141 | -.uni-bold{font-weight:bold;} | |
| 168 | +.uni-h1 { | |
| 169 | + font-size: 80rpx; | |
| 170 | + font-weight: 700; | |
| 171 | +} | |
| 172 | + | |
| 173 | +.uni-h2 { | |
| 174 | + font-size: 60rpx; | |
| 175 | + font-weight: 700; | |
| 176 | +} | |
| 177 | + | |
| 178 | +.uni-h3 { | |
| 179 | + font-size: 48rpx; | |
| 180 | + font-weight: 700; | |
| 181 | +} | |
| 182 | + | |
| 183 | +.uni-h4 { | |
| 184 | + font-size: 36rpx; | |
| 185 | + font-weight: 700; | |
| 186 | +} | |
| 187 | + | |
| 188 | +.uni-h5 { | |
| 189 | + font-size: 28rpx; | |
| 190 | + color: #8f8f94; | |
| 191 | +} | |
| 192 | + | |
| 193 | +.uni-h6 { | |
| 194 | + font-size: 24rpx; | |
| 195 | + color: #8f8f94; | |
| 196 | +} | |
| 197 | + | |
| 198 | +.uni-bold { | |
| 199 | + font-weight: bold; | |
| 200 | +} | |
| 142 | 201 | |
| 143 | 202 | /* 文本溢出隐藏 */ |
| 144 | -.uni-ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} | |
| 203 | +.uni-ellipsis { | |
| 204 | + overflow: hidden; | |
| 205 | + white-space: nowrap; | |
| 206 | + text-overflow: ellipsis; | |
| 207 | +} | |
| 145 | 208 | |
| 146 | 209 | /* 竖向百分百按钮 */ |
| 147 | -.uni-btn-v{ | |
| 148 | - padding:10rpx 0; | |
| 210 | +.uni-btn-v { | |
| 211 | + padding: 10rpx 0; | |
| 212 | +} | |
| 213 | + | |
| 214 | +.uni-btn-v button { | |
| 215 | + margin: 20rpx 0; | |
| 149 | 216 | } |
| 150 | -.uni-btn-v button{margin:20rpx 0;} | |
| 151 | 217 | |
| 152 | 218 | /* 表单 */ |
| 153 | -.uni-form-item{ | |
| 154 | - display:flex; | |
| 155 | - width:100%; | |
| 156 | - padding:10rpx 0; | |
| 219 | +.uni-form-item { | |
| 220 | + display: flex; | |
| 221 | + width: 100%; | |
| 222 | + padding: 10rpx 0; | |
| 157 | 223 | } |
| 158 | -.uni-form-item .title{ | |
| 159 | - padding:10rpx 25rpx; | |
| 224 | + | |
| 225 | +.uni-form-item .title { | |
| 226 | + padding: 10rpx 25rpx; | |
| 160 | 227 | } |
| 228 | + | |
| 161 | 229 | .uni-label { |
| 162 | 230 | width: 210rpx; |
| 163 | 231 | word-wrap: break-word; |
| 164 | 232 | word-break: break-all; |
| 165 | - text-indent:20rpx; | |
| 233 | + text-indent: 20rpx; | |
| 166 | 234 | } |
| 235 | + | |
| 167 | 236 | .uni-input { |
| 168 | 237 | height: 50rpx; |
| 169 | 238 | padding: 15rpx 25rpx; |
| 170 | - line-height:50rpx; | |
| 171 | - font-size:28rpx; | |
| 172 | - background:#FFF; | |
| 239 | + line-height: 50rpx; | |
| 240 | + font-size: 28rpx; | |
| 241 | + background: #FFF; | |
| 173 | 242 | flex: 1; |
| 174 | 243 | } |
| 175 | -radio-group, checkbox-group{ | |
| 176 | - width:100%; | |
| 244 | + | |
| 245 | +radio-group, | |
| 246 | +checkbox-group { | |
| 247 | + width: 100%; | |
| 177 | 248 | } |
| 178 | -radio-group label, checkbox-group label{ | |
| 179 | - padding-right:20rpx; | |
| 249 | + | |
| 250 | +radio-group label, | |
| 251 | +checkbox-group label { | |
| 252 | + padding-right: 20rpx; | |
| 180 | 253 | } |
| 181 | -.uni-form-item .with-fun{ | |
| 182 | - display:flex; | |
| 183 | - flex-wrap:nowrap; | |
| 184 | - background:#FFFFFF; | |
| 254 | + | |
| 255 | +.uni-form-item .with-fun { | |
| 256 | + display: flex; | |
| 257 | + flex-wrap: nowrap; | |
| 258 | + background: #FFFFFF; | |
| 185 | 259 | } |
| 186 | -.uni-form-item .with-fun .uni-icon{ | |
| 187 | - width:40px; | |
| 188 | - height:80rpx; | |
| 189 | - line-height:80rpx; | |
| 190 | - flex-shrink:0; | |
| 260 | + | |
| 261 | +.uni-form-item .with-fun .uni-icon { | |
| 262 | + width: 40px; | |
| 263 | + height: 80rpx; | |
| 264 | + line-height: 80rpx; | |
| 265 | + flex-shrink: 0; | |
| 191 | 266 | } |
| 192 | 267 | |
| 193 | 268 | /* loadmore */ |
| 194 | -.uni-loadmore{ | |
| 195 | - height:80rpx; | |
| 196 | - line-height:80rpx; | |
| 197 | - text-align:center; | |
| 198 | - padding-bottom:30rpx; | |
| 269 | +.uni-loadmore { | |
| 270 | + height: 80rpx; | |
| 271 | + line-height: 80rpx; | |
| 272 | + text-align: center; | |
| 273 | + padding-bottom: 30rpx; | |
| 199 | 274 | } |
| 275 | + | |
| 200 | 276 | /*数字角标*/ |
| 201 | 277 | /* .uni-badge, |
| 202 | 278 | .uni-badge-default { |
| ... | ... | @@ -214,50 +290,60 @@ radio-group label, checkbox-group label{ |
| 214 | 290 | color: #929292; |
| 215 | 291 | background-color: transparent |
| 216 | 292 | } |
| 293 | + | |
| 217 | 294 | .uni-badge-primary { |
| 218 | 295 | color: #fff; |
| 219 | 296 | background-color: #007aff |
| 220 | 297 | } |
| 298 | + | |
| 221 | 299 | .uni-badge-blue.uni-badge-inverted, |
| 222 | 300 | .uni-badge-primary.uni-badge-inverted { |
| 223 | 301 | color: #007aff; |
| 224 | 302 | background-color: transparent |
| 225 | 303 | } |
| 304 | + | |
| 226 | 305 | .uni-badge-green, |
| 227 | 306 | .uni-badge-success { |
| 228 | 307 | color: #fff; |
| 229 | 308 | background-color: #4cd964; |
| 230 | 309 | } |
| 310 | + | |
| 231 | 311 | .uni-badge-green.uni-badge-inverted, |
| 232 | 312 | .uni-badge-success.uni-badge-inverted { |
| 233 | 313 | color: #4cd964; |
| 234 | 314 | background-color: transparent |
| 235 | 315 | } |
| 316 | + | |
| 236 | 317 | .uni-badge-warning, |
| 237 | 318 | .uni-badge-yellow { |
| 238 | 319 | color: #fff; |
| 239 | 320 | background-color: #f0ad4e |
| 240 | 321 | } |
| 322 | + | |
| 241 | 323 | .uni-badge-warning.uni-badge-inverted, |
| 242 | 324 | .uni-badge-yellow.uni-badge-inverted { |
| 243 | 325 | color: #f0ad4e; |
| 244 | 326 | background-color: transparent |
| 245 | 327 | } |
| 328 | + | |
| 246 | 329 | .uni-badge-danger, |
| 247 | 330 | .uni-badge-red { |
| 248 | 331 | color: #fff; |
| 249 | 332 | background-color: #dd524d |
| 250 | 333 | } |
| 334 | + | |
| 251 | 335 | .uni-badge-danger.uni-badge-inverted, |
| 252 | 336 | .uni-badge-red.uni-badge-inverted { |
| 253 | 337 | color: #dd524d; |
| 254 | 338 | background-color: transparent |
| 255 | 339 | } |
| 340 | + | |
| 256 | 341 | .uni-badge-purple, |
| 257 | 342 | .uni-badge-royal { |
| 258 | 343 | color: #fff; |
| 259 | 344 | background-color: #8a6de9 |
| 260 | 345 | } |
| 346 | + | |
| 261 | 347 | .uni-badge-purple.uni-badge-inverted, |
| 262 | 348 | .uni-badge-royal.uni-badge-inverted { |
| 263 | 349 | color: #8a6de9; |
| ... | ... | @@ -270,6 +356,7 @@ radio-group label, checkbox-group label{ |
| 270 | 356 | width: 100%; |
| 271 | 357 | overflow: hidden; |
| 272 | 358 | } |
| 359 | + | |
| 273 | 360 | .uni-collapse-content.uni-active { |
| 274 | 361 | height: auto; |
| 275 | 362 | } |
| ... | ... | @@ -278,21 +365,25 @@ radio-group label, checkbox-group label{ |
| 278 | 365 | .uni-card { |
| 279 | 366 | background: #fff; |
| 280 | 367 | border-radius: 8rpx; |
| 281 | - margin:20rpx 0; | |
| 368 | + margin: 20rpx 0; | |
| 282 | 369 | position: relative; |
| 283 | 370 | /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */ |
| 284 | 371 | } |
| 372 | + | |
| 285 | 373 | .uni-card-content { |
| 286 | 374 | font-size: 30rpx; |
| 287 | 375 | } |
| 288 | -.uni-card-content.image-view{ | |
| 289 | - width: 100%; | |
| 290 | - margin: 0; | |
| 376 | + | |
| 377 | +.uni-card-content.image-view { | |
| 378 | + width: 100%; | |
| 379 | + margin: 0; | |
| 291 | 380 | } |
| 381 | + | |
| 292 | 382 | .uni-card-content-inner { |
| 293 | 383 | position: relative; |
| 294 | 384 | padding: 30rpx; |
| 295 | 385 | } |
| 386 | + | |
| 296 | 387 | .uni-card-footer, |
| 297 | 388 | .uni-card-header { |
| 298 | 389 | position: relative; |
| ... | ... | @@ -302,12 +393,15 @@ radio-group label, checkbox-group label{ |
| 302 | 393 | justify-content: space-between; |
| 303 | 394 | align-items: center; |
| 304 | 395 | } |
| 396 | + | |
| 305 | 397 | .uni-card-header { |
| 306 | 398 | font-size: 36rpx; |
| 307 | 399 | } |
| 400 | + | |
| 308 | 401 | .uni-card-footer { |
| 309 | 402 | color: #6d6d72; |
| 310 | 403 | } |
| 404 | + | |
| 311 | 405 | .uni-card-footer:before, |
| 312 | 406 | .uni-card-header:after { |
| 313 | 407 | position: absolute; |
| ... | ... | @@ -320,18 +414,22 @@ radio-group label, checkbox-group label{ |
| 320 | 414 | transform: scaleY(.5); |
| 321 | 415 | background-color: #c8c7cc; |
| 322 | 416 | } |
| 417 | + | |
| 323 | 418 | .uni-card-header:after { |
| 324 | 419 | top: auto; |
| 325 | 420 | bottom: 0; |
| 326 | 421 | } |
| 422 | + | |
| 327 | 423 | .uni-card-media { |
| 328 | 424 | justify-content: flex-start; |
| 329 | 425 | } |
| 426 | + | |
| 330 | 427 | .uni-card-media-logo { |
| 331 | 428 | height: 84rpx; |
| 332 | 429 | width: 84rpx; |
| 333 | 430 | margin-right: 20rpx; |
| 334 | 431 | } |
| 432 | + | |
| 335 | 433 | .uni-card-media-body { |
| 336 | 434 | height: 84rpx; |
| 337 | 435 | display: flex; |
| ... | ... | @@ -339,15 +437,18 @@ radio-group label, checkbox-group label{ |
| 339 | 437 | justify-content: space-between; |
| 340 | 438 | align-items: flex-start; |
| 341 | 439 | } |
| 440 | + | |
| 342 | 441 | .uni-card-media-text-top { |
| 343 | 442 | line-height: 36rpx; |
| 344 | 443 | font-size: 34rpx; |
| 345 | 444 | } |
| 445 | + | |
| 346 | 446 | .uni-card-media-text-bottom { |
| 347 | 447 | line-height: 30rpx; |
| 348 | 448 | font-size: 28rpx; |
| 349 | 449 | color: #8f8f94; |
| 350 | 450 | } |
| 451 | + | |
| 351 | 452 | .uni-card-link { |
| 352 | 453 | color: #007AFF; |
| 353 | 454 | } |
| ... | ... | @@ -360,6 +461,7 @@ radio-group label, checkbox-group label{ |
| 360 | 461 | display: flex; |
| 361 | 462 | flex-direction: column; |
| 362 | 463 | } |
| 464 | + | |
| 363 | 465 | .uni-list:after { |
| 364 | 466 | position: absolute; |
| 365 | 467 | z-index: 10; |
| ... | ... | @@ -372,6 +474,7 @@ radio-group label, checkbox-group label{ |
| 372 | 474 | transform: scaleY(.5); |
| 373 | 475 | background-color: #c8c7cc; |
| 374 | 476 | } |
| 477 | + | |
| 375 | 478 | /* .uni-list::before { |
| 376 | 479 | position: absolute; |
| 377 | 480 | z-index: 10; |
| ... | ... | @@ -391,21 +494,26 @@ radio-group label, checkbox-group label{ |
| 391 | 494 | justify-content: space-between; |
| 392 | 495 | align-items: center; |
| 393 | 496 | } |
| 497 | + | |
| 394 | 498 | .uni-list-cell-hover { |
| 395 | 499 | background-color: #eee; |
| 396 | 500 | } |
| 501 | + | |
| 397 | 502 | .uni-list-cell-pd { |
| 398 | 503 | padding: 22rpx 30rpx; |
| 399 | 504 | } |
| 505 | + | |
| 400 | 506 | .uni-list-cell-left { |
| 401 | - white-space: nowrap; | |
| 402 | - font-size:28rpx; | |
| 507 | + white-space: nowrap; | |
| 508 | + font-size: 28rpx; | |
| 403 | 509 | padding: 0 30rpx; |
| 404 | 510 | } |
| 511 | + | |
| 405 | 512 | .uni-list-cell-db, |
| 406 | 513 | .uni-list-cell-right { |
| 407 | 514 | flex: 1; |
| 408 | 515 | } |
| 516 | + | |
| 409 | 517 | .uni-list-cell::after { |
| 410 | 518 | position: absolute; |
| 411 | 519 | z-index: 3; |
| ... | ... | @@ -418,19 +526,23 @@ radio-group label, checkbox-group label{ |
| 418 | 526 | transform: scaleY(.5); |
| 419 | 527 | background-color: #c8c7cc; |
| 420 | 528 | } |
| 529 | + | |
| 421 | 530 | .uni-list .uni-list-cell:last-child::after { |
| 422 | 531 | height: 0rpx; |
| 423 | 532 | } |
| 533 | + | |
| 424 | 534 | .uni-list-cell-last.uni-list-cell::after { |
| 425 | 535 | height: 0rpx; |
| 426 | 536 | } |
| 537 | + | |
| 427 | 538 | .uni-list-cell-divider { |
| 428 | 539 | position: relative; |
| 429 | 540 | display: flex; |
| 430 | 541 | color: #999; |
| 431 | 542 | background-color: #f7f7f7; |
| 432 | - padding:15rpx 20rpx; | |
| 543 | + padding: 15rpx 20rpx; | |
| 433 | 544 | } |
| 545 | + | |
| 434 | 546 | .uni-list-cell-divider::before { |
| 435 | 547 | position: absolute; |
| 436 | 548 | right: 0; |
| ... | ... | @@ -453,8 +565,9 @@ radio-group label, checkbox-group label{ |
| 453 | 565 | transform: scaleY(.5); |
| 454 | 566 | background-color: #c8c7cc; |
| 455 | 567 | } |
| 568 | + | |
| 456 | 569 | .uni-list-cell-navigate { |
| 457 | - font-size:30rpx; | |
| 570 | + font-size: 30rpx; | |
| 458 | 571 | padding: 22rpx 30rpx; |
| 459 | 572 | line-height: 48rpx; |
| 460 | 573 | position: relative; |
| ... | ... | @@ -465,12 +578,15 @@ radio-group label, checkbox-group label{ |
| 465 | 578 | justify-content: space-between; |
| 466 | 579 | align-items: center; |
| 467 | 580 | } |
| 581 | + | |
| 468 | 582 | .uni-list-cell-navigate { |
| 469 | 583 | padding-right: 36rpx; |
| 470 | 584 | } |
| 585 | + | |
| 471 | 586 | .uni-navigate-badge { |
| 472 | 587 | padding-right: 50rpx; |
| 473 | 588 | } |
| 589 | + | |
| 474 | 590 | .uni-list-cell-navigate.uni-navigate-right:after { |
| 475 | 591 | font-family: uniicons; |
| 476 | 592 | content: '\e583'; |
| ... | ... | @@ -481,6 +597,7 @@ radio-group label, checkbox-group label{ |
| 481 | 597 | -webkit-transform: translateY(-50%); |
| 482 | 598 | transform: translateY(-50%); |
| 483 | 599 | } |
| 600 | + | |
| 484 | 601 | .uni-list-cell-navigate.uni-navigate-bottom:after { |
| 485 | 602 | font-family: uniicons; |
| 486 | 603 | content: '\e581'; |
| ... | ... | @@ -491,6 +608,7 @@ radio-group label, checkbox-group label{ |
| 491 | 608 | -webkit-transform: translateY(-50%); |
| 492 | 609 | transform: translateY(-50%); |
| 493 | 610 | } |
| 611 | + | |
| 494 | 612 | .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after { |
| 495 | 613 | font-family: uniicons; |
| 496 | 614 | content: '\e580'; |
| ... | ... | @@ -501,23 +619,29 @@ radio-group label, checkbox-group label{ |
| 501 | 619 | -webkit-transform: translateY(-50%); |
| 502 | 620 | transform: translateY(-50%); |
| 503 | 621 | } |
| 622 | + | |
| 504 | 623 | .uni-collapse.uni-list-cell { |
| 505 | 624 | flex-direction: column; |
| 506 | 625 | } |
| 626 | + | |
| 507 | 627 | .uni-list-cell-navigate.uni-active { |
| 508 | 628 | background: #eee; |
| 509 | 629 | } |
| 630 | + | |
| 510 | 631 | .uni-list.uni-collapse { |
| 511 | 632 | box-sizing: border-box; |
| 512 | 633 | height: 0; |
| 513 | 634 | overflow: hidden; |
| 514 | 635 | } |
| 636 | + | |
| 515 | 637 | .uni-collapse .uni-list-cell { |
| 516 | 638 | padding-left: 20rpx; |
| 517 | 639 | } |
| 640 | + | |
| 518 | 641 | .uni-collapse .uni-list-cell::after { |
| 519 | 642 | left: 52rpx; |
| 520 | 643 | } |
| 644 | + | |
| 521 | 645 | .uni-list.uni-active { |
| 522 | 646 | height: auto; |
| 523 | 647 | } |
| ... | ... | @@ -531,18 +655,26 @@ radio-group label, checkbox-group label{ |
| 531 | 655 | flex-direction: row; |
| 532 | 656 | padding: 22rpx 30rpx; |
| 533 | 657 | } |
| 658 | + | |
| 534 | 659 | .uni-triplex-right, |
| 535 | 660 | .uni-triplex-left { |
| 536 | 661 | display: flex; |
| 537 | 662 | flex-direction: column; |
| 538 | 663 | } |
| 664 | + | |
| 539 | 665 | .uni-triplex-left { |
| 540 | 666 | width: 84%; |
| 541 | 667 | } |
| 542 | -.uni-triplex-left .uni-title{ | |
| 543 | - padding:8rpx 0; | |
| 668 | + | |
| 669 | +.uni-triplex-left .uni-title { | |
| 670 | + padding: 8rpx 0; | |
| 544 | 671 | } |
| 545 | -.uni-triplex-left .uni-text, .uni-triplex-left .uni-text-small{color:#999999;} | |
| 672 | + | |
| 673 | +.uni-triplex-left .uni-text, | |
| 674 | +.uni-triplex-left .uni-text-small { | |
| 675 | + color: #999999; | |
| 676 | +} | |
| 677 | + | |
| 546 | 678 | .uni-triplex-right { |
| 547 | 679 | width: 16%; |
| 548 | 680 | text-align: right; |
| ... | ... | @@ -556,25 +688,31 @@ radio-group label, checkbox-group label{ |
| 556 | 688 | width: 100%; |
| 557 | 689 | flex-direction: row; |
| 558 | 690 | } |
| 691 | + | |
| 559 | 692 | .uni-navigate-right.uni-media-list { |
| 560 | 693 | padding-right: 74rpx; |
| 561 | 694 | } |
| 695 | + | |
| 562 | 696 | .uni-pull-right { |
| 563 | 697 | flex-direction: row-reverse; |
| 564 | 698 | } |
| 699 | + | |
| 565 | 700 | .uni-pull-right>.uni-media-list-logo { |
| 566 | 701 | margin-right: 0rpx; |
| 567 | 702 | margin-left: 20rpx; |
| 568 | 703 | } |
| 704 | + | |
| 569 | 705 | .uni-media-list-logo { |
| 570 | 706 | height: 84rpx; |
| 571 | 707 | width: 84rpx; |
| 572 | 708 | margin-right: 20rpx; |
| 573 | 709 | } |
| 710 | + | |
| 574 | 711 | .uni-media-list-logo image { |
| 575 | 712 | height: 100%; |
| 576 | 713 | width: 100%; |
| 577 | 714 | } |
| 715 | + | |
| 578 | 716 | .uni-media-list-body { |
| 579 | 717 | height: 84rpx; |
| 580 | 718 | display: flex; |
| ... | ... | @@ -584,11 +722,13 @@ radio-group label, checkbox-group label{ |
| 584 | 722 | align-items: flex-start; |
| 585 | 723 | overflow: hidden; |
| 586 | 724 | } |
| 725 | + | |
| 587 | 726 | .uni-media-list-text-top { |
| 588 | 727 | width: 100%; |
| 589 | 728 | line-height: 36rpx; |
| 590 | 729 | font-size: 30rpx; |
| 591 | 730 | } |
| 731 | + | |
| 592 | 732 | .uni-media-list-text-bottom { |
| 593 | 733 | width: 100%; |
| 594 | 734 | line-height: 30rpx; |
| ... | ... | @@ -605,6 +745,7 @@ radio-group label, checkbox-group label{ |
| 605 | 745 | flex-wrap: wrap; |
| 606 | 746 | border-top: 2rpx solid #eee; |
| 607 | 747 | } |
| 748 | + | |
| 608 | 749 | .uni-grid-9-item { |
| 609 | 750 | width: 250rpx; |
| 610 | 751 | height: 200rpx; |
| ... | ... | @@ -617,13 +758,16 @@ radio-group label, checkbox-group label{ |
| 617 | 758 | border-color: #eee; |
| 618 | 759 | box-sizing: border-box; |
| 619 | 760 | } |
| 761 | + | |
| 620 | 762 | .no-border-right { |
| 621 | 763 | border-right: none; |
| 622 | 764 | } |
| 765 | + | |
| 623 | 766 | .uni-grid-9-image { |
| 624 | 767 | width: 100rpx; |
| 625 | 768 | height: 100rpx; |
| 626 | 769 | } |
| 770 | + | |
| 627 | 771 | .uni-grid-9-text { |
| 628 | 772 | width: 250rpx; |
| 629 | 773 | line-height: 4rpx; |
| ... | ... | @@ -631,6 +775,7 @@ radio-group label, checkbox-group label{ |
| 631 | 775 | text-align: center; |
| 632 | 776 | font-size: 30rpx; |
| 633 | 777 | } |
| 778 | + | |
| 634 | 779 | .uni-grid-9-item-hover { |
| 635 | 780 | background: rgba(0, 0, 0, 0.1); |
| 636 | 781 | } |
| ... | ... | @@ -640,39 +785,47 @@ radio-group label, checkbox-group label{ |
| 640 | 785 | flex: 1; |
| 641 | 786 | flex-direction: column; |
| 642 | 787 | } |
| 788 | + | |
| 643 | 789 | .uni-uploader-head { |
| 644 | 790 | display: flex; |
| 645 | 791 | flex-direction: row; |
| 646 | 792 | justify-content: space-between; |
| 647 | 793 | } |
| 794 | + | |
| 648 | 795 | .uni-uploader-info { |
| 649 | 796 | color: #B2B2B2; |
| 650 | 797 | } |
| 798 | + | |
| 651 | 799 | .uni-uploader-body { |
| 652 | 800 | margin-top: 16rpx; |
| 653 | 801 | } |
| 802 | + | |
| 654 | 803 | .uni-uploader__files { |
| 655 | 804 | display: flex; |
| 656 | 805 | flex-direction: row; |
| 657 | 806 | flex-wrap: wrap; |
| 658 | 807 | } |
| 808 | + | |
| 659 | 809 | .uni-uploader__file { |
| 660 | 810 | margin: 10rpx; |
| 661 | 811 | width: 210rpx; |
| 662 | 812 | height: 210rpx; |
| 663 | 813 | } |
| 814 | + | |
| 664 | 815 | .uni-uploader__img { |
| 665 | 816 | display: block; |
| 666 | 817 | width: 210rpx; |
| 667 | 818 | height: 210rpx; |
| 668 | 819 | } |
| 820 | + | |
| 669 | 821 | .uni-uploader__input-box { |
| 670 | 822 | position: relative; |
| 671 | - margin:10rpx; | |
| 823 | + margin: 10rpx; | |
| 672 | 824 | width: 208rpx; |
| 673 | 825 | height: 208rpx; |
| 674 | 826 | border: 2rpx solid #D9D9D9; |
| 675 | 827 | } |
| 828 | + | |
| 676 | 829 | .uni-uploader__input-box:before, |
| 677 | 830 | .uni-uploader__input-box:after { |
| 678 | 831 | content: " "; |
| ... | ... | @@ -683,21 +836,26 @@ radio-group label, checkbox-group label{ |
| 683 | 836 | transform: translate(-50%, -50%); |
| 684 | 837 | background-color: #D9D9D9; |
| 685 | 838 | } |
| 839 | + | |
| 686 | 840 | .uni-uploader__input-box:before { |
| 687 | 841 | width: 4rpx; |
| 688 | 842 | height: 79rpx; |
| 689 | 843 | } |
| 844 | + | |
| 690 | 845 | .uni-uploader__input-box:after { |
| 691 | 846 | width: 79rpx; |
| 692 | 847 | height: 4rpx; |
| 693 | 848 | } |
| 849 | + | |
| 694 | 850 | .uni-uploader__input-box:active { |
| 695 | 851 | border-color: #999999; |
| 696 | 852 | } |
| 853 | + | |
| 697 | 854 | .uni-uploader__input-box:active:before, |
| 698 | 855 | .uni-uploader__input-box:active:after { |
| 699 | 856 | background-color: #999999; |
| 700 | 857 | } |
| 858 | + | |
| 701 | 859 | .uni-uploader__input { |
| 702 | 860 | position: absolute; |
| 703 | 861 | z-index: 1; |
| ... | ... | @@ -718,14 +876,17 @@ radio-group label, checkbox-group label{ |
| 718 | 876 | color: #8f8f94; |
| 719 | 877 | font-size: 28rpx; |
| 720 | 878 | } |
| 879 | + | |
| 721 | 880 | .feedback-star-view.feedback-title { |
| 722 | 881 | justify-content: flex-start; |
| 723 | 882 | margin: 0; |
| 724 | 883 | } |
| 884 | + | |
| 725 | 885 | .feedback-quick { |
| 726 | 886 | position: relative; |
| 727 | 887 | padding-right: 40rpx; |
| 728 | 888 | } |
| 889 | + | |
| 729 | 890 | .feedback-quick:after { |
| 730 | 891 | font-family: uniicons; |
| 731 | 892 | font-size: 40rpx; |
| ... | ... | @@ -737,9 +898,11 @@ radio-group label, checkbox-group label{ |
| 737 | 898 | -webkit-transform: translateY(-50%); |
| 738 | 899 | transform: translateY(-50%); |
| 739 | 900 | } |
| 901 | + | |
| 740 | 902 | .feedback-body { |
| 741 | 903 | background: #fff; |
| 742 | 904 | } |
| 905 | + | |
| 743 | 906 | .feedback-textare { |
| 744 | 907 | height: 200rpx; |
| 745 | 908 | font-size: 34rpx; |
| ... | ... | @@ -748,6 +911,7 @@ radio-group label, checkbox-group label{ |
| 748 | 911 | box-sizing: border-box; |
| 749 | 912 | padding: 20rpx 30rpx 0; |
| 750 | 913 | } |
| 914 | + | |
| 751 | 915 | .feedback-input { |
| 752 | 916 | font-size: 34rpx; |
| 753 | 917 | height: 50rpx; |
| ... | ... | @@ -755,26 +919,33 @@ radio-group label, checkbox-group label{ |
| 755 | 919 | padding: 15rpx 20rpx; |
| 756 | 920 | line-height: 50rpx; |
| 757 | 921 | } |
| 922 | + | |
| 758 | 923 | .feedback-uploader { |
| 759 | 924 | padding: 22rpx 20rpx; |
| 760 | 925 | } |
| 926 | + | |
| 761 | 927 | .feedback-star { |
| 762 | 928 | font-family: uniicons; |
| 763 | 929 | font-size: 40rpx; |
| 764 | 930 | margin-left: 6rpx; |
| 765 | 931 | } |
| 932 | + | |
| 766 | 933 | .feedback-star-view { |
| 767 | 934 | margin-left: 20rpx; |
| 768 | 935 | } |
| 936 | + | |
| 769 | 937 | .feedback-star:after { |
| 770 | 938 | content: '\e408'; |
| 771 | 939 | } |
| 940 | + | |
| 772 | 941 | .feedback-star.active { |
| 773 | 942 | color: #FFB400; |
| 774 | 943 | } |
| 944 | + | |
| 775 | 945 | .feedback-star.active:after { |
| 776 | 946 | content: '\e438'; |
| 777 | 947 | } |
| 948 | + | |
| 778 | 949 | .feedback-submit { |
| 779 | 950 | background: #007AFF; |
| 780 | 951 | color: #FFFFFF; |
| ... | ... | @@ -815,7 +986,7 @@ radio-group label, checkbox-group label{ |
| 815 | 986 | position: relative; |
| 816 | 987 | display: flex; |
| 817 | 988 | flex-direction: row; |
| 818 | - font-size:28rpx; | |
| 989 | + font-size: 28rpx; | |
| 819 | 990 | padding: 22rpx 30rpx; |
| 820 | 991 | justify-content: space-between; |
| 821 | 992 | } |
| ... | ... | @@ -836,16 +1007,17 @@ radio-group label, checkbox-group label{ |
| 836 | 1007 | } |
| 837 | 1008 | |
| 838 | 1009 | /* textarea */ |
| 839 | -.uni-textarea{ | |
| 840 | - width:100%; | |
| 841 | - background:#FFF; | |
| 842 | -} | |
| 843 | -.uni-textarea textarea{ | |
| 844 | - width:96%; | |
| 845 | - padding:18rpx 2%; | |
| 846 | - line-height:1.6; | |
| 847 | - font-size:28rpx; | |
| 848 | - height:150rpx; | |
| 1010 | +.uni-textarea { | |
| 1011 | + width: 100%; | |
| 1012 | + background: #FFF; | |
| 1013 | +} | |
| 1014 | + | |
| 1015 | +.uni-textarea textarea { | |
| 1016 | + width: 96%; | |
| 1017 | + padding: 18rpx 2%; | |
| 1018 | + line-height: 1.6; | |
| 1019 | + font-size: 28rpx; | |
| 1020 | + height: 150rpx; | |
| 849 | 1021 | } |
| 850 | 1022 | |
| 851 | 1023 | /* tab bar */ |
| ... | ... | @@ -888,175 +1060,256 @@ radio-group label, checkbox-group label{ |
| 888 | 1060 | height: calc(100% - 100rpx); |
| 889 | 1061 | } |
| 890 | 1062 | |
| 891 | -.uni-tab-bar-loading{ | |
| 892 | - padding:20rpx 0; | |
| 1063 | +.uni-tab-bar-loading { | |
| 1064 | + padding: 20rpx 0; | |
| 893 | 1065 | } |
| 894 | 1066 | |
| 895 | 1067 | /* comment */ |
| 896 | -.uni-comment{padding:5rpx 0; display: flex; flex-grow:1; flex-direction: column;} | |
| 897 | -.uni-comment-list{flex-wrap:nowrap; padding:10rpx 0; margin:10rpx 0; width:100%; display: flex;} | |
| 898 | -.uni-comment-face{width:70rpx; height:70rpx; border-radius:100%; margin-right:20rpx; flex-shrink:0; overflow:hidden;} | |
| 899 | -.uni-comment-face image{width:100%; border-radius:100%;} | |
| 900 | -.uni-comment-body{width:100%;} | |
| 901 | -.uni-comment-top{line-height:1.5em; justify-content:space-between;} | |
| 902 | -.uni-comment-top text{color:#0A98D5; font-size:24rpx;} | |
| 903 | -.uni-comment-date{line-height:38rpx; flex-direction:row; justify-content:space-between; display:flex !important; flex-grow:1;} | |
| 904 | -.uni-comment-date view{color:#666666; font-size:24rpx; line-height:38rpx;} | |
| 905 | -.uni-comment-content{line-height:1.6em; font-size:28rpx; padding:8rpx 0;} | |
| 906 | -.uni-comment-replay-btn{background:#FFF; font-size:24rpx; line-height:28rpx; padding:5rpx 20rpx; border-radius:30rpx; color:#333 !important; margin:0 10rpx;} | |
| 1068 | +.uni-comment { | |
| 1069 | + padding: 5rpx 0; | |
| 1070 | + display: flex; | |
| 1071 | + flex-grow: 1; | |
| 1072 | + flex-direction: column; | |
| 1073 | +} | |
| 1074 | + | |
| 1075 | +.uni-comment-list { | |
| 1076 | + flex-wrap: nowrap; | |
| 1077 | + padding: 10rpx 0; | |
| 1078 | + margin: 10rpx 0; | |
| 1079 | + width: 100%; | |
| 1080 | + display: flex; | |
| 1081 | +} | |
| 1082 | + | |
| 1083 | +.uni-comment-face { | |
| 1084 | + width: 70rpx; | |
| 1085 | + height: 70rpx; | |
| 1086 | + border-radius: 100%; | |
| 1087 | + margin-right: 20rpx; | |
| 1088 | + flex-shrink: 0; | |
| 1089 | + overflow: hidden; | |
| 1090 | +} | |
| 1091 | + | |
| 1092 | +.uni-comment-face image { | |
| 1093 | + width: 100%; | |
| 1094 | + border-radius: 100%; | |
| 1095 | +} | |
| 1096 | + | |
| 1097 | +.uni-comment-body { | |
| 1098 | + width: 100%; | |
| 1099 | +} | |
| 1100 | + | |
| 1101 | +.uni-comment-top { | |
| 1102 | + line-height: 1.5em; | |
| 1103 | + justify-content: space-between; | |
| 1104 | +} | |
| 1105 | + | |
| 1106 | +.uni-comment-top text { | |
| 1107 | + color: #0A98D5; | |
| 1108 | + font-size: 24rpx; | |
| 1109 | +} | |
| 1110 | + | |
| 1111 | +.uni-comment-date { | |
| 1112 | + line-height: 38rpx; | |
| 1113 | + flex-direction: row; | |
| 1114 | + justify-content: space-between; | |
| 1115 | + display: flex !important; | |
| 1116 | + flex-grow: 1; | |
| 1117 | +} | |
| 1118 | + | |
| 1119 | +.uni-comment-date view { | |
| 1120 | + color: #666666; | |
| 1121 | + font-size: 24rpx; | |
| 1122 | + line-height: 38rpx; | |
| 1123 | +} | |
| 1124 | + | |
| 1125 | +.uni-comment-content { | |
| 1126 | + line-height: 1.6em; | |
| 1127 | + font-size: 28rpx; | |
| 1128 | + padding: 8rpx 0; | |
| 1129 | +} | |
| 1130 | + | |
| 1131 | +.uni-comment-replay-btn { | |
| 1132 | + background: #FFF; | |
| 1133 | + font-size: 24rpx; | |
| 1134 | + line-height: 28rpx; | |
| 1135 | + padding: 5rpx 20rpx; | |
| 1136 | + border-radius: 30rpx; | |
| 1137 | + color: #333 !important; | |
| 1138 | + margin: 0 10rpx; | |
| 1139 | +} | |
| 907 | 1140 | |
| 908 | 1141 | /* swiper msg */ |
| 909 | -.uni-swiper-msg{width:100%; padding:12rpx 0; flex-wrap:nowrap; display:flex;} | |
| 910 | -.uni-swiper-msg-icon{width:50rpx; margin-right:20rpx;} | |
| 911 | -.uni-swiper-msg-icon image{width:100%; flex-shrink:0;} | |
| 912 | -.uni-swiper-msg swiper{width:100%; height:50rpx;} | |
| 913 | -.uni-swiper-msg swiper-item{line-height:50rpx;} | |
| 1142 | +.uni-swiper-msg { | |
| 1143 | + width: 100%; | |
| 1144 | + padding: 12rpx 0; | |
| 1145 | + flex-wrap: nowrap; | |
| 1146 | + display: flex; | |
| 1147 | +} | |
| 1148 | + | |
| 1149 | +.uni-swiper-msg-icon { | |
| 1150 | + width: 50rpx; | |
| 1151 | + margin-right: 20rpx; | |
| 1152 | +} | |
| 1153 | + | |
| 1154 | +.uni-swiper-msg-icon image { | |
| 1155 | + width: 100%; | |
| 1156 | + flex-shrink: 0; | |
| 1157 | +} | |
| 1158 | + | |
| 1159 | +.uni-swiper-msg swiper { | |
| 1160 | + width: 100%; | |
| 1161 | + height: 50rpx; | |
| 1162 | +} | |
| 1163 | + | |
| 1164 | +.uni-swiper-msg swiper-item { | |
| 1165 | + line-height: 50rpx; | |
| 1166 | +} | |
| 914 | 1167 | |
| 915 | 1168 | /* product */ |
| 916 | 1169 | .uni-product-list { |
| 917 | - display: flex; | |
| 918 | - width: 100%; | |
| 919 | - flex-wrap: wrap; | |
| 920 | - flex-direction: row; | |
| 1170 | + display: flex; | |
| 1171 | + width: 100%; | |
| 1172 | + flex-wrap: wrap; | |
| 1173 | + flex-direction: row; | |
| 921 | 1174 | } |
| 922 | 1175 | |
| 923 | 1176 | .uni-product { |
| 924 | - padding: 20rpx; | |
| 925 | - display: flex; | |
| 926 | - flex-direction: column; | |
| 1177 | + padding: 20rpx; | |
| 1178 | + display: flex; | |
| 1179 | + flex-direction: column; | |
| 927 | 1180 | } |
| 928 | 1181 | |
| 929 | 1182 | .image-view { |
| 930 | - height: 330rpx; | |
| 931 | - width: 330rpx; | |
| 932 | - margin:12rpx 0; | |
| 1183 | + height: 330rpx; | |
| 1184 | + width: 330rpx; | |
| 1185 | + margin: 12rpx 0; | |
| 933 | 1186 | } |
| 934 | 1187 | |
| 935 | 1188 | .uni-product-image { |
| 936 | - height: 330rpx; | |
| 937 | - width: 330rpx; | |
| 1189 | + height: 330rpx; | |
| 1190 | + width: 330rpx; | |
| 938 | 1191 | } |
| 939 | 1192 | |
| 940 | 1193 | .uni-product-title { |
| 941 | - width: 300rpx; | |
| 942 | - word-break: break-all; | |
| 943 | - display: -webkit-box; | |
| 944 | - overflow: hidden; | |
| 945 | - line-height:1.5; | |
| 946 | - text-overflow: ellipsis; | |
| 947 | - -webkit-box-orient: vertical; | |
| 948 | - -webkit-line-clamp: 2; | |
| 1194 | + width: 300rpx; | |
| 1195 | + word-break: break-all; | |
| 1196 | + display: -webkit-box; | |
| 1197 | + overflow: hidden; | |
| 1198 | + line-height: 1.5; | |
| 1199 | + text-overflow: ellipsis; | |
| 1200 | + -webkit-box-orient: vertical; | |
| 1201 | + -webkit-line-clamp: 2; | |
| 949 | 1202 | } |
| 950 | 1203 | |
| 951 | 1204 | .uni-product-price { |
| 952 | - margin-top:10rpx; | |
| 953 | - font-size: 28rpx; | |
| 954 | - line-height:1.5; | |
| 955 | - position: relative; | |
| 1205 | + margin-top: 10rpx; | |
| 1206 | + font-size: 28rpx; | |
| 1207 | + line-height: 1.5; | |
| 1208 | + position: relative; | |
| 956 | 1209 | } |
| 957 | 1210 | |
| 958 | 1211 | .uni-product-price-original { |
| 959 | - color: #e80080; | |
| 1212 | + color: #e80080; | |
| 960 | 1213 | } |
| 961 | 1214 | |
| 962 | 1215 | .uni-product-price-favour { |
| 963 | - color: #888888; | |
| 964 | - text-decoration: line-through; | |
| 965 | - margin-left: 10rpx; | |
| 1216 | + color: #888888; | |
| 1217 | + text-decoration: line-through; | |
| 1218 | + margin-left: 10rpx; | |
| 966 | 1219 | } |
| 967 | 1220 | |
| 968 | 1221 | .uni-product-tip { |
| 969 | - position: absolute; | |
| 970 | - right: 10rpx; | |
| 971 | - background-color: #ff3333; | |
| 972 | - color: #ffffff; | |
| 973 | - padding: 0 10rpx; | |
| 974 | - border-radius: 5rpx; | |
| 1222 | + position: absolute; | |
| 1223 | + right: 10rpx; | |
| 1224 | + background-color: #ff3333; | |
| 1225 | + color: #ffffff; | |
| 1226 | + padding: 0 10rpx; | |
| 1227 | + border-radius: 5rpx; | |
| 975 | 1228 | } |
| 976 | 1229 | |
| 977 | 1230 | /* timeline */ |
| 978 | 1231 | .uni-timeline { |
| 979 | - margin: 35rpx 0; | |
| 980 | - display: flex; | |
| 981 | - flex-direction: column; | |
| 982 | - position: relative; | |
| 983 | - } | |
| 984 | - | |
| 985 | - | |
| 986 | - .uni-timeline-item { | |
| 987 | - display: flex; | |
| 988 | - flex-direction: row; | |
| 989 | - position: relative; | |
| 990 | - padding-bottom: 20rpx; | |
| 991 | - box-sizing: border-box; | |
| 992 | - overflow: hidden; | |
| 993 | - | |
| 994 | - } | |
| 995 | - | |
| 996 | - .uni-timeline-item .uni-timeline-item-keynode { | |
| 997 | - width: 160rpx; | |
| 998 | - flex-shrink: 0; | |
| 999 | - box-sizing: border-box; | |
| 1000 | - padding-right: 20rpx; | |
| 1001 | - text-align: right; | |
| 1002 | - line-height: 65rpx; | |
| 1003 | - } | |
| 1004 | - | |
| 1005 | - .uni-timeline-item .uni-timeline-item-divider { | |
| 1006 | - flex-shrink: 0; | |
| 1007 | - position: relative; | |
| 1008 | - width: 30rpx; | |
| 1009 | - height: 30rpx; | |
| 1010 | - top: 15rpx; | |
| 1011 | - border-radius: 50%; | |
| 1012 | - background-color: #bbb; | |
| 1013 | - } | |
| 1014 | - | |
| 1015 | - | |
| 1016 | - | |
| 1017 | - .uni-timeline-item-divider::before, | |
| 1018 | - .uni-timeline-item-divider::after { | |
| 1019 | - position: absolute; | |
| 1020 | - left: 15rpx; | |
| 1021 | - width: 1rpx; | |
| 1022 | - height: 100vh; | |
| 1023 | - content: ''; | |
| 1024 | - background: inherit; | |
| 1025 | - } | |
| 1026 | - | |
| 1027 | - .uni-timeline-item-divider::before { | |
| 1028 | - bottom: 100%; | |
| 1029 | - } | |
| 1030 | - | |
| 1031 | - .uni-timeline-item-divider::after { | |
| 1032 | - top: 100%; | |
| 1033 | - } | |
| 1034 | - | |
| 1035 | - | |
| 1036 | - .uni-timeline-last-item .uni-timeline-item-divider:after { | |
| 1037 | - display: none; | |
| 1038 | - } | |
| 1039 | - | |
| 1040 | - .uni-timeline-first-item .uni-timeline-item-divider:before { | |
| 1041 | - display: none; | |
| 1042 | - } | |
| 1043 | - | |
| 1044 | - .uni-timeline-item .uni-timeline-item-content { | |
| 1045 | - padding-left: 20rpx; | |
| 1046 | - } | |
| 1047 | - | |
| 1048 | - .uni-timeline-last-item .bottom-border::after{ | |
| 1049 | - display: none; | |
| 1050 | - } | |
| 1051 | - | |
| 1052 | - .uni-timeline-item-content .datetime{ | |
| 1053 | - color: #CCCCCC; | |
| 1054 | - } | |
| 1055 | - | |
| 1056 | - /* 自定义节点颜色 */ | |
| 1057 | - .uni-timeline-last-item .uni-timeline-item-divider{ | |
| 1058 | - background-color: #1AAD19; | |
| 1059 | - } | |
| 1232 | + margin: 35rpx 0; | |
| 1233 | + display: flex; | |
| 1234 | + flex-direction: column; | |
| 1235 | + position: relative; | |
| 1236 | +} | |
| 1237 | + | |
| 1238 | + | |
| 1239 | +.uni-timeline-item { | |
| 1240 | + display: flex; | |
| 1241 | + flex-direction: row; | |
| 1242 | + position: relative; | |
| 1243 | + padding-bottom: 20rpx; | |
| 1244 | + box-sizing: border-box; | |
| 1245 | + overflow: hidden; | |
| 1246 | + | |
| 1247 | +} | |
| 1248 | + | |
| 1249 | +.uni-timeline-item .uni-timeline-item-keynode { | |
| 1250 | + width: 160rpx; | |
| 1251 | + flex-shrink: 0; | |
| 1252 | + box-sizing: border-box; | |
| 1253 | + padding-right: 20rpx; | |
| 1254 | + text-align: right; | |
| 1255 | + line-height: 65rpx; | |
| 1256 | +} | |
| 1257 | + | |
| 1258 | +.uni-timeline-item .uni-timeline-item-divider { | |
| 1259 | + flex-shrink: 0; | |
| 1260 | + position: relative; | |
| 1261 | + width: 30rpx; | |
| 1262 | + height: 30rpx; | |
| 1263 | + top: 15rpx; | |
| 1264 | + border-radius: 50%; | |
| 1265 | + background-color: #bbb; | |
| 1266 | +} | |
| 1267 | + | |
| 1268 | + | |
| 1269 | + | |
| 1270 | +.uni-timeline-item-divider::before, | |
| 1271 | +.uni-timeline-item-divider::after { | |
| 1272 | + position: absolute; | |
| 1273 | + left: 15rpx; | |
| 1274 | + width: 1rpx; | |
| 1275 | + height: 100vh; | |
| 1276 | + content: ''; | |
| 1277 | + background: inherit; | |
| 1278 | +} | |
| 1279 | + | |
| 1280 | +.uni-timeline-item-divider::before { | |
| 1281 | + bottom: 100%; | |
| 1282 | +} | |
| 1283 | + | |
| 1284 | +.uni-timeline-item-divider::after { | |
| 1285 | + top: 100%; | |
| 1286 | +} | |
| 1287 | + | |
| 1288 | + | |
| 1289 | +.uni-timeline-last-item .uni-timeline-item-divider:after { | |
| 1290 | + display: none; | |
| 1291 | +} | |
| 1292 | + | |
| 1293 | +.uni-timeline-first-item .uni-timeline-item-divider:before { | |
| 1294 | + display: none; | |
| 1295 | +} | |
| 1296 | + | |
| 1297 | +.uni-timeline-item .uni-timeline-item-content { | |
| 1298 | + padding-left: 20rpx; | |
| 1299 | +} | |
| 1300 | + | |
| 1301 | +.uni-timeline-last-item .bottom-border::after { | |
| 1302 | + display: none; | |
| 1303 | +} | |
| 1304 | + | |
| 1305 | +.uni-timeline-item-content .datetime { | |
| 1306 | + color: #CCCCCC; | |
| 1307 | +} | |
| 1308 | + | |
| 1309 | +/* 自定义节点颜色 */ | |
| 1310 | +.uni-timeline-last-item .uni-timeline-item-divider { | |
| 1311 | + background-color: #1AAD19; | |
| 1312 | +} | |
| 1060 | 1313 | |
| 1061 | 1314 | |
| 1062 | 1315 | /* uni-icon */ |
| ... | ... | @@ -1433,80 +1686,166 @@ radio-group label, checkbox-group label{ |
| 1433 | 1686 | } |
| 1434 | 1687 | |
| 1435 | 1688 | /* 分界线 */ |
| 1436 | -.uni-divider{ | |
| 1437 | - height: 110rpx; | |
| 1438 | - display: flex; | |
| 1439 | - align-items:center; | |
| 1440 | - justify-content: center; | |
| 1441 | - position: relative; | |
| 1442 | -} | |
| 1443 | -.uni-divider__content{ | |
| 1444 | - font-size: 28rpx; | |
| 1445 | - color: #999; | |
| 1446 | - padding: 0 20rpx; | |
| 1447 | - position: relative; | |
| 1448 | - z-index: 101; | |
| 1449 | - background: #F4F5F6; | |
| 1450 | -} | |
| 1451 | -.uni-divider__line{ | |
| 1452 | - background-color: #CCCCCC; | |
| 1453 | - height: 1px; | |
| 1454 | - width: 100%; | |
| 1455 | - position: absolute; | |
| 1456 | - z-index: 100; | |
| 1457 | - top: 50%; | |
| 1458 | - left: 0; | |
| 1459 | - transform: translateY(50%); | |
| 1460 | -} | |
| 1461 | - | |
| 1462 | -.left-win-active text{ | |
| 1689 | +.uni-divider { | |
| 1690 | + height: 110rpx; | |
| 1691 | + display: flex; | |
| 1692 | + align-items: center; | |
| 1693 | + justify-content: center; | |
| 1694 | + position: relative; | |
| 1695 | +} | |
| 1696 | + | |
| 1697 | +.uni-divider__content { | |
| 1698 | + font-size: 28rpx; | |
| 1699 | + color: #999; | |
| 1700 | + padding: 0 20rpx; | |
| 1701 | + position: relative; | |
| 1702 | + z-index: 101; | |
| 1703 | + background: #F4F5F6; | |
| 1704 | +} | |
| 1705 | + | |
| 1706 | +.uni-divider__line { | |
| 1707 | + background-color: #CCCCCC; | |
| 1708 | + height: 1px; | |
| 1709 | + width: 100%; | |
| 1710 | + position: absolute; | |
| 1711 | + z-index: 100; | |
| 1712 | + top: 50%; | |
| 1713 | + left: 0; | |
| 1714 | + transform: translateY(50%); | |
| 1715 | +} | |
| 1716 | + | |
| 1717 | +.left-win-active text { | |
| 1463 | 1718 | color: #007AFF !important; |
| 1464 | 1719 | } |
| 1465 | 1720 | |
| 1466 | 1721 | .uni-right { |
| 1467 | - text-align: right; | |
| 1722 | + text-align: right; | |
| 1468 | 1723 | } |
| 1469 | 1724 | |
| 1470 | 1725 | .border-bg { |
| 1471 | - height: 10px; | |
| 1472 | - background: #FAFAFA; | |
| 1726 | + height: 10px; | |
| 1727 | + background: #FAFAFA; | |
| 1473 | 1728 | } |
| 1474 | 1729 | |
| 1475 | 1730 | .yellow-bg { |
| 1476 | - background: #f0ad4e; | |
| 1731 | + background: #f0ad4e; | |
| 1477 | 1732 | } |
| 1478 | 1733 | |
| 1479 | 1734 | .color-green { |
| 1480 | - color: green; | |
| 1735 | + color: green; | |
| 1481 | 1736 | } |
| 1482 | 1737 | |
| 1483 | 1738 | .color-blue { |
| 1484 | - color: #0A98D5; | |
| 1739 | + color: #0A98D5; | |
| 1485 | 1740 | } |
| 1486 | 1741 | |
| 1487 | 1742 | .color-red { |
| 1488 | - color: #dd524d; | |
| 1743 | + color: #dd524d; | |
| 1744 | +} | |
| 1745 | + | |
| 1746 | +/* 自定义样式 */ | |
| 1747 | +.margin-top-30 { | |
| 1748 | + margin-top: 30px; | |
| 1749 | +} | |
| 1750 | + | |
| 1751 | +.margin-left-13 { | |
| 1752 | + margin-left: 13px; | |
| 1753 | +} | |
| 1754 | + | |
| 1755 | +.margin-left-5 { | |
| 1756 | + margin-left: 5px; | |
| 1757 | +} | |
| 1758 | + | |
| 1759 | +.margin-bottom-5 { | |
| 1760 | + margin-bottom: 5px; | |
| 1761 | +} | |
| 1762 | + | |
| 1763 | +.paddinglr30 { | |
| 1764 | + padding: 0 30px; | |
| 1765 | +} | |
| 1766 | + | |
| 1767 | +.paddingl10 { | |
| 1768 | + padding: 0 10rpx; | |
| 1769 | +} | |
| 1770 | + | |
| 1771 | +.text-center { | |
| 1772 | + text-align: center; | |
| 1773 | +} | |
| 1774 | + | |
| 1775 | +.color-black { | |
| 1776 | + color: black; | |
| 1777 | +} | |
| 1778 | + | |
| 1779 | +.bg-white { | |
| 1780 | + background: white; | |
| 1781 | +} | |
| 1782 | + | |
| 1783 | +.border-bottom-1 { | |
| 1784 | + border-bottom: 1px solid #e5e5e5; | |
| 1785 | +} | |
| 1786 | + | |
| 1787 | +.border-bottom-5 { | |
| 1788 | + border-bottom: 5px solid #efeff4; | |
| 1789 | +} | |
| 1790 | + | |
| 1791 | +.pos-rel { | |
| 1792 | + position: relative; | |
| 1793 | +} | |
| 1794 | + | |
| 1795 | +.pos-abs { | |
| 1796 | + position: absolute; | |
| 1797 | +} | |
| 1798 | + | |
| 1799 | +.display-block { | |
| 1800 | + display: block; | |
| 1489 | 1801 | } |
| 1802 | + | |
| 1490 | 1803 | .display-none { |
| 1491 | - display: none; | |
| 1804 | + display: none; | |
| 1492 | 1805 | } |
| 1493 | 1806 | |
| 1494 | -.float-left{ | |
| 1495 | - float: left; | |
| 1807 | +.float-left { | |
| 1808 | + float: left; | |
| 1496 | 1809 | } |
| 1497 | 1810 | |
| 1498 | -.float-right{ | |
| 1499 | - float: right; | |
| 1811 | +.float-right { | |
| 1812 | + float: right; | |
| 1500 | 1813 | } |
| 1501 | 1814 | |
| 1502 | 1815 | .recordCon { |
| 1503 | - color: #999; | |
| 1504 | - display: flex; | |
| 1505 | - justify-content: space-between; | |
| 1816 | + color: #999; | |
| 1817 | + display: flex; | |
| 1818 | + justify-content: space-between; | |
| 1819 | +} | |
| 1820 | + | |
| 1821 | +.paddingTopBottom { | |
| 1822 | + padding-top: 8px; | |
| 1823 | + padding-bottom: 8px; | |
| 1824 | +} | |
| 1825 | + | |
| 1826 | +.jy-fix-height34 { | |
| 1827 | + height: 34px; | |
| 1828 | + line-height: 34px; | |
| 1829 | + | |
| 1830 | +} | |
| 1831 | + | |
| 1832 | +.color-bbb { | |
| 1833 | + color: #bbb; | |
| 1834 | +} | |
| 1835 | + | |
| 1836 | +.is-required { | |
| 1837 | + color: #dd524d; | |
| 1838 | + font-weight: 700; | |
| 1839 | +} | |
| 1840 | + | |
| 1841 | +.fontsize22 { | |
| 1842 | + font-size: 22px; | |
| 1506 | 1843 | } |
| 1507 | 1844 | |
| 1508 | -.paddingTopBottom{ | |
| 1509 | - padding-top: 8px; | |
| 1510 | - padding-bottom: 8px; | |
| 1845 | +.fontweightBold { | |
| 1846 | + font-weight: bold; | |
| 1511 | 1847 | } |
| 1512 | 1848 | |
| 1849 | +.color-62c7ee { | |
| 1850 | + background-color: #62c7ee !important; | |
| 1851 | +} | |
| 1513 | 1852 | \ No newline at end of file | ... | ... |
pages.json
| 1 | 1 | { |
| 2 | - "leftWindow": { | |
| 3 | - "path": "windows/left-window.vue", | |
| 4 | - "style": { | |
| 5 | - "width": "350px" | |
| 6 | - } | |
| 7 | - }, | |
| 8 | - "topWindow": { | |
| 9 | - "path": "windows/top-window.vue", | |
| 10 | - "style": { | |
| 11 | - "height": "60px" | |
| 12 | - } | |
| 13 | - }, | |
| 14 | - "pages": [ | |
| 15 | - // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages | |
| 16 | - | |
| 17 | - { | |
| 18 | - "path": "pages/businessCard/provideCard", | |
| 19 | - "style": { | |
| 20 | - "navigationBarTitleText": "发放卡券" | |
| 21 | - } | |
| 22 | - }, | |
| 23 | - | |
| 24 | - { | |
| 25 | - "path": "pages/businessCard/businessCard", | |
| 26 | - "style": { | |
| 27 | - "navigationBarTitleText": "商户卡券" | |
| 28 | - } | |
| 29 | - }, | |
| 30 | - { | |
| 31 | - "path": "pages/businessCard/cardDetail", | |
| 32 | - "style": { | |
| 33 | - "navigationBarTitleText": "卡券申领明细" | |
| 34 | - } | |
| 35 | - }, | |
| 36 | - { | |
| 37 | - "path": "pages/businessCard/buyCard", | |
| 38 | - "style": { | |
| 39 | - "navigationBarTitleText": "商户卡券购买" | |
| 40 | - } | |
| 41 | - }, | |
| 42 | - | |
| 43 | - { | |
| 44 | - "path": "pages/parkRecordList/recordDetail", | |
| 45 | - "style": { | |
| 46 | - "navigationBarTitleText": "订单详情" | |
| 47 | - } | |
| 48 | - }, | |
| 49 | - { | |
| 50 | - "path": "pages/parkRecordList/parkRecordList", | |
| 51 | - "style": { | |
| 52 | - "navigationBarTitleText": "停车记录" | |
| 53 | - } | |
| 54 | - }, | |
| 55 | - { | |
| 56 | - "path": "pages/parkPay/parkPay", | |
| 57 | - "style": { | |
| 58 | - "navigationBarTitleText": "支付" | |
| 59 | - } | |
| 60 | - }, | |
| 61 | - { | |
| 62 | - "path": "pages/inputCarNumber/inputCarNumber", | |
| 63 | - "style": { | |
| 64 | - "navigationBarTitleText": "停车缴费" | |
| 65 | - } | |
| 66 | - }, | |
| 67 | - { | |
| 68 | - "path": "pages/moneyRecharge/moneyRecharge", | |
| 69 | - "style": { | |
| 70 | - "navigationBarTitleText": "钱包充值" | |
| 71 | - } | |
| 72 | - }, | |
| 73 | - { | |
| 74 | - "path": "pages/tabBar/component/component", | |
| 75 | - "style": { | |
| 76 | - "navigationBarTitleText": "内置组件", | |
| 77 | - "app-plus": { | |
| 78 | - "bounce": "vertical", | |
| 79 | - "titleNView": { | |
| 80 | - "buttons": [ | |
| 81 | - { | |
| 82 | - "text": "\ue534", | |
| 83 | - "fontSrc": "/static/uni.ttf", | |
| 84 | - "fontSize": "22px", | |
| 85 | - "color": "#FFFFFF" | |
| 86 | - } | |
| 87 | - ] | |
| 88 | - } | |
| 89 | - } | |
| 90 | - } | |
| 91 | - }, | |
| 92 | - { | |
| 93 | - "path": "pages/tabBar/extUI/extUI", | |
| 94 | - "style": { | |
| 95 | - "navigationBarTitleText": "扩展组件", | |
| 96 | - "app-plus": { | |
| 97 | - "titleNView": { | |
| 98 | - "buttons": [ | |
| 99 | - { | |
| 100 | - "text": "\ue534", | |
| 101 | - "fontSrc": "/static/uni.ttf", | |
| 102 | - "fontSize": "22px", | |
| 103 | - "color": "#FFFFFF" | |
| 104 | - } | |
| 105 | - ] | |
| 106 | - } | |
| 107 | - } | |
| 108 | - } | |
| 109 | - }, | |
| 110 | - { | |
| 111 | - "path": "pages/rechargeDetail/rechargeDetail", | |
| 112 | - "style": { | |
| 113 | - "navigationBarTitleText": "充值明细" | |
| 114 | - } | |
| 115 | - }, | |
| 116 | - { | |
| 117 | - "path": "pages/rechargeDetail/outDetail", | |
| 118 | - "style": { | |
| 119 | - "navigationBarTitleText": "账单详情" | |
| 120 | - } | |
| 121 | - }, | |
| 122 | - { | |
| 123 | - "path": "pages/index/index", | |
| 124 | - "style": { | |
| 125 | - "navigationBarTitleText": "商户管理" | |
| 126 | - } | |
| 127 | - } | |
| 128 | - ], | |
| 129 | - "globalStyle": { | |
| 130 | - "pageOrientation": "portrait", | |
| 131 | - "navigationBarTitleText": "Hello uniapp", | |
| 132 | - "navigationBarTextStyle": "white", | |
| 133 | - "navigationBarBackgroundColor": "#007AFF", | |
| 134 | - "backgroundColor": "#F8F8F8", | |
| 135 | - "backgroundColorTop": "#F4F5F6", | |
| 136 | - "backgroundColorBottom": "#F4F5F6", | |
| 137 | - "mp-360": { | |
| 138 | - "navigationStyle": "custom" | |
| 139 | - }, | |
| 140 | - "h5": { | |
| 141 | - "maxWidth": 1190, | |
| 142 | - "navigationBarTextStyle": "black", | |
| 143 | - "navigationBarBackgroundColor": "#F1F1F1" | |
| 144 | - } | |
| 145 | - }, | |
| 146 | - "tabBar": { | |
| 147 | - "color": "#7A7E83", | |
| 148 | - "selectedColor": "#007AFF", | |
| 149 | - "borderStyle": "black", | |
| 150 | - "backgroundColor": "#F8F8F8", | |
| 151 | - "list": [ | |
| 152 | - { | |
| 153 | - "pagePath": "pages/tabBar/component/component", | |
| 154 | - "iconPath": "static/component.png", | |
| 155 | - "selectedIconPath": "static/componentHL.png", | |
| 156 | - "text": "内置组件" | |
| 157 | - }, | |
| 158 | - { | |
| 159 | - "pagePath": "pages/tabBar/extUI/extUI", | |
| 160 | - "iconPath": "static/extui.png", | |
| 161 | - "selectedIconPath": "static/extuiHL.png", | |
| 162 | - "text": "扩展组件" | |
| 163 | - } | |
| 164 | - ] | |
| 165 | - } | |
| 166 | 2 | "leftWindow": { |
| 167 | 3 | "path": "windows/left-window.vue", |
| 168 | 4 | "style": { |
| ... | ... | @@ -178,6 +14,19 @@ |
| 178 | 14 | "pages": [ |
| 179 | 15 | // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages |
| 180 | 16 | { |
| 17 | + "path": "pages/businessCard/printCard", | |
| 18 | + "style": { | |
| 19 | + "navigationBarTitleText": "商户卡券打印" | |
| 20 | + } | |
| 21 | + }, | |
| 22 | + | |
| 23 | + { | |
| 24 | + "path": "pages/businessCard/provideCard", | |
| 25 | + "style": { | |
| 26 | + "navigationBarTitleText": "商户卡券发放" | |
| 27 | + } | |
| 28 | + }, | |
| 29 | + { | |
| 181 | 30 | "path": "pages/businessCard/buyCard", |
| 182 | 31 | "style": { |
| 183 | 32 | "navigationBarTitleText": "商户卡券购买" | ... | ... |
pages/businessCard/printCard.vue
0 → 100644
| 1 | +<template> | |
| 2 | + <view> | |
| 3 | + <uni-section title="50%(折扣券)" type="line"> | |
| 4 | + <uni-card padding="0" spacing="0"> | |
| 5 | + <uni-list> | |
| 6 | + <uni-list-item title="适应车场" rightText="万达商业广场" > | |
| 7 | + <text></text> | |
| 8 | + </uni-list-item> | |
| 9 | + <uni-list-item title="价格：¥5/张" rightText="商户库存：0张"></uni-list-item> | |
| 10 | + </uni-list> | |
| 11 | + </uni-card> | |
| 12 | + </uni-section> | |
| 13 | + | |
| 14 | + <view class=" uni-card" style="padding: 10px 0"> | |
| 15 | + <view style="width: 80%;height: 100px;border: 1px solid #ccc;margin: 0 auto"> | |
| 16 | + | |
| 17 | + </view> | |
| 18 | + </view> | |
| 19 | + | |
| 20 | + | |
| 21 | + <view class="uni-padding-wrap uni-common-mt"> | |
| 22 | + <button type="primary" style="margin-bottom: 15px">停止自动发放</button> | |
| 23 | + <button type="warn">打印静态二维码</button> | |
| 24 | + </view> | |
| 25 | + | |
| 26 | + | |
| 27 | + </view> | |
| 28 | +</template> | |
| 29 | + | |
| 30 | +<script> | |
| 31 | +import common from "../../common/common.js"; | |
| 32 | +export default { | |
| 33 | + data() { | |
| 34 | + const currentDate = this.getDate({ | |
| 35 | + format: true | |
| 36 | + }) | |
| 37 | + return { | |
| 38 | + title: 'picker', | |
| 39 | + array: ['全部', '充值', '支付'], | |
| 40 | + arrayWay: ['所有方式', '微信', '线下公对公'], | |
| 41 | + index: 0, | |
| 42 | + indexWay: 0, | |
| 43 | + benginDate: currentDate, | |
| 44 | + overDate: currentDate, | |
| 45 | + rows:[], | |
| 46 | + pageNum:1,//当前页 | |
| 47 | + pageSize:1,//每页条数 | |
| 48 | + reload:false, | |
| 49 | + status:'more', | |
| 50 | + contentText:{ | |
| 51 | + contentdown:'上拉加载更多～', | |
| 52 | + contentrefresh:'正在加载更多～', | |
| 53 | + contentmore:'我是有底线的～' | |
| 54 | + }, | |
| 55 | + iconType:'auto', // 图标样式 | |
| 56 | + } | |
| 57 | + }, | |
| 58 | + onLoad(params) { | |
| 59 | + wx.showShareMenu({ | |
| 60 | + withShareTicket: true | |
| 61 | + }) | |
| 62 | + // this.mycarNumber = params.carNumber; | |
| 63 | + // this.myorderId = params.orderId; | |
| 64 | + // this.myparkCode = params.parkCode; | |
| 65 | + // this.myorderState = params.orderState; | |
| 66 | + // this.totalFee = params.totalFee | |
| 67 | + // this.unPayFee = params.unPayFee | |
| 68 | + // if (params.orderState == 5) { | |
| 69 | + // //停车补缴单 103 | |
| 70 | + // this.mypaySrcType = '103' | |
| 71 | + // } else { | |
| 72 | + // this.mypaySrcType = '101' | |
| 73 | + // } | |
| 74 | + // // this.GetbillQueryInfo(this.mycarNumber, this.myorderId, this.myparkCode); | |
| 75 | + // this.getWxCode(); | |
| 76 | + // this.PDlogin(); | |
| 77 | + //console.log("xxxmake = "+this.makedateFormat()); | |
| 78 | + }, | |
| 79 | + onShow() { | |
| 80 | + var me = this; | |
| 81 | + var userInfo = me.getGlobalUser("globalUser"); | |
| 82 | + if (userInfo != null) { | |
| 83 | + me.phoneNumb = userInfo.userPhone; | |
| 84 | + } | |
| 85 | + var pages = getCurrentPages(); | |
| 86 | + var currPage = pages[pages.length - 1]; //当前页面 | |
| 87 | + console.log('currPage.data.selCoupon = ' + currPage.data.selCoupon); | |
| 88 | + me.selCoupon = currPage.data.selCoupon; | |
| 89 | + console.log(JSON.stringify(me.selCoupon)); | |
| 90 | + // me.GetbillQueryInfo(me.mycarNumber, me.myorderId, me.myparkCode, me.selCoupon.cardNo, me.selCoupon.couponType, me.selCoupon | |
| 91 | + // .discValue); | |
| 92 | + // GetbillQueryInfo(carnum, orderId, parkCode, cardNo, couponType, disValue) { | |
| 93 | + }, | |
| 94 | + computed: { | |
| 95 | + startDate() { | |
| 96 | + return this.getDate('start'); | |
| 97 | + }, | |
| 98 | + endDate() { | |
| 99 | + return this.getDate('end'); | |
| 100 | + } | |
| 101 | + }, | |
| 102 | + methods: { | |
| 103 | + actionsClick(text){ | |
| 104 | + uni.showToast({ | |
| 105 | + title:text, | |
| 106 | + icon:'none' | |
| 107 | + }) | |
| 108 | + }, | |
| 109 | + bindPickerChange: function (e) { | |
| 110 | + console.log('picker发送选择改变，携带值为', e.detail.value) | |
| 111 | + this.index = e.detail.value | |
| 112 | + }, | |
| 113 | + bindPickerChangeWay: function (e) { | |
| 114 | + console.log('picker发送选择改变，携带值为', e.detail.value) | |
| 115 | + this.indexWay = e.detail.value | |
| 116 | + }, | |
| 117 | + bindStartDateChange: function (e) { | |
| 118 | + this.benginDate = e.detail.value | |
| 119 | + }, | |
| 120 | + bindEndDateChange: function (e) { | |
| 121 | + this.overDate = e.detail.value | |
| 122 | + }, | |
| 123 | + getDate(type) { | |
| 124 | + const date = new Date(); | |
| 125 | + let year = date.getFullYear(); | |
| 126 | + let month = date.getMonth() + 1; | |
| 127 | + let day = date.getDate(); | |
| 128 | + if (type === 'start') { | |
| 129 | + year = year - 60; | |
| 130 | + } else if (type === 'end') { | |
| 131 | + year = year + 2; | |
| 132 | + } | |
| 133 | + month = month > 9 ? month : '0' + month; | |
| 134 | + day = day > 9 ? day : '0' + day; | |
| 135 | + return `${year}-${month}-${day}`; | |
| 136 | + }, | |
| 137 | + } | |
| 138 | +} | |
| 139 | +</script> | |
| 140 | + | |
| 141 | +<style lang="scss" scoped> | |
| 142 | + /deep/ .uni-section{ | |
| 143 | + padding-bottom: 10px; | |
| 144 | + } | |
| 145 | + .rechargeWrap{ | |
| 146 | + position: relative; | |
| 147 | + .rechargeArrow{ | |
| 148 | + position: absolute; | |
| 149 | + right: 10px; | |
| 150 | + top: 30px; | |
| 151 | + font-size: 20px; | |
| 152 | + color: #999; | |
| 153 | + } | |
| 154 | + } | |
| 155 | + .recordCon { | |
| 156 | + padding-right: 35px; | |
| 157 | + color: #999; | |
| 158 | + display: flex; | |
| 159 | + justify-content: space-between; | |
| 160 | + } | |
| 161 | + | |
| 162 | + .container { | |
| 163 | + overflow: hidden; | |
| 164 | + } | |
| 165 | + | |
| 166 | + .custom-cover { | |
| 167 | + flex: 1; | |
| 168 | + flex-direction: row; | |
| 169 | + position: relative; | |
| 170 | + } | |
| 171 | + | |
| 172 | + .cover-content { | |
| 173 | + position: absolute; | |
| 174 | + bottom: 0; | |
| 175 | + left: 0; | |
| 176 | + right: 0; | |
| 177 | + height: 40px; | |
| 178 | + background-color: rgba($color: #000000, $alpha: 0.4); | |
| 179 | + display: flex; | |
| 180 | + flex-direction: row; | |
| 181 | + align-items: center; | |
| 182 | + padding-left: 15px; | |
| 183 | + font-size: 14px; | |
| 184 | + color: #fff; | |
| 185 | + } | |
| 186 | + | |
| 187 | + .card-actions { | |
| 188 | + display: flex; | |
| 189 | + flex-direction: row; | |
| 190 | + justify-content: space-around; | |
| 191 | + align-items: center; | |
| 192 | + height: 45px; | |
| 193 | + border-top: 1px #eee solid; | |
| 194 | + } | |
| 195 | + .card-actions-item { | |
| 196 | + display: flex; | |
| 197 | + flex-direction: row; | |
| 198 | + align-items: center; | |
| 199 | + } | |
| 200 | + .card-actions-item-text { | |
| 201 | + font-size: 12px; | |
| 202 | + color: #666; | |
| 203 | + margin-left: 5px; | |
| 204 | + } | |
| 205 | + .cover-image { | |
| 206 | + flex: 1; | |
| 207 | + height: 150px; | |
| 208 | + } | |
| 209 | + .no-border { | |
| 210 | + border-width: 0; | |
| 211 | + } | |
| 212 | + | |
| 213 | +</style> | ... | ... |
pages/businessCard/provideCard.vue
| ... | ... | @@ -11,12 +11,21 @@ |
| 11 | 11 | </uni-card> |
| 12 | 12 | </uni-section> |
| 13 | 13 | |
| 14 | - <view class=" uni-card"> | |
| 14 | + <view class=" uni-card" style="padding: 10px 0"> | |
| 15 | 15 | <view style="width: 80%;height: 100px;border: 1px solid #ccc;margin: 0 auto"> |
| 16 | 16 | |
| 17 | 17 | </view> |
| 18 | 18 | </view> |
| 19 | 19 | |
| 20 | + <view class="tip-wrap"> | |
| 21 | + <uni-notice-bar single text="温馨提示:" /> | |
| 22 | + <uni-notice-bar single text="卡券自动发放，扫码领券后会自动刷新卡券二维码。" /> | |
| 23 | + </view> | |
| 24 | + | |
| 25 | + <view class="uni-padding-wrap uni-common-mt"> | |
| 26 | + <button type="primary" style="margin-bottom: 15px">停止自动发放</button> | |
| 27 | + <button type="warn">打印静态二维码</button> | |
| 28 | + </view> | |
| 20 | 29 | |
| 21 | 30 | |
| 22 | 31 | </view> |
| ... | ... | @@ -204,4 +213,7 @@ export default { |
| 204 | 213 | .no-border { |
| 205 | 214 | border-width: 0; |
| 206 | 215 | } |
| 216 | + .tip-wrap /deep/ .uni-noticebar{ | |
| 217 | + margin-bottom: 0; | |
| 218 | + } | |
| 207 | 219 | </style> | ... | ... |