aidlab/lanecarford_front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 给所有backdrop添加多浏览器兼容

Browse Source
This commit is contained in:
zhangyahui
2025-10-30 17:27:03 +08:00
parent 0bb916816c
commit ab1b88c9af
7 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/stylist/customer.vue
View File

@@ -150,6 +150,9 @@ const handleConfirm = async () => {
background: rgba(0, 0, 0, 0.2);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
-moz-backdrop-filter: blur(20px);
-ms-backdrop-filter: blur(20px);
-o-backdrop-filter: blur(20px);
margin-left: 7rem;
position: relative;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1), inset 0 1px 0 #000000;

8
src/views/stylist/index.vue
View File

@@ -224,6 +224,10 @@ watch(showVideo, (newValue) => {
rgba(0, 0, 0, 0) 100%
);
backdrop-filter: blur(35px);
-webkit-backdrop-filter: blur(35px);
-moz-backdrop-filter: blur(35px);
-ms-backdrop-filter: blur(35px);
-o-backdrop-filter: blur(35px);
overflow: hidden;
position: relative;
img {
@@ -305,6 +309,10 @@ watch(showVideo, (newValue) => {
border-radius: 50%;
cursor: pointer;
backdrop-filter: blur(1rem);
-webkit-backdrop-filter: blur(1rem);
-moz-backdrop-filter: blur(1rem);
-ms-backdrop-filter: blur(1rem);
-o-backdrop-filter: blur(1rem);
border: 1px solid rgba(255, 255, 255, 0.3);
box-shadow: 0 0.8rem 1.6rem rgba(0, 0, 0, 0.4), inset 0 0.2rem 0.4rem rgba(255, 255, 255, 0.1),
inset 0 -0.2rem 0.4rem rgba(0, 0, 0, 0.3);