feat(图源): 新增替换图源
|
Before Width: | Height: | Size: 7.4 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 7.6 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 15 KiB |
BIN
src/assets/icon/help.png
Normal file
|
After Width: | Height: | Size: 2.1 KiB |
|
Before Width: | Height: | Size: 9.1 KiB After Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 9.7 KiB |
@ -126,7 +126,12 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- help -->
|
<!-- help -->
|
||||||
<button class="help-btn" @click.stop="goToInviteMembers">?</button>
|
<img
|
||||||
|
src="../assets/icon/help.png"
|
||||||
|
alt=""
|
||||||
|
class="help-btn"
|
||||||
|
@click.stop="goToInviteMembers"
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- 标签内容 -->
|
<!-- 标签内容 -->
|
||||||
@ -685,21 +690,6 @@ onMounted(() => {
|
|||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.help-btn {
|
|
||||||
padding: 5px;
|
|
||||||
height: 10%;
|
|
||||||
aspect-ratio: 1/1;
|
|
||||||
border-radius: 50%;
|
|
||||||
color: black;
|
|
||||||
border: 1px solid black;
|
|
||||||
font-weight: 600;
|
|
||||||
color: black;
|
|
||||||
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* My salary 区域 */
|
/* My salary 区域 */
|
||||||
.salary-section {
|
.salary-section {
|
||||||
background-color: white;
|
background-color: white;
|
||||||
@ -1053,17 +1043,29 @@ onMounted(() => {
|
|||||||
* {
|
* {
|
||||||
font-size: 10px;
|
font-size: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.help-btn {
|
||||||
|
width: 14px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 360px) {
|
@media screen and (min-width: 360px) {
|
||||||
* {
|
* {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.help-btn {
|
||||||
|
width: 16px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 768px) {
|
@media screen and (min-width: 768px) {
|
||||||
* {
|
* {
|
||||||
font-size: 24px;
|
font-size: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.help-btn {
|
||||||
|
width: 28px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@ -79,11 +79,7 @@
|
|||||||
<div style="">
|
<div style="">
|
||||||
<div style="font-weight: 700; display: flex; align-items: center">
|
<div style="font-weight: 700; display: flex; align-items: center">
|
||||||
{{ userProfile.userNickname }}
|
{{ userProfile.userNickname }}
|
||||||
<img
|
<img src="../assets/icon/RA.png" alt="" style="height: 20px; margin-left: 5px" />
|
||||||
src="../assets/icon/sellerTab.png"
|
|
||||||
alt=""
|
|
||||||
style="height: 20px; margin-left: 5px"
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
<div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">ID:{{ userProfile.id }}</div>
|
<div style="font-weight: 500; color: rgba(0, 0, 0, 0.4)">ID:{{ userProfile.id }}</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -121,7 +121,7 @@
|
|||||||
/>
|
/>
|
||||||
<img
|
<img
|
||||||
v-if="selectedPayee.hasSalary"
|
v-if="selectedPayee.hasSalary"
|
||||||
src="../assets/icon/sellerTab.png"
|
src="../assets/icon/RA.png"
|
||||||
alt=""
|
alt=""
|
||||||
height="100%"
|
height="100%"
|
||||||
/>
|
/>
|
||||||
|
|||||||