Commit 36884ffd9e80563cb0ecbbd7425a78db1c774a8e
1 parent
6f829172
打印
Showing
4 changed files
with
858 additions
and
445 deletions
common/uni.css
| @@ -9,9 +9,11 @@ | @@ -9,9 +9,11 @@ | ||
| 9 | .fix-left-window { | 9 | .fix-left-window { |
| 10 | padding-left: var(--window-left); | 10 | padding-left: var(--window-left); |
| 11 | } | 11 | } |
| 12 | + | ||
| 12 | .pc-hide { | 13 | .pc-hide { |
| 13 | display: none !important; | 14 | display: none !important; |
| 14 | } | 15 | } |
| 16 | + | ||
| 15 | /* #endif */ | 17 | /* #endif */ |
| 16 | 18 | ||
| 17 | /*通用 */ | 19 | /*通用 */ |
| @@ -20,56 +22,71 @@ | @@ -20,56 +22,71 @@ | ||
| 20 | font-size:28rpx; | 22 | font-size:28rpx; |
| 21 | line-height:1.8; | 23 | line-height:1.8; |
| 22 | } */ | 24 | } */ |
| 23 | -progress, checkbox-group{ | 25 | +progress, |
| 26 | +checkbox-group { | ||
| 24 | width: 100%; | 27 | width: 100%; |
| 25 | } | 28 | } |
| 29 | + | ||
| 26 | form { | 30 | form { |
| 27 | width: 100%; | 31 | width: 100%; |
| 28 | } | 32 | } |
| 29 | .uni-con-width{ | 33 | .uni-con-width{ |
| 30 | width: 100%; | 34 | width: 100%; |
| 31 | } | 35 | } |
| 36 | + | ||
| 32 | .uni-flex { | 37 | .uni-flex { |
| 33 | display: flex; | 38 | display: flex; |
| 34 | flex-direction: row; | 39 | flex-direction: row; |
| 35 | } | 40 | } |
| 41 | + | ||
| 36 | .uni-flex-item { | 42 | .uni-flex-item { |
| 37 | flex: 1; | 43 | flex: 1; |
| 38 | } | 44 | } |
| 45 | + | ||
| 39 | .uni-row { | 46 | .uni-row { |
| 40 | flex-direction: row; | 47 | flex-direction: row; |
| 41 | } | 48 | } |
| 49 | + | ||
| 42 | .uni-column { | 50 | .uni-column { |
| 43 | flex-direction: column; | 51 | flex-direction: column; |
| 44 | } | 52 | } |
| 45 | .uni-space-between{ | 53 | .uni-space-between{ |
| 46 | justify-content: space-between; | 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 | display: flex; | 70 | display: flex; |
| 57 | flex-direction: row; | 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 | margin-right: 20rpx; | 76 | margin-right: 20rpx; |
| 62 | } | 77 | } |
| 63 | -.uni-inline-item text:last-child{ | 78 | + |
| 79 | +.uni-inline-item text:last-child { | ||
| 64 | margin-right: 0rpx; | 80 | margin-right: 0rpx; |
| 65 | margin-left: 20rpx; | 81 | margin-left: 20rpx; |
| 66 | } | 82 | } |
| 67 | 83 | ||
| 68 | /* page */ | 84 | /* page */ |
| 69 | -.common-page-head{ | ||
| 70 | - padding:35rpx; | 85 | +.common-page-head { |
| 86 | + padding: 35rpx; | ||
| 71 | text-align: center; | 87 | text-align: center; |
| 72 | } | 88 | } |
| 89 | + | ||
| 73 | .common-page-head-title { | 90 | .common-page-head-title { |
| 74 | display: inline-block; | 91 | display: inline-block; |
| 75 | padding: 0 40rpx; | 92 | padding: 0 40rpx; |
| @@ -81,122 +98,181 @@ form { | @@ -81,122 +98,181 @@ form { | ||
| 81 | border-bottom: 2rpx solid #D8D8D8; | 98 | border-bottom: 2rpx solid #D8D8D8; |
| 82 | } | 99 | } |
| 83 | 100 | ||
| 84 | -.uni-padding-wrap{ | 101 | +.uni-padding-wrap { |
| 85 | /* width:690rpx; */ | 102 | /* width:690rpx; */ |
| 86 | - padding:0 30rpx; | 103 | + padding: 0 30rpx; |
| 87 | } | 104 | } |
| 105 | + | ||
| 88 | .uni-word { | 106 | .uni-word { |
| 89 | text-align: center; | 107 | text-align: center; |
| 90 | - padding:200rpx 100rpx; | 108 | + padding: 200rpx 100rpx; |
| 91 | } | 109 | } |
| 110 | + | ||
| 92 | .uni-title { | 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 | color: #ccc; | 128 | color: #ccc; |
| 108 | } | 129 | } |
| 130 | + | ||
| 109 | .uni-text-small { | 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 | .uni-label { | 229 | .uni-label { |
| 162 | width: 210rpx; | 230 | width: 210rpx; |
| 163 | word-wrap: break-word; | 231 | word-wrap: break-word; |
| 164 | word-break: break-all; | 232 | word-break: break-all; |
| 165 | - text-indent:20rpx; | 233 | + text-indent: 20rpx; |
| 166 | } | 234 | } |
| 235 | + | ||
| 167 | .uni-input { | 236 | .uni-input { |
| 168 | height: 50rpx; | 237 | height: 50rpx; |
| 169 | padding: 15rpx 25rpx; | 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 | flex: 1; | 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 | /* loadmore */ | 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 | /* .uni-badge, | 277 | /* .uni-badge, |
| 202 | .uni-badge-default { | 278 | .uni-badge-default { |
| @@ -214,50 +290,60 @@ radio-group label, checkbox-group label{ | @@ -214,50 +290,60 @@ radio-group label, checkbox-group label{ | ||
| 214 | color: #929292; | 290 | color: #929292; |
| 215 | background-color: transparent | 291 | background-color: transparent |
| 216 | } | 292 | } |
| 293 | + | ||
| 217 | .uni-badge-primary { | 294 | .uni-badge-primary { |
| 218 | color: #fff; | 295 | color: #fff; |
| 219 | background-color: #007aff | 296 | background-color: #007aff |
| 220 | } | 297 | } |
| 298 | + | ||
| 221 | .uni-badge-blue.uni-badge-inverted, | 299 | .uni-badge-blue.uni-badge-inverted, |
| 222 | .uni-badge-primary.uni-badge-inverted { | 300 | .uni-badge-primary.uni-badge-inverted { |
| 223 | color: #007aff; | 301 | color: #007aff; |
| 224 | background-color: transparent | 302 | background-color: transparent |
| 225 | } | 303 | } |
| 304 | + | ||
| 226 | .uni-badge-green, | 305 | .uni-badge-green, |
| 227 | .uni-badge-success { | 306 | .uni-badge-success { |
| 228 | color: #fff; | 307 | color: #fff; |
| 229 | background-color: #4cd964; | 308 | background-color: #4cd964; |
| 230 | } | 309 | } |
| 310 | + | ||
| 231 | .uni-badge-green.uni-badge-inverted, | 311 | .uni-badge-green.uni-badge-inverted, |
| 232 | .uni-badge-success.uni-badge-inverted { | 312 | .uni-badge-success.uni-badge-inverted { |
| 233 | color: #4cd964; | 313 | color: #4cd964; |
| 234 | background-color: transparent | 314 | background-color: transparent |
| 235 | } | 315 | } |
| 316 | + | ||
| 236 | .uni-badge-warning, | 317 | .uni-badge-warning, |
| 237 | .uni-badge-yellow { | 318 | .uni-badge-yellow { |
| 238 | color: #fff; | 319 | color: #fff; |
| 239 | background-color: #f0ad4e | 320 | background-color: #f0ad4e |
| 240 | } | 321 | } |
| 322 | + | ||
| 241 | .uni-badge-warning.uni-badge-inverted, | 323 | .uni-badge-warning.uni-badge-inverted, |
| 242 | .uni-badge-yellow.uni-badge-inverted { | 324 | .uni-badge-yellow.uni-badge-inverted { |
| 243 | color: #f0ad4e; | 325 | color: #f0ad4e; |
| 244 | background-color: transparent | 326 | background-color: transparent |
| 245 | } | 327 | } |
| 328 | + | ||
| 246 | .uni-badge-danger, | 329 | .uni-badge-danger, |
| 247 | .uni-badge-red { | 330 | .uni-badge-red { |
| 248 | color: #fff; | 331 | color: #fff; |
| 249 | background-color: #dd524d | 332 | background-color: #dd524d |
| 250 | } | 333 | } |
| 334 | + | ||
| 251 | .uni-badge-danger.uni-badge-inverted, | 335 | .uni-badge-danger.uni-badge-inverted, |
| 252 | .uni-badge-red.uni-badge-inverted { | 336 | .uni-badge-red.uni-badge-inverted { |
| 253 | color: #dd524d; | 337 | color: #dd524d; |
| 254 | background-color: transparent | 338 | background-color: transparent |
| 255 | } | 339 | } |
| 340 | + | ||
| 256 | .uni-badge-purple, | 341 | .uni-badge-purple, |
| 257 | .uni-badge-royal { | 342 | .uni-badge-royal { |
| 258 | color: #fff; | 343 | color: #fff; |
| 259 | background-color: #8a6de9 | 344 | background-color: #8a6de9 |
| 260 | } | 345 | } |
| 346 | + | ||
| 261 | .uni-badge-purple.uni-badge-inverted, | 347 | .uni-badge-purple.uni-badge-inverted, |
| 262 | .uni-badge-royal.uni-badge-inverted { | 348 | .uni-badge-royal.uni-badge-inverted { |
| 263 | color: #8a6de9; | 349 | color: #8a6de9; |
| @@ -270,6 +356,7 @@ radio-group label, checkbox-group label{ | @@ -270,6 +356,7 @@ radio-group label, checkbox-group label{ | ||
| 270 | width: 100%; | 356 | width: 100%; |
| 271 | overflow: hidden; | 357 | overflow: hidden; |
| 272 | } | 358 | } |
| 359 | + | ||
| 273 | .uni-collapse-content.uni-active { | 360 | .uni-collapse-content.uni-active { |
| 274 | height: auto; | 361 | height: auto; |
| 275 | } | 362 | } |
| @@ -278,21 +365,25 @@ radio-group label, checkbox-group label{ | @@ -278,21 +365,25 @@ radio-group label, checkbox-group label{ | ||
| 278 | .uni-card { | 365 | .uni-card { |
| 279 | background: #fff; | 366 | background: #fff; |
| 280 | border-radius: 8rpx; | 367 | border-radius: 8rpx; |
| 281 | - margin:20rpx 0; | 368 | + margin: 20rpx 0; |
| 282 | position: relative; | 369 | position: relative; |
| 283 | /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */ | 370 | /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */ |
| 284 | } | 371 | } |
| 372 | + | ||
| 285 | .uni-card-content { | 373 | .uni-card-content { |
| 286 | font-size: 30rpx; | 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 | .uni-card-content-inner { | 382 | .uni-card-content-inner { |
| 293 | position: relative; | 383 | position: relative; |
| 294 | padding: 30rpx; | 384 | padding: 30rpx; |
| 295 | } | 385 | } |
| 386 | + | ||
| 296 | .uni-card-footer, | 387 | .uni-card-footer, |
| 297 | .uni-card-header { | 388 | .uni-card-header { |
| 298 | position: relative; | 389 | position: relative; |
| @@ -302,12 +393,15 @@ radio-group label, checkbox-group label{ | @@ -302,12 +393,15 @@ radio-group label, checkbox-group label{ | ||
| 302 | justify-content: space-between; | 393 | justify-content: space-between; |
| 303 | align-items: center; | 394 | align-items: center; |
| 304 | } | 395 | } |
| 396 | + | ||
| 305 | .uni-card-header { | 397 | .uni-card-header { |
| 306 | font-size: 36rpx; | 398 | font-size: 36rpx; |
| 307 | } | 399 | } |
| 400 | + | ||
| 308 | .uni-card-footer { | 401 | .uni-card-footer { |
| 309 | color: #6d6d72; | 402 | color: #6d6d72; |
| 310 | } | 403 | } |
| 404 | + | ||
| 311 | .uni-card-footer:before, | 405 | .uni-card-footer:before, |
| 312 | .uni-card-header:after { | 406 | .uni-card-header:after { |
| 313 | position: absolute; | 407 | position: absolute; |
| @@ -320,18 +414,22 @@ radio-group label, checkbox-group label{ | @@ -320,18 +414,22 @@ radio-group label, checkbox-group label{ | ||
| 320 | transform: scaleY(.5); | 414 | transform: scaleY(.5); |
| 321 | background-color: #c8c7cc; | 415 | background-color: #c8c7cc; |
| 322 | } | 416 | } |
| 417 | + | ||
| 323 | .uni-card-header:after { | 418 | .uni-card-header:after { |
| 324 | top: auto; | 419 | top: auto; |
| 325 | bottom: 0; | 420 | bottom: 0; |
| 326 | } | 421 | } |
| 422 | + | ||
| 327 | .uni-card-media { | 423 | .uni-card-media { |
| 328 | justify-content: flex-start; | 424 | justify-content: flex-start; |
| 329 | } | 425 | } |
| 426 | + | ||
| 330 | .uni-card-media-logo { | 427 | .uni-card-media-logo { |
| 331 | height: 84rpx; | 428 | height: 84rpx; |
| 332 | width: 84rpx; | 429 | width: 84rpx; |
| 333 | margin-right: 20rpx; | 430 | margin-right: 20rpx; |
| 334 | } | 431 | } |
| 432 | + | ||
| 335 | .uni-card-media-body { | 433 | .uni-card-media-body { |
| 336 | height: 84rpx; | 434 | height: 84rpx; |
| 337 | display: flex; | 435 | display: flex; |
| @@ -339,15 +437,18 @@ radio-group label, checkbox-group label{ | @@ -339,15 +437,18 @@ radio-group label, checkbox-group label{ | ||
| 339 | justify-content: space-between; | 437 | justify-content: space-between; |
| 340 | align-items: flex-start; | 438 | align-items: flex-start; |
| 341 | } | 439 | } |
| 440 | + | ||
| 342 | .uni-card-media-text-top { | 441 | .uni-card-media-text-top { |
| 343 | line-height: 36rpx; | 442 | line-height: 36rpx; |
| 344 | font-size: 34rpx; | 443 | font-size: 34rpx; |
| 345 | } | 444 | } |
| 445 | + | ||
| 346 | .uni-card-media-text-bottom { | 446 | .uni-card-media-text-bottom { |
| 347 | line-height: 30rpx; | 447 | line-height: 30rpx; |
| 348 | font-size: 28rpx; | 448 | font-size: 28rpx; |
| 349 | color: #8f8f94; | 449 | color: #8f8f94; |
| 350 | } | 450 | } |
| 451 | + | ||
| 351 | .uni-card-link { | 452 | .uni-card-link { |
| 352 | color: #007AFF; | 453 | color: #007AFF; |
| 353 | } | 454 | } |
| @@ -360,6 +461,7 @@ radio-group label, checkbox-group label{ | @@ -360,6 +461,7 @@ radio-group label, checkbox-group label{ | ||
| 360 | display: flex; | 461 | display: flex; |
| 361 | flex-direction: column; | 462 | flex-direction: column; |
| 362 | } | 463 | } |
| 464 | + | ||
| 363 | .uni-list:after { | 465 | .uni-list:after { |
| 364 | position: absolute; | 466 | position: absolute; |
| 365 | z-index: 10; | 467 | z-index: 10; |
| @@ -372,6 +474,7 @@ radio-group label, checkbox-group label{ | @@ -372,6 +474,7 @@ radio-group label, checkbox-group label{ | ||
| 372 | transform: scaleY(.5); | 474 | transform: scaleY(.5); |
| 373 | background-color: #c8c7cc; | 475 | background-color: #c8c7cc; |
| 374 | } | 476 | } |
| 477 | + | ||
| 375 | /* .uni-list::before { | 478 | /* .uni-list::before { |
| 376 | position: absolute; | 479 | position: absolute; |
| 377 | z-index: 10; | 480 | z-index: 10; |
| @@ -391,21 +494,26 @@ radio-group label, checkbox-group label{ | @@ -391,21 +494,26 @@ radio-group label, checkbox-group label{ | ||
| 391 | justify-content: space-between; | 494 | justify-content: space-between; |
| 392 | align-items: center; | 495 | align-items: center; |
| 393 | } | 496 | } |
| 497 | + | ||
| 394 | .uni-list-cell-hover { | 498 | .uni-list-cell-hover { |
| 395 | background-color: #eee; | 499 | background-color: #eee; |
| 396 | } | 500 | } |
| 501 | + | ||
| 397 | .uni-list-cell-pd { | 502 | .uni-list-cell-pd { |
| 398 | padding: 22rpx 30rpx; | 503 | padding: 22rpx 30rpx; |
| 399 | } | 504 | } |
| 505 | + | ||
| 400 | .uni-list-cell-left { | 506 | .uni-list-cell-left { |
| 401 | - white-space: nowrap; | ||
| 402 | - font-size:28rpx; | 507 | + white-space: nowrap; |
| 508 | + font-size: 28rpx; | ||
| 403 | padding: 0 30rpx; | 509 | padding: 0 30rpx; |
| 404 | } | 510 | } |
| 511 | + | ||
| 405 | .uni-list-cell-db, | 512 | .uni-list-cell-db, |
| 406 | .uni-list-cell-right { | 513 | .uni-list-cell-right { |
| 407 | flex: 1; | 514 | flex: 1; |
| 408 | } | 515 | } |
| 516 | + | ||
| 409 | .uni-list-cell::after { | 517 | .uni-list-cell::after { |
| 410 | position: absolute; | 518 | position: absolute; |
| 411 | z-index: 3; | 519 | z-index: 3; |
| @@ -418,19 +526,23 @@ radio-group label, checkbox-group label{ | @@ -418,19 +526,23 @@ radio-group label, checkbox-group label{ | ||
| 418 | transform: scaleY(.5); | 526 | transform: scaleY(.5); |
| 419 | background-color: #c8c7cc; | 527 | background-color: #c8c7cc; |
| 420 | } | 528 | } |
| 529 | + | ||
| 421 | .uni-list .uni-list-cell:last-child::after { | 530 | .uni-list .uni-list-cell:last-child::after { |
| 422 | height: 0rpx; | 531 | height: 0rpx; |
| 423 | } | 532 | } |
| 533 | + | ||
| 424 | .uni-list-cell-last.uni-list-cell::after { | 534 | .uni-list-cell-last.uni-list-cell::after { |
| 425 | height: 0rpx; | 535 | height: 0rpx; |
| 426 | } | 536 | } |
| 537 | + | ||
| 427 | .uni-list-cell-divider { | 538 | .uni-list-cell-divider { |
| 428 | position: relative; | 539 | position: relative; |
| 429 | display: flex; | 540 | display: flex; |
| 430 | color: #999; | 541 | color: #999; |
| 431 | background-color: #f7f7f7; | 542 | background-color: #f7f7f7; |
| 432 | - padding:15rpx 20rpx; | 543 | + padding: 15rpx 20rpx; |
| 433 | } | 544 | } |
| 545 | + | ||
| 434 | .uni-list-cell-divider::before { | 546 | .uni-list-cell-divider::before { |
| 435 | position: absolute; | 547 | position: absolute; |
| 436 | right: 0; | 548 | right: 0; |
| @@ -453,8 +565,9 @@ radio-group label, checkbox-group label{ | @@ -453,8 +565,9 @@ radio-group label, checkbox-group label{ | ||
| 453 | transform: scaleY(.5); | 565 | transform: scaleY(.5); |
| 454 | background-color: #c8c7cc; | 566 | background-color: #c8c7cc; |
| 455 | } | 567 | } |
| 568 | + | ||
| 456 | .uni-list-cell-navigate { | 569 | .uni-list-cell-navigate { |
| 457 | - font-size:30rpx; | 570 | + font-size: 30rpx; |
| 458 | padding: 22rpx 30rpx; | 571 | padding: 22rpx 30rpx; |
| 459 | line-height: 48rpx; | 572 | line-height: 48rpx; |
| 460 | position: relative; | 573 | position: relative; |
| @@ -465,12 +578,15 @@ radio-group label, checkbox-group label{ | @@ -465,12 +578,15 @@ radio-group label, checkbox-group label{ | ||
| 465 | justify-content: space-between; | 578 | justify-content: space-between; |
| 466 | align-items: center; | 579 | align-items: center; |
| 467 | } | 580 | } |
| 581 | + | ||
| 468 | .uni-list-cell-navigate { | 582 | .uni-list-cell-navigate { |
| 469 | padding-right: 36rpx; | 583 | padding-right: 36rpx; |
| 470 | } | 584 | } |
| 585 | + | ||
| 471 | .uni-navigate-badge { | 586 | .uni-navigate-badge { |
| 472 | padding-right: 50rpx; | 587 | padding-right: 50rpx; |
| 473 | } | 588 | } |
| 589 | + | ||
| 474 | .uni-list-cell-navigate.uni-navigate-right:after { | 590 | .uni-list-cell-navigate.uni-navigate-right:after { |
| 475 | font-family: uniicons; | 591 | font-family: uniicons; |
| 476 | content: '\e583'; | 592 | content: '\e583'; |
| @@ -481,6 +597,7 @@ radio-group label, checkbox-group label{ | @@ -481,6 +597,7 @@ radio-group label, checkbox-group label{ | ||
| 481 | -webkit-transform: translateY(-50%); | 597 | -webkit-transform: translateY(-50%); |
| 482 | transform: translateY(-50%); | 598 | transform: translateY(-50%); |
| 483 | } | 599 | } |
| 600 | + | ||
| 484 | .uni-list-cell-navigate.uni-navigate-bottom:after { | 601 | .uni-list-cell-navigate.uni-navigate-bottom:after { |
| 485 | font-family: uniicons; | 602 | font-family: uniicons; |
| 486 | content: '\e581'; | 603 | content: '\e581'; |
| @@ -491,6 +608,7 @@ radio-group label, checkbox-group label{ | @@ -491,6 +608,7 @@ radio-group label, checkbox-group label{ | ||
| 491 | -webkit-transform: translateY(-50%); | 608 | -webkit-transform: translateY(-50%); |
| 492 | transform: translateY(-50%); | 609 | transform: translateY(-50%); |
| 493 | } | 610 | } |
| 611 | + | ||
| 494 | .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after { | 612 | .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after { |
| 495 | font-family: uniicons; | 613 | font-family: uniicons; |
| 496 | content: '\e580'; | 614 | content: '\e580'; |
| @@ -501,23 +619,29 @@ radio-group label, checkbox-group label{ | @@ -501,23 +619,29 @@ radio-group label, checkbox-group label{ | ||
| 501 | -webkit-transform: translateY(-50%); | 619 | -webkit-transform: translateY(-50%); |
| 502 | transform: translateY(-50%); | 620 | transform: translateY(-50%); |
| 503 | } | 621 | } |
| 622 | + | ||
| 504 | .uni-collapse.uni-list-cell { | 623 | .uni-collapse.uni-list-cell { |
| 505 | flex-direction: column; | 624 | flex-direction: column; |
| 506 | } | 625 | } |
| 626 | + | ||
| 507 | .uni-list-cell-navigate.uni-active { | 627 | .uni-list-cell-navigate.uni-active { |
| 508 | background: #eee; | 628 | background: #eee; |
| 509 | } | 629 | } |
| 630 | + | ||
| 510 | .uni-list.uni-collapse { | 631 | .uni-list.uni-collapse { |
| 511 | box-sizing: border-box; | 632 | box-sizing: border-box; |
| 512 | height: 0; | 633 | height: 0; |
| 513 | overflow: hidden; | 634 | overflow: hidden; |
| 514 | } | 635 | } |
| 636 | + | ||
| 515 | .uni-collapse .uni-list-cell { | 637 | .uni-collapse .uni-list-cell { |
| 516 | padding-left: 20rpx; | 638 | padding-left: 20rpx; |
| 517 | } | 639 | } |
| 640 | + | ||
| 518 | .uni-collapse .uni-list-cell::after { | 641 | .uni-collapse .uni-list-cell::after { |
| 519 | left: 52rpx; | 642 | left: 52rpx; |
| 520 | } | 643 | } |
| 644 | + | ||
| 521 | .uni-list.uni-active { | 645 | .uni-list.uni-active { |
| 522 | height: auto; | 646 | height: auto; |
| 523 | } | 647 | } |
| @@ -531,18 +655,26 @@ radio-group label, checkbox-group label{ | @@ -531,18 +655,26 @@ radio-group label, checkbox-group label{ | ||
| 531 | flex-direction: row; | 655 | flex-direction: row; |
| 532 | padding: 22rpx 30rpx; | 656 | padding: 22rpx 30rpx; |
| 533 | } | 657 | } |
| 658 | + | ||
| 534 | .uni-triplex-right, | 659 | .uni-triplex-right, |
| 535 | .uni-triplex-left { | 660 | .uni-triplex-left { |
| 536 | display: flex; | 661 | display: flex; |
| 537 | flex-direction: column; | 662 | flex-direction: column; |
| 538 | } | 663 | } |
| 664 | + | ||
| 539 | .uni-triplex-left { | 665 | .uni-triplex-left { |
| 540 | width: 84%; | 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 | .uni-triplex-right { | 678 | .uni-triplex-right { |
| 547 | width: 16%; | 679 | width: 16%; |
| 548 | text-align: right; | 680 | text-align: right; |
| @@ -556,25 +688,31 @@ radio-group label, checkbox-group label{ | @@ -556,25 +688,31 @@ radio-group label, checkbox-group label{ | ||
| 556 | width: 100%; | 688 | width: 100%; |
| 557 | flex-direction: row; | 689 | flex-direction: row; |
| 558 | } | 690 | } |
| 691 | + | ||
| 559 | .uni-navigate-right.uni-media-list { | 692 | .uni-navigate-right.uni-media-list { |
| 560 | padding-right: 74rpx; | 693 | padding-right: 74rpx; |
| 561 | } | 694 | } |
| 695 | + | ||
| 562 | .uni-pull-right { | 696 | .uni-pull-right { |
| 563 | flex-direction: row-reverse; | 697 | flex-direction: row-reverse; |
| 564 | } | 698 | } |
| 699 | + | ||
| 565 | .uni-pull-right>.uni-media-list-logo { | 700 | .uni-pull-right>.uni-media-list-logo { |
| 566 | margin-right: 0rpx; | 701 | margin-right: 0rpx; |
| 567 | margin-left: 20rpx; | 702 | margin-left: 20rpx; |
| 568 | } | 703 | } |
| 704 | + | ||
| 569 | .uni-media-list-logo { | 705 | .uni-media-list-logo { |
| 570 | height: 84rpx; | 706 | height: 84rpx; |
| 571 | width: 84rpx; | 707 | width: 84rpx; |
| 572 | margin-right: 20rpx; | 708 | margin-right: 20rpx; |
| 573 | } | 709 | } |
| 710 | + | ||
| 574 | .uni-media-list-logo image { | 711 | .uni-media-list-logo image { |
| 575 | height: 100%; | 712 | height: 100%; |
| 576 | width: 100%; | 713 | width: 100%; |
| 577 | } | 714 | } |
| 715 | + | ||
| 578 | .uni-media-list-body { | 716 | .uni-media-list-body { |
| 579 | height: 84rpx; | 717 | height: 84rpx; |
| 580 | display: flex; | 718 | display: flex; |
| @@ -584,11 +722,13 @@ radio-group label, checkbox-group label{ | @@ -584,11 +722,13 @@ radio-group label, checkbox-group label{ | ||
| 584 | align-items: flex-start; | 722 | align-items: flex-start; |
| 585 | overflow: hidden; | 723 | overflow: hidden; |
| 586 | } | 724 | } |
| 725 | + | ||
| 587 | .uni-media-list-text-top { | 726 | .uni-media-list-text-top { |
| 588 | width: 100%; | 727 | width: 100%; |
| 589 | line-height: 36rpx; | 728 | line-height: 36rpx; |
| 590 | font-size: 30rpx; | 729 | font-size: 30rpx; |
| 591 | } | 730 | } |
| 731 | + | ||
| 592 | .uni-media-list-text-bottom { | 732 | .uni-media-list-text-bottom { |
| 593 | width: 100%; | 733 | width: 100%; |
| 594 | line-height: 30rpx; | 734 | line-height: 30rpx; |
| @@ -605,6 +745,7 @@ radio-group label, checkbox-group label{ | @@ -605,6 +745,7 @@ radio-group label, checkbox-group label{ | ||
| 605 | flex-wrap: wrap; | 745 | flex-wrap: wrap; |
| 606 | border-top: 2rpx solid #eee; | 746 | border-top: 2rpx solid #eee; |
| 607 | } | 747 | } |
| 748 | + | ||
| 608 | .uni-grid-9-item { | 749 | .uni-grid-9-item { |
| 609 | width: 250rpx; | 750 | width: 250rpx; |
| 610 | height: 200rpx; | 751 | height: 200rpx; |
| @@ -617,13 +758,16 @@ radio-group label, checkbox-group label{ | @@ -617,13 +758,16 @@ radio-group label, checkbox-group label{ | ||
| 617 | border-color: #eee; | 758 | border-color: #eee; |
| 618 | box-sizing: border-box; | 759 | box-sizing: border-box; |
| 619 | } | 760 | } |
| 761 | + | ||
| 620 | .no-border-right { | 762 | .no-border-right { |
| 621 | border-right: none; | 763 | border-right: none; |
| 622 | } | 764 | } |
| 765 | + | ||
| 623 | .uni-grid-9-image { | 766 | .uni-grid-9-image { |
| 624 | width: 100rpx; | 767 | width: 100rpx; |
| 625 | height: 100rpx; | 768 | height: 100rpx; |
| 626 | } | 769 | } |
| 770 | + | ||
| 627 | .uni-grid-9-text { | 771 | .uni-grid-9-text { |
| 628 | width: 250rpx; | 772 | width: 250rpx; |
| 629 | line-height: 4rpx; | 773 | line-height: 4rpx; |
| @@ -631,6 +775,7 @@ radio-group label, checkbox-group label{ | @@ -631,6 +775,7 @@ radio-group label, checkbox-group label{ | ||
| 631 | text-align: center; | 775 | text-align: center; |
| 632 | font-size: 30rpx; | 776 | font-size: 30rpx; |
| 633 | } | 777 | } |
| 778 | + | ||
| 634 | .uni-grid-9-item-hover { | 779 | .uni-grid-9-item-hover { |
| 635 | background: rgba(0, 0, 0, 0.1); | 780 | background: rgba(0, 0, 0, 0.1); |
| 636 | } | 781 | } |
| @@ -640,39 +785,47 @@ radio-group label, checkbox-group label{ | @@ -640,39 +785,47 @@ radio-group label, checkbox-group label{ | ||
| 640 | flex: 1; | 785 | flex: 1; |
| 641 | flex-direction: column; | 786 | flex-direction: column; |
| 642 | } | 787 | } |
| 788 | + | ||
| 643 | .uni-uploader-head { | 789 | .uni-uploader-head { |
| 644 | display: flex; | 790 | display: flex; |
| 645 | flex-direction: row; | 791 | flex-direction: row; |
| 646 | justify-content: space-between; | 792 | justify-content: space-between; |
| 647 | } | 793 | } |
| 794 | + | ||
| 648 | .uni-uploader-info { | 795 | .uni-uploader-info { |
| 649 | color: #B2B2B2; | 796 | color: #B2B2B2; |
| 650 | } | 797 | } |
| 798 | + | ||
| 651 | .uni-uploader-body { | 799 | .uni-uploader-body { |
| 652 | margin-top: 16rpx; | 800 | margin-top: 16rpx; |
| 653 | } | 801 | } |
| 802 | + | ||
| 654 | .uni-uploader__files { | 803 | .uni-uploader__files { |
| 655 | display: flex; | 804 | display: flex; |
| 656 | flex-direction: row; | 805 | flex-direction: row; |
| 657 | flex-wrap: wrap; | 806 | flex-wrap: wrap; |
| 658 | } | 807 | } |
| 808 | + | ||
| 659 | .uni-uploader__file { | 809 | .uni-uploader__file { |
| 660 | margin: 10rpx; | 810 | margin: 10rpx; |
| 661 | width: 210rpx; | 811 | width: 210rpx; |
| 662 | height: 210rpx; | 812 | height: 210rpx; |
| 663 | } | 813 | } |
| 814 | + | ||
| 664 | .uni-uploader__img { | 815 | .uni-uploader__img { |
| 665 | display: block; | 816 | display: block; |
| 666 | width: 210rpx; | 817 | width: 210rpx; |
| 667 | height: 210rpx; | 818 | height: 210rpx; |
| 668 | } | 819 | } |
| 820 | + | ||
| 669 | .uni-uploader__input-box { | 821 | .uni-uploader__input-box { |
| 670 | position: relative; | 822 | position: relative; |
| 671 | - margin:10rpx; | 823 | + margin: 10rpx; |
| 672 | width: 208rpx; | 824 | width: 208rpx; |
| 673 | height: 208rpx; | 825 | height: 208rpx; |
| 674 | border: 2rpx solid #D9D9D9; | 826 | border: 2rpx solid #D9D9D9; |
| 675 | } | 827 | } |
| 828 | + | ||
| 676 | .uni-uploader__input-box:before, | 829 | .uni-uploader__input-box:before, |
| 677 | .uni-uploader__input-box:after { | 830 | .uni-uploader__input-box:after { |
| 678 | content: " "; | 831 | content: " "; |
| @@ -683,21 +836,26 @@ radio-group label, checkbox-group label{ | @@ -683,21 +836,26 @@ radio-group label, checkbox-group label{ | ||
| 683 | transform: translate(-50%, -50%); | 836 | transform: translate(-50%, -50%); |
| 684 | background-color: #D9D9D9; | 837 | background-color: #D9D9D9; |
| 685 | } | 838 | } |
| 839 | + | ||
| 686 | .uni-uploader__input-box:before { | 840 | .uni-uploader__input-box:before { |
| 687 | width: 4rpx; | 841 | width: 4rpx; |
| 688 | height: 79rpx; | 842 | height: 79rpx; |
| 689 | } | 843 | } |
| 844 | + | ||
| 690 | .uni-uploader__input-box:after { | 845 | .uni-uploader__input-box:after { |
| 691 | width: 79rpx; | 846 | width: 79rpx; |
| 692 | height: 4rpx; | 847 | height: 4rpx; |
| 693 | } | 848 | } |
| 849 | + | ||
| 694 | .uni-uploader__input-box:active { | 850 | .uni-uploader__input-box:active { |
| 695 | border-color: #999999; | 851 | border-color: #999999; |
| 696 | } | 852 | } |
| 853 | + | ||
| 697 | .uni-uploader__input-box:active:before, | 854 | .uni-uploader__input-box:active:before, |
| 698 | .uni-uploader__input-box:active:after { | 855 | .uni-uploader__input-box:active:after { |
| 699 | background-color: #999999; | 856 | background-color: #999999; |
| 700 | } | 857 | } |
| 858 | + | ||
| 701 | .uni-uploader__input { | 859 | .uni-uploader__input { |
| 702 | position: absolute; | 860 | position: absolute; |
| 703 | z-index: 1; | 861 | z-index: 1; |
| @@ -718,14 +876,17 @@ radio-group label, checkbox-group label{ | @@ -718,14 +876,17 @@ radio-group label, checkbox-group label{ | ||
| 718 | color: #8f8f94; | 876 | color: #8f8f94; |
| 719 | font-size: 28rpx; | 877 | font-size: 28rpx; |
| 720 | } | 878 | } |
| 879 | + | ||
| 721 | .feedback-star-view.feedback-title { | 880 | .feedback-star-view.feedback-title { |
| 722 | justify-content: flex-start; | 881 | justify-content: flex-start; |
| 723 | margin: 0; | 882 | margin: 0; |
| 724 | } | 883 | } |
| 884 | + | ||
| 725 | .feedback-quick { | 885 | .feedback-quick { |
| 726 | position: relative; | 886 | position: relative; |
| 727 | padding-right: 40rpx; | 887 | padding-right: 40rpx; |
| 728 | } | 888 | } |
| 889 | + | ||
| 729 | .feedback-quick:after { | 890 | .feedback-quick:after { |
| 730 | font-family: uniicons; | 891 | font-family: uniicons; |
| 731 | font-size: 40rpx; | 892 | font-size: 40rpx; |
| @@ -737,9 +898,11 @@ radio-group label, checkbox-group label{ | @@ -737,9 +898,11 @@ radio-group label, checkbox-group label{ | ||
| 737 | -webkit-transform: translateY(-50%); | 898 | -webkit-transform: translateY(-50%); |
| 738 | transform: translateY(-50%); | 899 | transform: translateY(-50%); |
| 739 | } | 900 | } |
| 901 | + | ||
| 740 | .feedback-body { | 902 | .feedback-body { |
| 741 | background: #fff; | 903 | background: #fff; |
| 742 | } | 904 | } |
| 905 | + | ||
| 743 | .feedback-textare { | 906 | .feedback-textare { |
| 744 | height: 200rpx; | 907 | height: 200rpx; |
| 745 | font-size: 34rpx; | 908 | font-size: 34rpx; |
| @@ -748,6 +911,7 @@ radio-group label, checkbox-group label{ | @@ -748,6 +911,7 @@ radio-group label, checkbox-group label{ | ||
| 748 | box-sizing: border-box; | 911 | box-sizing: border-box; |
| 749 | padding: 20rpx 30rpx 0; | 912 | padding: 20rpx 30rpx 0; |
| 750 | } | 913 | } |
| 914 | + | ||
| 751 | .feedback-input { | 915 | .feedback-input { |
| 752 | font-size: 34rpx; | 916 | font-size: 34rpx; |
| 753 | height: 50rpx; | 917 | height: 50rpx; |
| @@ -755,26 +919,33 @@ radio-group label, checkbox-group label{ | @@ -755,26 +919,33 @@ radio-group label, checkbox-group label{ | ||
| 755 | padding: 15rpx 20rpx; | 919 | padding: 15rpx 20rpx; |
| 756 | line-height: 50rpx; | 920 | line-height: 50rpx; |
| 757 | } | 921 | } |
| 922 | + | ||
| 758 | .feedback-uploader { | 923 | .feedback-uploader { |
| 759 | padding: 22rpx 20rpx; | 924 | padding: 22rpx 20rpx; |
| 760 | } | 925 | } |
| 926 | + | ||
| 761 | .feedback-star { | 927 | .feedback-star { |
| 762 | font-family: uniicons; | 928 | font-family: uniicons; |
| 763 | font-size: 40rpx; | 929 | font-size: 40rpx; |
| 764 | margin-left: 6rpx; | 930 | margin-left: 6rpx; |
| 765 | } | 931 | } |
| 932 | + | ||
| 766 | .feedback-star-view { | 933 | .feedback-star-view { |
| 767 | margin-left: 20rpx; | 934 | margin-left: 20rpx; |
| 768 | } | 935 | } |
| 936 | + | ||
| 769 | .feedback-star:after { | 937 | .feedback-star:after { |
| 770 | content: '\e408'; | 938 | content: '\e408'; |
| 771 | } | 939 | } |
| 940 | + | ||
| 772 | .feedback-star.active { | 941 | .feedback-star.active { |
| 773 | color: #FFB400; | 942 | color: #FFB400; |
| 774 | } | 943 | } |
| 944 | + | ||
| 775 | .feedback-star.active:after { | 945 | .feedback-star.active:after { |
| 776 | content: '\e438'; | 946 | content: '\e438'; |
| 777 | } | 947 | } |
| 948 | + | ||
| 778 | .feedback-submit { | 949 | .feedback-submit { |
| 779 | background: #007AFF; | 950 | background: #007AFF; |
| 780 | color: #FFFFFF; | 951 | color: #FFFFFF; |
| @@ -815,7 +986,7 @@ radio-group label, checkbox-group label{ | @@ -815,7 +986,7 @@ radio-group label, checkbox-group label{ | ||
| 815 | position: relative; | 986 | position: relative; |
| 816 | display: flex; | 987 | display: flex; |
| 817 | flex-direction: row; | 988 | flex-direction: row; |
| 818 | - font-size:28rpx; | 989 | + font-size: 28rpx; |
| 819 | padding: 22rpx 30rpx; | 990 | padding: 22rpx 30rpx; |
| 820 | justify-content: space-between; | 991 | justify-content: space-between; |
| 821 | } | 992 | } |
| @@ -836,16 +1007,17 @@ radio-group label, checkbox-group label{ | @@ -836,16 +1007,17 @@ radio-group label, checkbox-group label{ | ||
| 836 | } | 1007 | } |
| 837 | 1008 | ||
| 838 | /* textarea */ | 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 | /* tab bar */ | 1023 | /* tab bar */ |
| @@ -888,175 +1060,256 @@ radio-group label, checkbox-group label{ | @@ -888,175 +1060,256 @@ radio-group label, checkbox-group label{ | ||
| 888 | height: calc(100% - 100rpx); | 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 | /* comment */ | 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 | /* swiper msg */ | 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 | /* product */ | 1168 | /* product */ |
| 916 | .uni-product-list { | 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 | .uni-product { | 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 | .image-view { | 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 | .uni-product-image { | 1188 | .uni-product-image { |
| 936 | - height: 330rpx; | ||
| 937 | - width: 330rpx; | 1189 | + height: 330rpx; |
| 1190 | + width: 330rpx; | ||
| 938 | } | 1191 | } |
| 939 | 1192 | ||
| 940 | .uni-product-title { | 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 | .uni-product-price { | 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 | .uni-product-price-original { | 1211 | .uni-product-price-original { |
| 959 | - color: #e80080; | 1212 | + color: #e80080; |
| 960 | } | 1213 | } |
| 961 | 1214 | ||
| 962 | .uni-product-price-favour { | 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 | .uni-product-tip { | 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 | /* timeline */ | 1230 | /* timeline */ |
| 978 | .uni-timeline { | 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 | /* uni-icon */ | 1315 | /* uni-icon */ |
| @@ -1433,80 +1686,166 @@ radio-group label, checkbox-group label{ | @@ -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 | color: #007AFF !important; | 1718 | color: #007AFF !important; |
| 1464 | } | 1719 | } |
| 1465 | 1720 | ||
| 1466 | .uni-right { | 1721 | .uni-right { |
| 1467 | - text-align: right; | 1722 | + text-align: right; |
| 1468 | } | 1723 | } |
| 1469 | 1724 | ||
| 1470 | .border-bg { | 1725 | .border-bg { |
| 1471 | - height: 10px; | ||
| 1472 | - background: #FAFAFA; | 1726 | + height: 10px; |
| 1727 | + background: #FAFAFA; | ||
| 1473 | } | 1728 | } |
| 1474 | 1729 | ||
| 1475 | .yellow-bg { | 1730 | .yellow-bg { |
| 1476 | - background: #f0ad4e; | 1731 | + background: #f0ad4e; |
| 1477 | } | 1732 | } |
| 1478 | 1733 | ||
| 1479 | .color-green { | 1734 | .color-green { |
| 1480 | - color: green; | 1735 | + color: green; |
| 1481 | } | 1736 | } |
| 1482 | 1737 | ||
| 1483 | .color-blue { | 1738 | .color-blue { |
| 1484 | - color: #0A98D5; | 1739 | + color: #0A98D5; |
| 1485 | } | 1740 | } |
| 1486 | 1741 | ||
| 1487 | .color-red { | 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 | .display-none { | 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 | .recordCon { | 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 | \ No newline at end of file | 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 | "leftWindow": { | 2 | "leftWindow": { |
| 167 | "path": "windows/left-window.vue", | 3 | "path": "windows/left-window.vue", |
| 168 | "style": { | 4 | "style": { |
| @@ -178,6 +14,19 @@ | @@ -178,6 +14,19 @@ | ||
| 178 | "pages": [ | 14 | "pages": [ |
| 179 | // pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages | 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 | "path": "pages/businessCard/buyCard", | 30 | "path": "pages/businessCard/buyCard", |
| 182 | "style": { | 31 | "style": { |
| 183 | "navigationBarTitleText": "商户卡券购买" | 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,12 +11,21 @@ | ||
| 11 | </uni-card> | 11 | </uni-card> |
| 12 | </uni-section> | 12 | </uni-section> |
| 13 | 13 | ||
| 14 | - <view class=" uni-card"> | 14 | + <view class=" uni-card" style="padding: 10px 0"> |
| 15 | <view style="width: 80%;height: 100px;border: 1px solid #ccc;margin: 0 auto"> | 15 | <view style="width: 80%;height: 100px;border: 1px solid #ccc;margin: 0 auto"> |
| 16 | 16 | ||
| 17 | </view> | 17 | </view> |
| 18 | </view> | 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 | </view> | 31 | </view> |
| @@ -204,4 +213,7 @@ export default { | @@ -204,4 +213,7 @@ export default { | ||
| 204 | .no-border { | 213 | .no-border { |
| 205 | border-width: 0; | 214 | border-width: 0; |
| 206 | } | 215 | } |
| 216 | + .tip-wrap /deep/ .uni-noticebar{ | ||
| 217 | + margin-bottom: 0; | ||
| 218 | + } | ||
| 207 | </style> | 219 | </style> |