|
@@ -17,7 +17,10 @@
|
|
<div class="intro">
|
|
<div class="intro">
|
|
<ul class="introduce">
|
|
<ul class="introduce">
|
|
<li v-for="item in info.introduce" :key="item">
|
|
<li v-for="item in info.introduce" :key="item">
|
|
- {{ item }}
|
|
|
|
|
|
+ <span v-for="innerItem in item" :key="innerItem">
|
|
|
|
+ <span v-if="!(innerItem === '𨢑' && $isMobile)">{{ innerItem }}</span>
|
|
|
|
+ <img v-if="innerItem === '𨢑' && $isMobile" class="special-font" src="@/assets/images/font/u28891.svg" alt="" draggable="false">
|
|
|
|
+ </span>
|
|
</li>
|
|
</li>
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
@@ -59,7 +62,7 @@
|
|
|
|
|
|
<script setup>
|
|
<script setup>
|
|
import SquareWord from "@/components/SquareWord.vue";
|
|
import SquareWord from "@/components/SquareWord.vue";
|
|
-import { getCurrentInstance, ref, computed } from 'vue'
|
|
|
|
|
|
+import { getCurrentInstance, ref, computed, } from 'vue'
|
|
import appStore from "@/store/index";
|
|
import appStore from "@/store/index";
|
|
import { Swiper, SwiperSlide } from 'swiper/vue';
|
|
import { Swiper, SwiperSlide } from 'swiper/vue';
|
|
import 'swiper/css';
|
|
import 'swiper/css';
|
|
@@ -145,6 +148,13 @@ const onClickItem = item => {
|
|
text-indent: 2rem;
|
|
text-indent: 2rem;
|
|
display: inline-block;
|
|
display: inline-block;
|
|
color: #695757;
|
|
color: #695757;
|
|
|
|
+ > span {
|
|
|
|
+ > img {
|
|
|
|
+ width: 1em;
|
|
|
|
+ height: 1em;
|
|
|
|
+ vertical-align: -0.1em;
|
|
|
|
+ }
|
|
|
|
+ }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|