Skip to content

杨炀 / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
f33c4dba by zhangmeng
Options

官网

1 parent 29a38066
Inline Side-by-side
Showing 1 changed file with 176 additions and 31 deletions
src/viewsPc/match/detail_en.vue
......@@ -82,7 +82,60 @@
</label>
{{ matchData.contactEmail }}
<span class="father">
<!-- <span class="father">-->
<!-- <div class="son2">-->
<!-- <div v-if="matchData.chatQrcode">-->
<!-- <div class="qrTitle">{{ language == 0 ? '群二维码' : 'WhatsApp' }}</div>-->
<!-- <el-image-->
<!-- :preview-src-list="[fillImgUrl(matchData.chatQrcode)]"-->
<!-- :src="fillImgUrl(matchData.chatQrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 100px;height: 100px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- <div v-if="matchData.liveQrcode">-->
<!-- <div class="qrTitle">{{ language == 0 ? '赛事直播' : "Live Qrcode" }}</div>-->
<!-- <el-image-->
<!-- :preview-src-list="[fillImgUrl(matchData.liveQrcode) ]"-->
<!-- :src="fillImgUrl(matchData.liveQrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 100px;height: 100px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- {{ matchData.cptQrcode }}-->
<!-- <div v-if="matchData.qrcode">-->
<!-- <div class="qrTitle">{{ language == 0 ? '小程序' : "UniApp" }}</div>-->
<!-- <el-image-->
<!-- v-if="matchData.qrcode"-->
<!-- :preview-src-list="[fillImgUrl(matchData.qrcode)]"-->
<!-- :src="fillImgUrl(matchData.qrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 100px;height: 100px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- -->
<!-- </div>-->
<!-- </span>-->
</p>
<p class="ppl">
<label>
<svg
class="icon" height="18" p-id="6578" style="position: relative;top: 2px;"
t="1711707785514" version="1.1" viewBox="0 0 1024 1024"
width="18" xmlns="http://www.w3.org/2000/svg"
>
<path
d="M780 68H256c-71.6 0-130.2 55.5-130.2 123.2v711.2c1.5 42.8 50 69.3 90.6 50.6l227.2-105c38.5-17.8 83.4-18.5 122.6-1.9l255.4 108.6c34.8 14.8 76.1-2.7 86.3-37.6 1.6-5.4 2.4-11 2.4-16.9v-709C910.2 123.5 851.6 68 780 68zM276.9 231.3h255.9c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41z m386.8 464H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41h386.8c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41z m0-191H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41h386.8c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41z"
fill="#d3d8d9" p-id="6579"
/>
</svg>
{{ language == 0 ? '分&nbsp;站&nbsp;赛' : 'NO. OF TOURNAMENTS' }}：</label>
{{ matchData.cpts.length }}
</p>
<div class="father">
<div class="son2">
<div v-if="matchData.chatQrcode">
<div class="qrTitle">{{ language == 0 ? '群二维码' : 'WhatsApp' }}</div>
......@@ -118,23 +171,7 @@
</div>
</div>
</span>
</p>
<p class="ppl">
<label>
<svg
class="icon" height="18" p-id="6578" style="position: relative;top: 2px;"
t="1711707785514" version="1.1" viewBox="0 0 1024 1024"
width="18" xmlns="http://www.w3.org/2000/svg"
>
<path
d="M780 68H256c-71.6 0-130.2 55.5-130.2 123.2v711.2c1.5 42.8 50 69.3 90.6 50.6l227.2-105c38.5-17.8 83.4-18.5 122.6-1.9l255.4 108.6c34.8 14.8 76.1-2.7 86.3-37.6 1.6-5.4 2.4-11 2.4-16.9v-709C910.2 123.5 851.6 68 780 68zM276.9 231.3h255.9c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41z m386.8 464H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41h386.8c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41z m0-191H276.9c-23.9 0-43.3-18.4-43.3-41s19.4-41 43.3-41h386.8c23.9 0 43.3 18.4 43.3 41s-19.4 41-43.3 41z"
fill="#d3d8d9" p-id="6579"
/>
</svg>
{{ language == 0 ? '分&nbsp;站&nbsp;赛' : 'NO. OF TOURNAMENTS' }}：</label>
{{ matchData.cpts.length }}
</p>
</div>
</div>
<div v-if="matchData.type=='0'">
......@@ -161,7 +198,44 @@
<p v-if="matchData.contactEmail" class="ppl">
<label>{{ language == 0 ? '邮&nbsp;&nbsp;&nbsp;&nbsp;箱' : 'EMAIL' }}：</label>
{{ matchData.contactEmail }}
<span class="father">
<!-- <span class="father">-->
<!-- <div v-if="matchData.type!=1" class="son">-->
<!-- <div v-if="matchData.chatQrcode">-->
<!-- <div class="qrTitle2">{{ language == 0 ? '赛事直播' : "Live Qrcode" }}</div>-->
<!-- <el-image-->
<!-- :preview-src-list="[fillImgUrl(matchData.chatQrcode)]"-->
<!-- :src="fillImgUrl(matchData.chatQrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 50px;height: 50px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- <div v-if="matchData.liveQrcode">-->
<!-- <div class="qrTitle2">{{ language == 0 ? '群二维码' : 'WhatsApp' }}</div>-->
<!-- <el-image-->
<!-- :preview-src-list="[fillImgUrl(matchData.liveQrcode) ]"-->
<!-- :src="fillImgUrl(matchData.liveQrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 50px;height: 50px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- <div v-if="matchData.qrcode">-->
<!-- <div class="qrTitle2">{{ language == 0 ? '小程序' : "UniApp" }}</div>-->
<!-- <el-image-->
<!-- v-if="matchData.qrcode"-->
<!-- :preview-src-list="[fillImgUrl(matchData.qrcode)]"-->
<!-- :src="fillImgUrl(matchData.qrcode)"-->
<!-- fit="cover"-->
<!-- preview-teleported-->
<!-- style="width: 50px;height: 50px;margin-left: 10px"-->
<!-- />-->
<!-- </div>-->
<!-- </div>-->
<!-- </span>-->
</p>
<div v-if="matchData.chatQrcode||matchData.liveQrcode||matchData.qrcode">
<div class="father">
<div v-if="matchData.type!=1" class="son">
<div v-if="matchData.chatQrcode">
<div class="qrTitle2">{{ language == 0 ? '赛事直播' : "Live Qrcode" }}</div>
......@@ -184,7 +258,7 @@
/>
</div>
<div v-if="matchData.qrcode">
<div class="qrTitle2">{{ language == 0 ? '11小程序' : "UniApp" }}</div>
<div class="qrTitle2">{{ language == 0 ? '小程序' : "UniApp" }}</div>
<el-image
v-if="matchData.qrcode"
:preview-src-list="[fillImgUrl(matchData.qrcode)]"
......@@ -195,8 +269,8 @@
/>
</div>
</div>
</span>
</p>
</div>
</div>
</div>
<div style="height: 30px" />
......@@ -1734,31 +1808,102 @@ async function handelQR(id, type) {
}
}
.father {
@media (max-width: 767px) {
.father {
position: relative;
width: 100%;
margin-top: 10px;
.son {
width: 100%;
display: flex;
justify-content: space-around;
}
.son2 {
width: 100%;
display: flex;
justify-content: space-around;
}
}
}
/* 中等屏幕（平板设备） */
@media (min-width: 768px) and (max-width: 1199px) {
.father {
position: relative;
width: 100%;
margin-top: 10px;
.son {
width: 100%;
display: flex;
justify-content: space-around;
}
.son2 {
width: 100%;
display: flex;
justify-content: space-around;
}
}
}
/* 大屏幕（桌面设备） */
@media (min-width: 1200px) and (max-width: 1630px) {
.father {
position: relative;
width: 100%;
.son {
position: absolute;
bottom: -5px;
left: 0%;
width: 15vw;
max-width: 430px;
bottom: 0;
left: 55%;
width: 50%;
display: flex;
justify-content: space-around;
}
.son2 {
position: absolute;
bottom: -35px;
left: 0;
width: 36vw;
min-width: 450px;
bottom: 0;
left: 35%;
width: 70%;
display: flex;
justify-content: space-around;
}
}
}
/* 大屏幕（桌面设备） */
@media (min-width: 1631px) {
.father {
position: relative;
width: 100%;
.son {
position: absolute;
bottom: 0;
left: 35%;
width: 65%;
display: flex;
justify-content: space-around;
}
.son2 {
position: absolute;
bottom: 0;
left: 260px;
width: 45vw;
max-width: 900px;
display: flex;
justify-content: space-around;
}
}
}
.qrTitle {
font-size: 14px;
text-align: center;
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!