Skip to content

jijin / dance-pc

Go to a project
Toggle navigation
Toggle navigation pinning
55dfec90 by zhangmeng
Options

二维码

1 parent 88ae8fa4
Inline Side-by-side
Showing 1 changed file with 93 additions and 75 deletions
src/viewsPc/match/detail_en.vue
......@@ -21,7 +21,7 @@
<img :src="fillImgUrl(matchData.coverUrl)" class="mauto w100 as16_9">
</el-col>
<el-col :lg="matchData.type=='0'?9:16" :md="12" :xl="10" class="father" style="position: relative">
<el-col :lg="matchData.type=='0'?9:16" :md="12" :xl="10" style="position: relative">
<h3 style="margin: 0 0 10px">{{ matchData.name }}</h3>
<div v-if="matchData.type=='1'">
<p class="ppl">
......@@ -81,6 +81,44 @@
{{ language == 0 ? '邮&nbsp;&nbsp;&nbsp;&nbsp;箱' : 'EMAIL' }}：
</label>
{{ matchData.contactEmail }}
<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>
......@@ -122,7 +160,43 @@
</p>
<p v-if="matchData.contactEmail" class="ppl">
<label>{{ language == 0 ? '邮&nbsp;&nbsp;&nbsp;&nbsp;箱' : 'EMAIL' }}：</label>
{{ matchData.contactEmail }}</p>
{{ matchData.contactEmail }}
<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>
<div style="height: 30px" />
......@@ -162,75 +236,7 @@
{{ language == 0 ? '赛事规程' : 'Competition Regulations' }}
</el-link>
</div>
<div v-if="matchData.type!=1" class="son">
<div v-if="matchData.chatQrcode">
<!-- <div style="font-size: 14px">群聊二维码</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 style="font-size: 14px">直播二维码</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 style="font-size: 14px">赛事二维码</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>
<div v-else 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>
<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>
</el-col>
<el-col v-if="matchData.type=='0'" :lg="8" :md="12" :xl="8">
<p v-if="language==0" class="countDownTitle">
......@@ -274,6 +280,7 @@
}}：{{ matchData.signEndTime?.slice(0, 10) }}</p>
</el-col>
</el-row>
</el-card>
......@@ -1722,16 +1729,20 @@ async function handelQR(id, type) {
.son {
position: absolute;
bottom: 0;
right: -10%;
bottom: -5px;
left: 0%;
width: 15vw;
display: flex;
justify-content: space-around;
}
.son2 {
position: absolute;
bottom: 0;
right: 10%;
bottom: -43px;
left: 0%;
width: 33vw;
display: flex;
justify-content: space-around;
}
}
......@@ -1741,4 +1752,11 @@ async function handelQR(id, type) {
height: 25px;
line-height: 25px;
}
.qrTitle2 {
font-size: 12px;
text-align: center;
height: 25px;
line-height: 25px;
}
</style>
......
Styling with Markdown is supported
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!