From 76543a9506a9b43476e750c79c5ff595aa4bae36 Mon Sep 17 00:00:00 2001
From: wk
Date: 星期一, 05 八月 2024 08:28:38 +0800
Subject: [PATCH] feat:门卫
---
pages/password/face.vue | 79 ++++++++++++++++++++++++++++++++-------
1 files changed, 65 insertions(+), 14 deletions(-)
diff --git a/pages/password/face.vue b/pages/password/face.vue
index 1acc9fc..370b8ef 100644
--- a/pages/password/face.vue
+++ b/pages/password/face.vue
@@ -4,22 +4,32 @@
<u--form labelPosition="top"
:model="form">
<u-form-item labelWidth="25%"
- label="澶村儚"
+ label=""
@click="beforeRead"
required>
- <u-upload :fileList="fileList1"
- @afterRead="afterRead"
- @delete="deletePic"
- name="1"
- multiple
- :maxCount="1"
- width="250"
- height="150"
- :previewFullImage="true"></u-upload>
+ <view class="deleteImg" v-if="fileList1.length>0" @click="deletePic">
+ <u-icon
+ name="close"
+ color="#000000"
+ size="30"
+ ></u-icon>
+ </view>
+ <view class="upload">
+ <u-upload :fileList="fileList1"
+ @afterRead="afterRead"
+ @delete="deletePic"
+ name="1"
+ multiple
+ :maxCount="1"
+ width="180"
+ height="180"
+ customStyle="margin-left:8px;margin-top:8px;"
+ :previewFullImage="true"></u-upload>
+ </view>
</u-form-item>
</u--form>
</view>
- <view class="addBtn"><u-button text="纭"
+ <view class="addBtn"><u-button text="纭"load__butto
type="primary"
@click="addToHuoDaiOrDriver"
:loading="loading"></u-button></view>
@@ -115,8 +125,7 @@
},
// 鍒犻櫎
deletePic(event) {
- this.changeisUploadimg(true);
- this[`fileList${event.name}`].splice(event.index, 1);
+ this.fileList1.splice(0, 1);
},
uploadFilePromise(url, num) {
return new Promise((resolve, reject) => {
@@ -133,4 +142,46 @@
},
},
};
-</script>
\ No newline at end of file
+</script>
+<style lang="scss" scoped>
+ /deep/.u-form-item__body__right__content__slot{
+ width: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ /deep/u-view.u-upload__button[data-v-69e2a36e]{
+ margin: 0 !important;
+ }
+ .deleteImg{
+ width: 20px;
+ height:20px;
+ background-color: #ffffff;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ position: relative;
+ right: -80px;
+ top: -25px;
+ z-index: 999;
+ }
+ .upload{
+ width: 80px;
+ height: 77px;
+ margin:0;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 50%;
+ overflow: hidden;
+ }
+ }
+
+ .addBtn{
+ width: 120px;
+ position: absolute;
+ top: 80%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ }
+</style>
\ No newline at end of file
--
Gitblit v1.9.1