- 点击上传照片
+
+
+ +
+
+
+ 点击上传照片
+
+
+ *上传照片时建议勾选[原图]
+
-
- *上传照片时建议勾选[原图]
+
-
@@ -198,38 +248,40 @@ function onFileChange
照片原图背景
补充背景照片
-
+
选择该选项设计的徽章会根据上传的肖像照片背景进行生成效果
-
-
+
@@ -477,6 +529,12 @@ function onFileChange
margin-top: 2px;
}
+.photo-upload-body {
+ position: relative;
+ width: 80vw;
+ height: 80vw;
+ margin: 16px auto 0 auto;
+}
.photo-upload-box {
margin: 16px auto 0 auto;
width: 80vw;
@@ -489,6 +547,22 @@ function onFileChange
align-items: center;
box-sizing: border-box;
}
+.photo-upload-box-1 {
+ width: 80vw;
+ height: 70vw;
+ border-radius: 12px;
+ /* background: #F0F2F5; */
+ background: rgba(0, 0, 0, 0);
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ right: 0;
+}
+.photo-upload-img {
+ width: 80vw;
+ height: 80vw;
+ border-radius: 12px;
+}
.photo-upload-header {
width: 100%;
display: flex;
@@ -687,10 +761,20 @@ function onFileChange
.bg-photo-upload-area {
display: flex;
align-items: center;
+ position: relative;
}
.bg-photo-upload-label {
display: inline-block;
}
+.bg-photo-upload-label-1 {
+ position: absolute;
+ top: 0;
+ left: 0;
+ right: 0;
+ width: 120px;
+ height: 120px;
+ background: none;
+}
.bg-photo-upload-box {
width: 120px;
height: 120px;
@@ -704,6 +788,11 @@ function onFileChange
background: #fafafa;
transition: border 0.2s;
}
+.bg-photo-upload-img {
+ width: 120px;
+ height: 120px;
+ border-radius: 12px;
+}
.bg-photo-upload-plus {
font-size: 32px;
color: #b0b0b0;
diff --git a/src/views/badge/myOrder.vue b/src/views/badge/myOrder.vue
index 490813b..259b518 100644
--- a/src/views/badge/myOrder.vue
+++ b/src/views/badge/myOrder.vue
@@ -1,10 +1,10 @@
-
+
生产中
@@ -16,13 +16,48 @@
\ No newline at end of file
diff --git a/src/views/badge/record.vue b/src/views/badge/record.vue
index 9c85e68..a5a262b 100644
--- a/src/views/badge/record.vue
+++ b/src/views/badge/record.vue
@@ -1,20 +1,22 @@
-