99 <div class =" tur-ws-content" >
1010 <div class =" tur-ws-title" >
1111 <span >{{ data.name }}</span >
12- <span v-if =" data.offering" class =" tur-ws-sub" >
13- <img :src =" data.offering.icon" alt =" offer" />
14- <span >{{ data.offering.name }}-</span >
15- <span >{{ data.offering.level }}</span >
12+ <span v-if =" data.offerings?.length === 1" class =" tur-ws-sub" >
13+ <img :src =" data.offerings[0].icon" alt =" offer" />
14+ <span >{{ data.offerings[0].name }}-</span >
15+ <span >{{ data.offerings[0].level }}</span >
16+ <span >级</span >
17+ </span >
18+ </div >
19+ <div class =" tur-ws-offerings" v-if =" data.offerings && data.offerings.length > 1" >
20+ <span
21+ v-for =" (offer, idx) in data.offerings"
22+ :key =" idx"
23+ class =" tur-ws-sub"
24+ :title =" offer.name + '-' + offer.level + '级'"
25+ >
26+ <img :src =" offer.icon" alt =" offer" />
27+ <span >{{ offer.level }}</span >
1628 <span >级</span >
1729 </span >
1830 </div >
3345 <span >%</span >
3446 </div >
3547 </div >
48+ <div
49+ v-if ="
50+ data.area_exploration_list &&
51+ data.area_exploration_list.length > 0 &&
52+ data.exploration < 1000
53+ "
54+ class =" tur-ws-areas"
55+ >
56+ <span
57+ v-for =" area in data.area_exploration_list.filter((i) => i.exploration_percentage < 1000)"
58+ :key =" area.name"
59+ class =" tur-ws-sub"
60+ >
61+ <span >{{ area.name }}:</span >
62+ <span >{{ Math.min(area.exploration_percentage / 10, 100) }}</span >
63+ <span >%</span >
64+ </span >
65+ </div >
3666 <div v-if =" data.reputation" class =" tur-ws-sub" >
3767 <span >声望等级:</span >
3868 <span >{{ data.reputation }}</span >
@@ -84,6 +114,7 @@ const icon = computed<string>(() => {
84114}
85115
86116.tur-ws-icon {
117+ position : relative ;
87118 z-index : 1 ;
88119 width : 64px ;
89120 height : 64px ;
@@ -96,6 +127,7 @@ const icon = computed<string>(() => {
96127}
97128
98129.tur-ws-content {
130+ position : relative ;
99131 z-index : 1 ;
100132 width : calc (100% - 68px );
101133 height : 100% ;
@@ -111,6 +143,21 @@ const icon = computed<string>(() => {
111143 font-size : 18px ;
112144}
113145
146+ .tur-ws-offerings {
147+ display : flex ;
148+ align-items : center ;
149+ justify-content : start ;
150+ column-gap : 8px ;
151+ }
152+
153+ .tur-ws-areas {
154+ display : flex ;
155+ flex-wrap : wrap ;
156+ align-items : center ;
157+ justify-content : start ;
158+ gap : 4px 8px ;
159+ }
160+
114161.tur-ws-sub {
115162 display : flex ;
116163 align-items : center ;
0 commit comments