2023-11-3-1
This commit is contained in:
@@ -477,7 +477,7 @@ export default defineComponent({
|
||||
// return `rgb(${r}, ${g}, ${b})`;
|
||||
// box.style.backgroundColor = label.textContent = result.sRGBHex;
|
||||
} catch (e) {
|
||||
message.error(this.t('DesignDetailAlter.jsContent1'))
|
||||
message.warning(this.t('DesignDetailAlter.jsContent1'))
|
||||
}
|
||||
})
|
||||
},
|
||||
@@ -927,49 +927,49 @@ export default defineComponent({
|
||||
position: relative;
|
||||
justify-content: space-around;
|
||||
|
||||
.switch_type_item {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// padding: 0 2rem;
|
||||
height: 4rem;
|
||||
background: #fff;
|
||||
border-radius: 0.8rem;
|
||||
line-height: 4rem;
|
||||
font-size: 1.6rem;
|
||||
// margin-right: 2.2rem;
|
||||
color: #000;
|
||||
cursor: pointer;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
transform-origin: left;
|
||||
transform: scale(1);
|
||||
transition: 0.3s all;
|
||||
&.switch_type_item::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
display: block;
|
||||
background: #000;
|
||||
height: .3rem;
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
bottom: .6rem;
|
||||
width: 0px;
|
||||
transition: 0.3s all;
|
||||
}
|
||||
&.select_swtich {
|
||||
color: #000;
|
||||
font-weight: 600;
|
||||
transform: scale(1.15);
|
||||
}
|
||||
&.select_swtich::before {
|
||||
width: 100%;
|
||||
}
|
||||
// .switch_type_item {
|
||||
// display: flex;
|
||||
// align-items: center;
|
||||
// // padding: 0 2rem;
|
||||
// height: 4rem;
|
||||
// background: #fff;
|
||||
// border-radius: 0.8rem;
|
||||
// line-height: 4rem;
|
||||
// font-size: 1.6rem;
|
||||
// // margin-right: 2.2rem;
|
||||
// color: #000;
|
||||
// cursor: pointer;
|
||||
// position: relative;
|
||||
// text-align: center;
|
||||
// transform-origin: left;
|
||||
// transform: scale(1);
|
||||
// transition: 0.3s all;
|
||||
// &.switch_type_item::before {
|
||||
// position: absolute;
|
||||
// content: "";
|
||||
// display: block;
|
||||
// background: #000;
|
||||
// height: .3rem;
|
||||
// left: 50%;
|
||||
// transform: translateX(-50%);
|
||||
// bottom: .4rem;
|
||||
// width: 0px;
|
||||
// transition: 0.3s all;
|
||||
// }
|
||||
// &.select_swtich {
|
||||
// color: #000;
|
||||
// font-weight: 600;
|
||||
// transform: scale(1.15);
|
||||
// }
|
||||
// &.select_swtich::before {
|
||||
// width: 100%;
|
||||
// }
|
||||
|
||||
.switch_icon {
|
||||
font-size: 1.8rem;
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
}
|
||||
// .switch_icon {
|
||||
// font-size: 1.8rem;
|
||||
// margin-right: 0.8rem;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user