hookehuyr

二维码显示宽度固定

...@@ -26,8 +26,9 @@ ...@@ -26,8 +26,9 @@
26 </van-col> 26 </van-col>
27 <van-col span="18" style="text-align: center;"> 27 <van-col span="18" style="text-align: center;">
28 <div class="qr-box"> 28 <div class="qr-box">
29 - <van-icon size="13rem" :name="app_info_list[checkedIndex]?.qr_code" 29 + <!-- <van-icon size="150px" :name="app_info_list[checkedIndex]?.qr_code"
30 - style="width: 100%; overflow: hidden;" /> 30 + style="max-width: 100%; height: auto;" /> -->
31 + <img :src="app_info_list[checkedIndex]?.qr_code" style="max-width: 150px; height: auto;" alt="">
31 </div> 32 </div>
32 </van-col> 33 </van-col>
33 <van-col span="3"> 34 <van-col span="3">
...@@ -227,6 +228,10 @@ const handleRight = () => { // 右侧滚动 ...@@ -227,6 +228,10 @@ const handleRight = () => { // 右侧滚动
227 border-radius: 10px; 228 border-radius: 10px;
228 padding: 1rem; 229 padding: 1rem;
229 } 230 }
231 + .van-icon__image {
232 + max-width: 100%;
233 + height: auto;
234 + }
230 235
231 .handle-right { 236 .handle-right {
232 position: absolute; 237 position: absolute;
......