二维码
Showing
2 changed files
with
14 additions
and
7 deletions
| ... | @@ -53,7 +53,7 @@ | ... | @@ -53,7 +53,7 @@ |
| 53 | style="z-index: 999999" @click.stop="liveQrcodeShow=true" | 53 | style="z-index: 999999" @click.stop="liveQrcodeShow=true" |
| 54 | > | 54 | > |
| 55 | <!-- 赛事直播--> | 55 | <!-- 赛事直播--> |
| 56 | Live Streaming | 56 | Live Qrcode |
| 57 | </a> | 57 | </a> |
| 58 | <a | 58 | <a |
| 59 | v-if="matchData.isCourseView==1" | 59 | v-if="matchData.isCourseView==1" | ... | ... |
| ... | @@ -198,35 +198,35 @@ | ... | @@ -198,35 +198,35 @@ |
| 198 | </div> | 198 | </div> |
| 199 | <div v-else class="son2"> | 199 | <div v-else class="son2"> |
| 200 | <div v-if="matchData.chatQrcode"> | 200 | <div v-if="matchData.chatQrcode"> |
| 201 | <!-- <div style="font-size: 14px">群聊二维码</div>--> | 201 | <div class="qrTitle">{{ language == 0 ? '群二维码' : 'WhatsApp' }}</div> |
| 202 | <el-image | 202 | <el-image |
| 203 | :preview-src-list="[fillImgUrl(matchData.chatQrcode)]" | 203 | :preview-src-list="[fillImgUrl(matchData.chatQrcode)]" |
| 204 | :src="fillImgUrl(matchData.chatQrcode)" | 204 | :src="fillImgUrl(matchData.chatQrcode)" |
| 205 | fit="cover" | 205 | fit="cover" |
| 206 | preview-teleported | 206 | preview-teleported |
| 207 | style="width: 80px;height: 80px;margin-left: 10px" | 207 | style="width: 100px;height: 100px;margin-left: 10px" |
| 208 | /> | 208 | /> |
| 209 | </div> | 209 | </div> |
| 210 | <div v-if="matchData.liveQrcode"> | 210 | <div v-if="matchData.liveQrcode"> |
| 211 | <!-- <div style="font-size: 14px">直播二维码</div>--> | 211 | <div class="qrTitle">{{ language == 0 ? '赛事直播' : "Live Qrcode" }}</div> |
| 212 | <el-image | 212 | <el-image |
| 213 | :preview-src-list="[fillImgUrl(matchData.liveQrcode) ]" | 213 | :preview-src-list="[fillImgUrl(matchData.liveQrcode) ]" |
| 214 | :src="fillImgUrl(matchData.liveQrcode)" | 214 | :src="fillImgUrl(matchData.liveQrcode)" |
| 215 | fit="cover" | 215 | fit="cover" |
| 216 | preview-teleported | 216 | preview-teleported |
| 217 | style="width: 80px;height: 80px;margin-left: 10px" | 217 | style="width: 100px;height: 100px;margin-left: 10px" |
| 218 | /> | 218 | /> |
| 219 | </div> | 219 | </div> |
| 220 | {{ matchData.cptQrcode }} | 220 | {{ matchData.cptQrcode }} |
| 221 | <div> | 221 | <div> |
| 222 | <!-- <div style="font-size: 14px"></div>--> | 222 | <div class="qrTitle">{{ language == 0 ? '小程序' : "UniApp" }}</div> |
| 223 | <el-image | 223 | <el-image |
| 224 | v-if="matchData.qrcode" | 224 | v-if="matchData.qrcode" |
| 225 | :preview-src-list="[fillImgUrl(matchData.qrcode)]" | 225 | :preview-src-list="[fillImgUrl(matchData.qrcode)]" |
| 226 | :src="fillImgUrl(matchData.qrcode)" | 226 | :src="fillImgUrl(matchData.qrcode)" |
| 227 | fit="cover" | 227 | fit="cover" |
| 228 | preview-teleported | 228 | preview-teleported |
| 229 | style="width: 80px;height: 80px;margin-left: 10px" | 229 | style="width: 100px;height: 100px;margin-left: 10px" |
| 230 | /> | 230 | /> |
| 231 | </div> | 231 | </div> |
| 232 | 232 | ||
| ... | @@ -1734,4 +1734,11 @@ async function handelQR(id, type) { | ... | @@ -1734,4 +1734,11 @@ async function handelQR(id, type) { |
| 1734 | display: flex; | 1734 | display: flex; |
| 1735 | } | 1735 | } |
| 1736 | } | 1736 | } |
| 1737 | |||
| 1738 | .qrTitle { | ||
| 1739 | font-size: 14px; | ||
| 1740 | text-align: center; | ||
| 1741 | height: 25px; | ||
| 1742 | line-height: 25px; | ||
| 1743 | } | ||
| 1737 | </style> | 1744 | </style> | ... | ... |
-
Please register or sign in to post a comment