update design
This commit is contained in:
Binary file not shown.
|
Before Width: | Height: | Size: 2.4 KiB |
+2
-4
@@ -1,7 +1,3 @@
|
|||||||
alert('با توجه به اینکه فیگما روی برکپوینت 1440 طراحی شده . برای مشاهده دقیق به صورت فیگما رزولوشن مرورگر رو روی 1440 تنظیم کنید ')
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
let flagBox = document.querySelector('.js-do-flag')
|
let flagBox = document.querySelector('.js-do-flag')
|
||||||
if (flagBox) {
|
if (flagBox) {
|
||||||
flagBox.querySelectorAll('select option').forEach(item => {
|
flagBox.querySelectorAll('select option').forEach(item => {
|
||||||
@@ -15,6 +11,8 @@ if (flagBox) {
|
|||||||
})
|
})
|
||||||
if (item.selected) {
|
if (item.selected) {
|
||||||
let selectedFlag = item.getAttribute('data-flag');
|
let selectedFlag = item.getAttribute('data-flag');
|
||||||
|
console.log(selectedFlag);
|
||||||
|
|
||||||
flagBox.querySelector(`.flag img.${selectedFlag}`).classList.remove('d-none')
|
flagBox.querySelector(`.flag img.${selectedFlag}`).classList.remove('d-none')
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
+1
-3
@@ -23,12 +23,10 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="select-box js-do-flag">
|
<div class="select-box js-do-flag">
|
||||||
<select name="" id="">
|
<select name="" id="">
|
||||||
<option value="" data-flag="en">English</option>
|
<option value="" selected data-flag="en">English</option>
|
||||||
<option selected value="" data-flag="fa">Persian</option>
|
|
||||||
</select>
|
</select>
|
||||||
<div class="flag">
|
<div class="flag">
|
||||||
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
||||||
<img class="fa d-none" src="./assets/image/fa-flag.png" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -24,11 +24,9 @@
|
|||||||
<div class="select-box js-do-flag">
|
<div class="select-box js-do-flag">
|
||||||
<select name="" id="">
|
<select name="" id="">
|
||||||
<option value="" data-flag="en">English</option>
|
<option value="" data-flag="en">English</option>
|
||||||
<option selected value="" data-flag="fa">Persian</option>
|
|
||||||
</select>
|
</select>
|
||||||
<div class="flag">
|
<div class="flag">
|
||||||
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
<img class="en d-none" src="./assets/image/en-flag.png" alt="">
|
||||||
<img class="fa d-none" src="./assets/image/fa-flag.png" alt="">
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user