From 5c48ef2b8267c38bae717202615e1618074ee31c Mon Sep 17 00:00:00 2001 From: gaoluyang <2820782392@qq.com> Date: 星期五, 29 八月 2025 15:25:05 +0800 Subject: [PATCH] 修改组件 --- src/pages/cooperativeOffice/collaborativeApproval/contactSelect.vue | 53 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 1 files changed, 52 insertions(+), 1 deletions(-) diff --git a/src/pages/cooperativeOffice/collaborativeApproval/contactSelect.vue b/src/pages/cooperativeOffice/collaborativeApproval/contactSelect.vue index 9259068..88282db 100644 --- a/src/pages/cooperativeOffice/collaborativeApproval/contactSelect.vue +++ b/src/pages/cooperativeOffice/collaborativeApproval/contactSelect.vue @@ -30,7 +30,7 @@ <view class="contact-details"> <text class="contact-name">{{ selectedContact.nickName }}</text> </view> - <van-icon name="cross" size="16" color="#999" @click="clearSelected" /> + <u-icon name="close" size="16" color="#999" @click="clearSelected" /> </view> </view> @@ -388,4 +388,55 @@ opacity: 0; } } +</style> + +<style lang="scss"> +/* 鏇存柊鏍峰紡绫诲悕 */ +:deep(.u-radio) { + .u-radio__icon { + width: 20px; + height: 20px; + border: 2px solid #ddd; + border-radius: 50%; + background: #fff; + position: relative; + transition: all 0.2s; + + &::before { + content: ''; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%) scale(0); + width: 8px; + height: 8px; + background: #006cfb; + border-radius: 50%; + transition: transform 0.2s; + } + } + + &.u-radio--checked { + .u-radio__icon { + border-color: #006cfb; + background: #fff; + + &::before { + transform: translate(-50%, -50%) scale(1); + } + + &::after { + content: ''; + position: absolute; + top: -2px; + left: -2px; + right: -2px; + bottom: -2px; + border: 2px solid rgba(0, 108, 251, 0.2); + border-radius: 50%; + animation: ripple 0.6s ease-out; + } + } + } +} </style> \ No newline at end of file -- Gitblit v1.9.3