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