From 36884ffd9e80563cb0ecbbd7425a78db1c774a8e Mon Sep 17 00:00:00 2001 From: liugongyu <290219706@qq.com> Date: Thu, 12 May 2022 09:38:37 +0800 Subject: [PATCH] 打印 --- common/uni.css | 899 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- pages.json | 177 +++++++++++++-------------------------------------------------------------------------------------------------------------------------------------------------------------------- pages/businessCard/printCard.vue | 213 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ pages/businessCard/provideCard.vue | 14 +++++++++++++- 4 files changed, 858 insertions(+), 445 deletions(-) create mode 100644 pages/businessCard/printCard.vue diff --git a/common/uni.css b/common/uni.css index 57e52fa..0db444b 100644 --- a/common/uni.css +++ b/common/uni.css @@ -9,9 +9,11 @@ .fix-left-window { padding-left: var(--window-left); } + .pc-hide { display: none !important; } + /* #endif */ /*通用 */ @@ -20,56 +22,71 @@ font-size:28rpx; line-height:1.8; } */ -progress, checkbox-group{ +progress, +checkbox-group { width: 100%; } + form { width: 100%; } .uni-con-width{ width: 100%; } + .uni-flex { display: flex; flex-direction: row; } + .uni-flex-item { flex: 1; } + .uni-row { flex-direction: row; } + .uni-column { flex-direction: column; } .uni-space-between{ justify-content: space-between; } -.uni-link{ - color:#576B95; - font-size:26rpx; +.uni-link { + color: #576B95; + font-size: 26rpx; +} +.uni-link { + color: #576B95; + font-size: 26rpx; } -.uni-center{ - text-align:center; + +.uni-center { + text-align: center; } -.uni-inline-item{ + +.uni-inline-item { display: flex; flex-direction: row; - align-items:center; + align-items: center; } -.uni-inline-item text{ + +.uni-inline-item text { margin-right: 20rpx; } -.uni-inline-item text:last-child{ + +.uni-inline-item text:last-child { margin-right: 0rpx; margin-left: 20rpx; } /* page */ -.common-page-head{ - padding:35rpx; +.common-page-head { + padding: 35rpx; text-align: center; } + .common-page-head-title { display: inline-block; padding: 0 40rpx; @@ -81,122 +98,181 @@ form { border-bottom: 2rpx solid #D8D8D8; } -.uni-padding-wrap{ +.uni-padding-wrap { /* width:690rpx; */ - padding:0 30rpx; + padding: 0 30rpx; } + .uni-word { text-align: center; - padding:200rpx 100rpx; + padding: 200rpx 100rpx; } + .uni-title { - font-size:30rpx; - font-weight:500; - padding:20rpx 0; - line-height:1.5; + font-size: 30rpx; + font-weight: 500; + padding: 20rpx 0; + line-height: 1.5; } -.uni-text{ - font-size:28rpx; + +.uni-text { + font-size: 28rpx; } -.uni-title text{ - font-size:24rpx; - color:#888; + +.uni-title text { + font-size: 24rpx; + color: #888; } -.uni-text-gray{ +.uni-text-gray { color: #ccc; } + .uni-text-small { - font-size:24rpx; + font-size: 24rpx; } -.uni-common-mb{ - margin-bottom:30rpx; + +.uni-common-mb { + margin-bottom: 30rpx; } -.uni-common-pb{ - padding-bottom:30rpx; + +.uni-common-pb { + padding-bottom: 30rpx; } -.uni-common-pl{ - padding-left:30rpx; + +.uni-common-pl { + padding-left: 30rpx; } -.uni-common-mt{ - margin-top:30rpx; + +.uni-common-mt { + margin-top: 30rpx; } + /* 背景色 */ -.uni-bg-red{ - background:#F76260; color:#FFF; +.uni-bg-red { + background: #F76260; + color: #FFF; } -.uni-bg-green{ - background:#09BB07; color:#FFF; + +.uni-bg-green { + background: #09BB07; + color: #FFF; } -.uni-bg-blue{ - background:#007AFF; color:#FFF; + +.uni-bg-blue { + background: #007AFF; + color: #FFF; } + /* 标题 */ -.uni-h1 {font-size: 80rpx; font-weight:700;} -.uni-h2 {font-size: 60rpx; font-weight:700;} -.uni-h3 {font-size: 48rpx; font-weight:700;} -.uni-h4 {font-size: 36rpx; font-weight:700;} -.uni-h5 {font-size: 28rpx; color: #8f8f94;} -.uni-h6 {font-size: 24rpx; color: #8f8f94;} -.uni-bold{font-weight:bold;} +.uni-h1 { + font-size: 80rpx; + font-weight: 700; +} + +.uni-h2 { + font-size: 60rpx; + font-weight: 700; +} + +.uni-h3 { + font-size: 48rpx; + font-weight: 700; +} + +.uni-h4 { + font-size: 36rpx; + font-weight: 700; +} + +.uni-h5 { + font-size: 28rpx; + color: #8f8f94; +} + +.uni-h6 { + font-size: 24rpx; + color: #8f8f94; +} + +.uni-bold { + font-weight: bold; +} /* 文本溢出隐藏 */ -.uni-ellipsis {overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} +.uni-ellipsis { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} /* 竖向百分百按钮 */ -.uni-btn-v{ - padding:10rpx 0; +.uni-btn-v { + padding: 10rpx 0; +} + +.uni-btn-v button { + margin: 20rpx 0; } -.uni-btn-v button{margin:20rpx 0;} /* 表单 */ -.uni-form-item{ - display:flex; - width:100%; - padding:10rpx 0; +.uni-form-item { + display: flex; + width: 100%; + padding: 10rpx 0; } -.uni-form-item .title{ - padding:10rpx 25rpx; + +.uni-form-item .title { + padding: 10rpx 25rpx; } + .uni-label { width: 210rpx; word-wrap: break-word; word-break: break-all; - text-indent:20rpx; + text-indent: 20rpx; } + .uni-input { height: 50rpx; padding: 15rpx 25rpx; - line-height:50rpx; - font-size:28rpx; - background:#FFF; + line-height: 50rpx; + font-size: 28rpx; + background: #FFF; flex: 1; } -radio-group, checkbox-group{ - width:100%; + +radio-group, +checkbox-group { + width: 100%; } -radio-group label, checkbox-group label{ - padding-right:20rpx; + +radio-group label, +checkbox-group label { + padding-right: 20rpx; } -.uni-form-item .with-fun{ - display:flex; - flex-wrap:nowrap; - background:#FFFFFF; + +.uni-form-item .with-fun { + display: flex; + flex-wrap: nowrap; + background: #FFFFFF; } -.uni-form-item .with-fun .uni-icon{ - width:40px; - height:80rpx; - line-height:80rpx; - flex-shrink:0; + +.uni-form-item .with-fun .uni-icon { + width: 40px; + height: 80rpx; + line-height: 80rpx; + flex-shrink: 0; } /* loadmore */ -.uni-loadmore{ - height:80rpx; - line-height:80rpx; - text-align:center; - padding-bottom:30rpx; +.uni-loadmore { + height: 80rpx; + line-height: 80rpx; + text-align: center; + padding-bottom: 30rpx; } + /*数字角标*/ /* .uni-badge, .uni-badge-default { @@ -214,50 +290,60 @@ radio-group label, checkbox-group label{ color: #929292; background-color: transparent } + .uni-badge-primary { color: #fff; background-color: #007aff } + .uni-badge-blue.uni-badge-inverted, .uni-badge-primary.uni-badge-inverted { color: #007aff; background-color: transparent } + .uni-badge-green, .uni-badge-success { color: #fff; background-color: #4cd964; } + .uni-badge-green.uni-badge-inverted, .uni-badge-success.uni-badge-inverted { color: #4cd964; background-color: transparent } + .uni-badge-warning, .uni-badge-yellow { color: #fff; background-color: #f0ad4e } + .uni-badge-warning.uni-badge-inverted, .uni-badge-yellow.uni-badge-inverted { color: #f0ad4e; background-color: transparent } + .uni-badge-danger, .uni-badge-red { color: #fff; background-color: #dd524d } + .uni-badge-danger.uni-badge-inverted, .uni-badge-red.uni-badge-inverted { color: #dd524d; background-color: transparent } + .uni-badge-purple, .uni-badge-royal { color: #fff; background-color: #8a6de9 } + .uni-badge-purple.uni-badge-inverted, .uni-badge-royal.uni-badge-inverted { color: #8a6de9; @@ -270,6 +356,7 @@ radio-group label, checkbox-group label{ width: 100%; overflow: hidden; } + .uni-collapse-content.uni-active { height: auto; } @@ -278,21 +365,25 @@ radio-group label, checkbox-group label{ .uni-card { background: #fff; border-radius: 8rpx; - margin:20rpx 0; + margin: 20rpx 0; position: relative; /* box-shadow: 0 2rpx 4rpx rgba(0, 0, 0, .3); */ } + .uni-card-content { font-size: 30rpx; } -.uni-card-content.image-view{ - width: 100%; - margin: 0; + +.uni-card-content.image-view { + width: 100%; + margin: 0; } + .uni-card-content-inner { position: relative; padding: 30rpx; } + .uni-card-footer, .uni-card-header { position: relative; @@ -302,12 +393,15 @@ radio-group label, checkbox-group label{ justify-content: space-between; align-items: center; } + .uni-card-header { font-size: 36rpx; } + .uni-card-footer { color: #6d6d72; } + .uni-card-footer:before, .uni-card-header:after { position: absolute; @@ -320,18 +414,22 @@ radio-group label, checkbox-group label{ transform: scaleY(.5); background-color: #c8c7cc; } + .uni-card-header:after { top: auto; bottom: 0; } + .uni-card-media { justify-content: flex-start; } + .uni-card-media-logo { height: 84rpx; width: 84rpx; margin-right: 20rpx; } + .uni-card-media-body { height: 84rpx; display: flex; @@ -339,15 +437,18 @@ radio-group label, checkbox-group label{ justify-content: space-between; align-items: flex-start; } + .uni-card-media-text-top { line-height: 36rpx; font-size: 34rpx; } + .uni-card-media-text-bottom { line-height: 30rpx; font-size: 28rpx; color: #8f8f94; } + .uni-card-link { color: #007AFF; } @@ -360,6 +461,7 @@ radio-group label, checkbox-group label{ display: flex; flex-direction: column; } + .uni-list:after { position: absolute; z-index: 10; @@ -372,6 +474,7 @@ radio-group label, checkbox-group label{ transform: scaleY(.5); background-color: #c8c7cc; } + /* .uni-list::before { position: absolute; z-index: 10; @@ -391,21 +494,26 @@ radio-group label, checkbox-group label{ justify-content: space-between; align-items: center; } + .uni-list-cell-hover { background-color: #eee; } + .uni-list-cell-pd { padding: 22rpx 30rpx; } + .uni-list-cell-left { - white-space: nowrap; - font-size:28rpx; + white-space: nowrap; + font-size: 28rpx; padding: 0 30rpx; } + .uni-list-cell-db, .uni-list-cell-right { flex: 1; } + .uni-list-cell::after { position: absolute; z-index: 3; @@ -418,19 +526,23 @@ radio-group label, checkbox-group label{ transform: scaleY(.5); background-color: #c8c7cc; } + .uni-list .uni-list-cell:last-child::after { height: 0rpx; } + .uni-list-cell-last.uni-list-cell::after { height: 0rpx; } + .uni-list-cell-divider { position: relative; display: flex; color: #999; background-color: #f7f7f7; - padding:15rpx 20rpx; + padding: 15rpx 20rpx; } + .uni-list-cell-divider::before { position: absolute; right: 0; @@ -453,8 +565,9 @@ radio-group label, checkbox-group label{ transform: scaleY(.5); background-color: #c8c7cc; } + .uni-list-cell-navigate { - font-size:30rpx; + font-size: 30rpx; padding: 22rpx 30rpx; line-height: 48rpx; position: relative; @@ -465,12 +578,15 @@ radio-group label, checkbox-group label{ justify-content: space-between; align-items: center; } + .uni-list-cell-navigate { padding-right: 36rpx; } + .uni-navigate-badge { padding-right: 50rpx; } + .uni-list-cell-navigate.uni-navigate-right:after { font-family: uniicons; content: '\e583'; @@ -481,6 +597,7 @@ radio-group label, checkbox-group label{ -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .uni-list-cell-navigate.uni-navigate-bottom:after { font-family: uniicons; content: '\e581'; @@ -491,6 +608,7 @@ radio-group label, checkbox-group label{ -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .uni-list-cell-navigate.uni-navigate-bottom.uni-active::after { font-family: uniicons; content: '\e580'; @@ -501,23 +619,29 @@ radio-group label, checkbox-group label{ -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .uni-collapse.uni-list-cell { flex-direction: column; } + .uni-list-cell-navigate.uni-active { background: #eee; } + .uni-list.uni-collapse { box-sizing: border-box; height: 0; overflow: hidden; } + .uni-collapse .uni-list-cell { padding-left: 20rpx; } + .uni-collapse .uni-list-cell::after { left: 52rpx; } + .uni-list.uni-active { height: auto; } @@ -531,18 +655,26 @@ radio-group label, checkbox-group label{ flex-direction: row; padding: 22rpx 30rpx; } + .uni-triplex-right, .uni-triplex-left { display: flex; flex-direction: column; } + .uni-triplex-left { width: 84%; } -.uni-triplex-left .uni-title{ - padding:8rpx 0; + +.uni-triplex-left .uni-title { + padding: 8rpx 0; } -.uni-triplex-left .uni-text, .uni-triplex-left .uni-text-small{color:#999999;} + +.uni-triplex-left .uni-text, +.uni-triplex-left .uni-text-small { + color: #999999; +} + .uni-triplex-right { width: 16%; text-align: right; @@ -556,25 +688,31 @@ radio-group label, checkbox-group label{ width: 100%; flex-direction: row; } + .uni-navigate-right.uni-media-list { padding-right: 74rpx; } + .uni-pull-right { flex-direction: row-reverse; } + .uni-pull-right>.uni-media-list-logo { margin-right: 0rpx; margin-left: 20rpx; } + .uni-media-list-logo { height: 84rpx; width: 84rpx; margin-right: 20rpx; } + .uni-media-list-logo image { height: 100%; width: 100%; } + .uni-media-list-body { height: 84rpx; display: flex; @@ -584,11 +722,13 @@ radio-group label, checkbox-group label{ align-items: flex-start; overflow: hidden; } + .uni-media-list-text-top { width: 100%; line-height: 36rpx; font-size: 30rpx; } + .uni-media-list-text-bottom { width: 100%; line-height: 30rpx; @@ -605,6 +745,7 @@ radio-group label, checkbox-group label{ flex-wrap: wrap; border-top: 2rpx solid #eee; } + .uni-grid-9-item { width: 250rpx; height: 200rpx; @@ -617,13 +758,16 @@ radio-group label, checkbox-group label{ border-color: #eee; box-sizing: border-box; } + .no-border-right { border-right: none; } + .uni-grid-9-image { width: 100rpx; height: 100rpx; } + .uni-grid-9-text { width: 250rpx; line-height: 4rpx; @@ -631,6 +775,7 @@ radio-group label, checkbox-group label{ text-align: center; font-size: 30rpx; } + .uni-grid-9-item-hover { background: rgba(0, 0, 0, 0.1); } @@ -640,39 +785,47 @@ radio-group label, checkbox-group label{ flex: 1; flex-direction: column; } + .uni-uploader-head { display: flex; flex-direction: row; justify-content: space-between; } + .uni-uploader-info { color: #B2B2B2; } + .uni-uploader-body { margin-top: 16rpx; } + .uni-uploader__files { display: flex; flex-direction: row; flex-wrap: wrap; } + .uni-uploader__file { margin: 10rpx; width: 210rpx; height: 210rpx; } + .uni-uploader__img { display: block; width: 210rpx; height: 210rpx; } + .uni-uploader__input-box { position: relative; - margin:10rpx; + margin: 10rpx; width: 208rpx; height: 208rpx; border: 2rpx solid #D9D9D9; } + .uni-uploader__input-box:before, .uni-uploader__input-box:after { content: " "; @@ -683,21 +836,26 @@ radio-group label, checkbox-group label{ transform: translate(-50%, -50%); background-color: #D9D9D9; } + .uni-uploader__input-box:before { width: 4rpx; height: 79rpx; } + .uni-uploader__input-box:after { width: 79rpx; height: 4rpx; } + .uni-uploader__input-box:active { border-color: #999999; } + .uni-uploader__input-box:active:before, .uni-uploader__input-box:active:after { background-color: #999999; } + .uni-uploader__input { position: absolute; z-index: 1; @@ -718,14 +876,17 @@ radio-group label, checkbox-group label{ color: #8f8f94; font-size: 28rpx; } + .feedback-star-view.feedback-title { justify-content: flex-start; margin: 0; } + .feedback-quick { position: relative; padding-right: 40rpx; } + .feedback-quick:after { font-family: uniicons; font-size: 40rpx; @@ -737,9 +898,11 @@ radio-group label, checkbox-group label{ -webkit-transform: translateY(-50%); transform: translateY(-50%); } + .feedback-body { background: #fff; } + .feedback-textare { height: 200rpx; font-size: 34rpx; @@ -748,6 +911,7 @@ radio-group label, checkbox-group label{ box-sizing: border-box; padding: 20rpx 30rpx 0; } + .feedback-input { font-size: 34rpx; height: 50rpx; @@ -755,26 +919,33 @@ radio-group label, checkbox-group label{ padding: 15rpx 20rpx; line-height: 50rpx; } + .feedback-uploader { padding: 22rpx 20rpx; } + .feedback-star { font-family: uniicons; font-size: 40rpx; margin-left: 6rpx; } + .feedback-star-view { margin-left: 20rpx; } + .feedback-star:after { content: '\e408'; } + .feedback-star.active { color: #FFB400; } + .feedback-star.active:after { content: '\e438'; } + .feedback-submit { background: #007AFF; color: #FFFFFF; @@ -815,7 +986,7 @@ radio-group label, checkbox-group label{ position: relative; display: flex; flex-direction: row; - font-size:28rpx; + font-size: 28rpx; padding: 22rpx 30rpx; justify-content: space-between; } @@ -836,16 +1007,17 @@ radio-group label, checkbox-group label{ } /* textarea */ -.uni-textarea{ - width:100%; - background:#FFF; -} -.uni-textarea textarea{ - width:96%; - padding:18rpx 2%; - line-height:1.6; - font-size:28rpx; - height:150rpx; +.uni-textarea { + width: 100%; + background: #FFF; +} + +.uni-textarea textarea { + width: 96%; + padding: 18rpx 2%; + line-height: 1.6; + font-size: 28rpx; + height: 150rpx; } /* tab bar */ @@ -888,175 +1060,256 @@ radio-group label, checkbox-group label{ height: calc(100% - 100rpx); } -.uni-tab-bar-loading{ - padding:20rpx 0; +.uni-tab-bar-loading { + padding: 20rpx 0; } /* comment */ -.uni-comment{padding:5rpx 0; display: flex; flex-grow:1; flex-direction: column;} -.uni-comment-list{flex-wrap:nowrap; padding:10rpx 0; margin:10rpx 0; width:100%; display: flex;} -.uni-comment-face{width:70rpx; height:70rpx; border-radius:100%; margin-right:20rpx; flex-shrink:0; overflow:hidden;} -.uni-comment-face image{width:100%; border-radius:100%;} -.uni-comment-body{width:100%;} -.uni-comment-top{line-height:1.5em; justify-content:space-between;} -.uni-comment-top text{color:#0A98D5; font-size:24rpx;} -.uni-comment-date{line-height:38rpx; flex-direction:row; justify-content:space-between; display:flex !important; flex-grow:1;} -.uni-comment-date view{color:#666666; font-size:24rpx; line-height:38rpx;} -.uni-comment-content{line-height:1.6em; font-size:28rpx; padding:8rpx 0;} -.uni-comment-replay-btn{background:#FFF; font-size:24rpx; line-height:28rpx; padding:5rpx 20rpx; border-radius:30rpx; color:#333 !important; margin:0 10rpx;} +.uni-comment { + padding: 5rpx 0; + display: flex; + flex-grow: 1; + flex-direction: column; +} + +.uni-comment-list { + flex-wrap: nowrap; + padding: 10rpx 0; + margin: 10rpx 0; + width: 100%; + display: flex; +} + +.uni-comment-face { + width: 70rpx; + height: 70rpx; + border-radius: 100%; + margin-right: 20rpx; + flex-shrink: 0; + overflow: hidden; +} + +.uni-comment-face image { + width: 100%; + border-radius: 100%; +} + +.uni-comment-body { + width: 100%; +} + +.uni-comment-top { + line-height: 1.5em; + justify-content: space-between; +} + +.uni-comment-top text { + color: #0A98D5; + font-size: 24rpx; +} + +.uni-comment-date { + line-height: 38rpx; + flex-direction: row; + justify-content: space-between; + display: flex !important; + flex-grow: 1; +} + +.uni-comment-date view { + color: #666666; + font-size: 24rpx; + line-height: 38rpx; +} + +.uni-comment-content { + line-height: 1.6em; + font-size: 28rpx; + padding: 8rpx 0; +} + +.uni-comment-replay-btn { + background: #FFF; + font-size: 24rpx; + line-height: 28rpx; + padding: 5rpx 20rpx; + border-radius: 30rpx; + color: #333 !important; + margin: 0 10rpx; +} /* swiper msg */ -.uni-swiper-msg{width:100%; padding:12rpx 0; flex-wrap:nowrap; display:flex;} -.uni-swiper-msg-icon{width:50rpx; margin-right:20rpx;} -.uni-swiper-msg-icon image{width:100%; flex-shrink:0;} -.uni-swiper-msg swiper{width:100%; height:50rpx;} -.uni-swiper-msg swiper-item{line-height:50rpx;} +.uni-swiper-msg { + width: 100%; + padding: 12rpx 0; + flex-wrap: nowrap; + display: flex; +} + +.uni-swiper-msg-icon { + width: 50rpx; + margin-right: 20rpx; +} + +.uni-swiper-msg-icon image { + width: 100%; + flex-shrink: 0; +} + +.uni-swiper-msg swiper { + width: 100%; + height: 50rpx; +} + +.uni-swiper-msg swiper-item { + line-height: 50rpx; +} /* product */ .uni-product-list { - display: flex; - width: 100%; - flex-wrap: wrap; - flex-direction: row; + display: flex; + width: 100%; + flex-wrap: wrap; + flex-direction: row; } .uni-product { - padding: 20rpx; - display: flex; - flex-direction: column; + padding: 20rpx; + display: flex; + flex-direction: column; } .image-view { - height: 330rpx; - width: 330rpx; - margin:12rpx 0; + height: 330rpx; + width: 330rpx; + margin: 12rpx 0; } .uni-product-image { - height: 330rpx; - width: 330rpx; + height: 330rpx; + width: 330rpx; } .uni-product-title { - width: 300rpx; - word-break: break-all; - display: -webkit-box; - overflow: hidden; - line-height:1.5; - text-overflow: ellipsis; - -webkit-box-orient: vertical; - -webkit-line-clamp: 2; + width: 300rpx; + word-break: break-all; + display: -webkit-box; + overflow: hidden; + line-height: 1.5; + text-overflow: ellipsis; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; } .uni-product-price { - margin-top:10rpx; - font-size: 28rpx; - line-height:1.5; - position: relative; + margin-top: 10rpx; + font-size: 28rpx; + line-height: 1.5; + position: relative; } .uni-product-price-original { - color: #e80080; + color: #e80080; } .uni-product-price-favour { - color: #888888; - text-decoration: line-through; - margin-left: 10rpx; + color: #888888; + text-decoration: line-through; + margin-left: 10rpx; } .uni-product-tip { - position: absolute; - right: 10rpx; - background-color: #ff3333; - color: #ffffff; - padding: 0 10rpx; - border-radius: 5rpx; + position: absolute; + right: 10rpx; + background-color: #ff3333; + color: #ffffff; + padding: 0 10rpx; + border-radius: 5rpx; } /* timeline */ .uni-timeline { - margin: 35rpx 0; - display: flex; - flex-direction: column; - position: relative; - } - - - .uni-timeline-item { - display: flex; - flex-direction: row; - position: relative; - padding-bottom: 20rpx; - box-sizing: border-box; - overflow: hidden; - - } - - .uni-timeline-item .uni-timeline-item-keynode { - width: 160rpx; - flex-shrink: 0; - box-sizing: border-box; - padding-right: 20rpx; - text-align: right; - line-height: 65rpx; - } - - .uni-timeline-item .uni-timeline-item-divider { - flex-shrink: 0; - position: relative; - width: 30rpx; - height: 30rpx; - top: 15rpx; - border-radius: 50%; - background-color: #bbb; - } - - - - .uni-timeline-item-divider::before, - .uni-timeline-item-divider::after { - position: absolute; - left: 15rpx; - width: 1rpx; - height: 100vh; - content: ''; - background: inherit; - } - - .uni-timeline-item-divider::before { - bottom: 100%; - } - - .uni-timeline-item-divider::after { - top: 100%; - } - - - .uni-timeline-last-item .uni-timeline-item-divider:after { - display: none; - } - - .uni-timeline-first-item .uni-timeline-item-divider:before { - display: none; - } - - .uni-timeline-item .uni-timeline-item-content { - padding-left: 20rpx; - } - - .uni-timeline-last-item .bottom-border::after{ - display: none; - } - - .uni-timeline-item-content .datetime{ - color: #CCCCCC; - } - - /* 自定义节点颜色 */ - .uni-timeline-last-item .uni-timeline-item-divider{ - background-color: #1AAD19; - } + margin: 35rpx 0; + display: flex; + flex-direction: column; + position: relative; +} + + +.uni-timeline-item { + display: flex; + flex-direction: row; + position: relative; + padding-bottom: 20rpx; + box-sizing: border-box; + overflow: hidden; + +} + +.uni-timeline-item .uni-timeline-item-keynode { + width: 160rpx; + flex-shrink: 0; + box-sizing: border-box; + padding-right: 20rpx; + text-align: right; + line-height: 65rpx; +} + +.uni-timeline-item .uni-timeline-item-divider { + flex-shrink: 0; + position: relative; + width: 30rpx; + height: 30rpx; + top: 15rpx; + border-radius: 50%; + background-color: #bbb; +} + + + +.uni-timeline-item-divider::before, +.uni-timeline-item-divider::after { + position: absolute; + left: 15rpx; + width: 1rpx; + height: 100vh; + content: ''; + background: inherit; +} + +.uni-timeline-item-divider::before { + bottom: 100%; +} + +.uni-timeline-item-divider::after { + top: 100%; +} + + +.uni-timeline-last-item .uni-timeline-item-divider:after { + display: none; +} + +.uni-timeline-first-item .uni-timeline-item-divider:before { + display: none; +} + +.uni-timeline-item .uni-timeline-item-content { + padding-left: 20rpx; +} + +.uni-timeline-last-item .bottom-border::after { + display: none; +} + +.uni-timeline-item-content .datetime { + color: #CCCCCC; +} + +/* 自定义节点颜色 */ +.uni-timeline-last-item .uni-timeline-item-divider { + background-color: #1AAD19; +} /* uni-icon */ @@ -1433,80 +1686,166 @@ radio-group label, checkbox-group label{ } /* 分界线 */ -.uni-divider{ - height: 110rpx; - display: flex; - align-items:center; - justify-content: center; - position: relative; -} -.uni-divider__content{ - font-size: 28rpx; - color: #999; - padding: 0 20rpx; - position: relative; - z-index: 101; - background: #F4F5F6; -} -.uni-divider__line{ - background-color: #CCCCCC; - height: 1px; - width: 100%; - position: absolute; - z-index: 100; - top: 50%; - left: 0; - transform: translateY(50%); -} - -.left-win-active text{ +.uni-divider { + height: 110rpx; + display: flex; + align-items: center; + justify-content: center; + position: relative; +} + +.uni-divider__content { + font-size: 28rpx; + color: #999; + padding: 0 20rpx; + position: relative; + z-index: 101; + background: #F4F5F6; +} + +.uni-divider__line { + background-color: #CCCCCC; + height: 1px; + width: 100%; + position: absolute; + z-index: 100; + top: 50%; + left: 0; + transform: translateY(50%); +} + +.left-win-active text { color: #007AFF !important; } .uni-right { - text-align: right; + text-align: right; } .border-bg { - height: 10px; - background: #FAFAFA; + height: 10px; + background: #FAFAFA; } .yellow-bg { - background: #f0ad4e; + background: #f0ad4e; } .color-green { - color: green; + color: green; } .color-blue { - color: #0A98D5; + color: #0A98D5; } .color-red { - color: #dd524d; + color: #dd524d; +} + +/* 自定义样式 */ +.margin-top-30 { + margin-top: 30px; +} + +.margin-left-13 { + margin-left: 13px; +} + +.margin-left-5 { + margin-left: 5px; +} + +.margin-bottom-5 { + margin-bottom: 5px; +} + +.paddinglr30 { + padding: 0 30px; +} + +.paddingl10 { + padding: 0 10rpx; +} + +.text-center { + text-align: center; +} + +.color-black { + color: black; +} + +.bg-white { + background: white; +} + +.border-bottom-1 { + border-bottom: 1px solid #e5e5e5; +} + +.border-bottom-5 { + border-bottom: 5px solid #efeff4; +} + +.pos-rel { + position: relative; +} + +.pos-abs { + position: absolute; +} + +.display-block { + display: block; } + .display-none { - display: none; + display: none; } -.float-left{ - float: left; +.float-left { + float: left; } -.float-right{ - float: right; +.float-right { + float: right; } .recordCon { - color: #999; - display: flex; - justify-content: space-between; + color: #999; + display: flex; + justify-content: space-between; +} + +.paddingTopBottom { + padding-top: 8px; + padding-bottom: 8px; +} + +.jy-fix-height34 { + height: 34px; + line-height: 34px; + +} + +.color-bbb { + color: #bbb; +} + +.is-required { + color: #dd524d; + font-weight: 700; +} + +.fontsize22 { + font-size: 22px; } -.paddingTopBottom{ - padding-top: 8px; - padding-bottom: 8px; +.fontweightBold { + font-weight: bold; } +.color-62c7ee { + background-color: #62c7ee !important; +} \ No newline at end of file diff --git a/pages.json b/pages.json index 81ce062..4e3ad1a 100644 --- a/pages.json +++ b/pages.json @@ -1,168 +1,4 @@ { - "leftWindow": { - "path": "windows/left-window.vue", - "style": { - "width": "350px" - } - }, - "topWindow": { - "path": "windows/top-window.vue", - "style": { - "height": "60px" - } - }, - "pages": [ - // pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages - - { - "path": "pages/businessCard/provideCard", - "style": { - "navigationBarTitleText": "发放卡券" - } - }, - - { - "path": "pages/businessCard/businessCard", - "style": { - "navigationBarTitleText": "商户卡券" - } - }, - { - "path": "pages/businessCard/cardDetail", - "style": { - "navigationBarTitleText": "卡券申领明细" - } - }, - { - "path": "pages/businessCard/buyCard", - "style": { - "navigationBarTitleText": "商户卡券购买" - } - }, - - { - "path": "pages/parkRecordList/recordDetail", - "style": { - "navigationBarTitleText": "订单详情" - } - }, - { - "path": "pages/parkRecordList/parkRecordList", - "style": { - "navigationBarTitleText": "停车记录" - } - }, - { - "path": "pages/parkPay/parkPay", - "style": { - "navigationBarTitleText": "支付" - } - }, - { - "path": "pages/inputCarNumber/inputCarNumber", - "style": { - "navigationBarTitleText": "停车缴费" - } - }, - { - "path": "pages/moneyRecharge/moneyRecharge", - "style": { - "navigationBarTitleText": "钱包充值" - } - }, - { - "path": "pages/tabBar/component/component", - "style": { - "navigationBarTitleText": "内置组件", - "app-plus": { - "bounce": "vertical", - "titleNView": { - "buttons": [ - { - "text": "\ue534", - "fontSrc": "/static/uni.ttf", - "fontSize": "22px", - "color": "#FFFFFF" - } - ] - } - } - } - }, - { - "path": "pages/tabBar/extUI/extUI", - "style": { - "navigationBarTitleText": "扩展组件", - "app-plus": { - "titleNView": { - "buttons": [ - { - "text": "\ue534", - "fontSrc": "/static/uni.ttf", - "fontSize": "22px", - "color": "#FFFFFF" - } - ] - } - } - } - }, - { - "path": "pages/rechargeDetail/rechargeDetail", - "style": { - "navigationBarTitleText": "充值明细" - } - }, - { - "path": "pages/rechargeDetail/outDetail", - "style": { - "navigationBarTitleText": "账单详情" - } - }, - { - "path": "pages/index/index", - "style": { - "navigationBarTitleText": "商户管理" - } - } - ], - "globalStyle": { - "pageOrientation": "portrait", - "navigationBarTitleText": "Hello uniapp", - "navigationBarTextStyle": "white", - "navigationBarBackgroundColor": "#007AFF", - "backgroundColor": "#F8F8F8", - "backgroundColorTop": "#F4F5F6", - "backgroundColorBottom": "#F4F5F6", - "mp-360": { - "navigationStyle": "custom" - }, - "h5": { - "maxWidth": 1190, - "navigationBarTextStyle": "black", - "navigationBarBackgroundColor": "#F1F1F1" - } - }, - "tabBar": { - "color": "#7A7E83", - "selectedColor": "#007AFF", - "borderStyle": "black", - "backgroundColor": "#F8F8F8", - "list": [ - { - "pagePath": "pages/tabBar/component/component", - "iconPath": "static/component.png", - "selectedIconPath": "static/componentHL.png", - "text": "内置组件" - }, - { - "pagePath": "pages/tabBar/extUI/extUI", - "iconPath": "static/extui.png", - "selectedIconPath": "static/extuiHL.png", - "text": "扩展组件" - } - ] - } "leftWindow": { "path": "windows/left-window.vue", "style": { @@ -178,6 +14,19 @@ "pages": [ // pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages { + "path": "pages/businessCard/printCard", + "style": { + "navigationBarTitleText": "商户卡券打印" + } + }, + + { + "path": "pages/businessCard/provideCard", + "style": { + "navigationBarTitleText": "商户卡券发放" + } + }, + { "path": "pages/businessCard/buyCard", "style": { "navigationBarTitleText": "商户卡券购买" diff --git a/pages/businessCard/printCard.vue b/pages/businessCard/printCard.vue new file mode 100644 index 0000000..fbc9be6 --- /dev/null +++ b/pages/businessCard/printCard.vue @@ -0,0 +1,213 @@ + + + + + diff --git a/pages/businessCard/provideCard.vue b/pages/businessCard/provideCard.vue index 81f11f1..4560748 100644 --- a/pages/businessCard/provideCard.vue +++ b/pages/businessCard/provideCard.vue @@ -11,12 +11,21 @@ - + + + + + + + + + + @@ -204,4 +213,7 @@ export default { .no-border { border-width: 0; } + .tip-wrap /deep/ .uni-noticebar{ + margin-bottom: 0; + } -- libgit2 0.21.4