2401_82383192 2024-01-03 09:50 采纳率: 0%
浏览 9

微信小程序图片弹窗怎么操作

帮忙看看,怎么让他弹出的图片是原始大小,我这个太小了,文字也显示不全

img


<template> 
    <view class="content">
        <image class="logo" src="http://s6it865tf.hb-bkt.clouddn.com/haibao/A1.jpg" @tap="ontap"></image>
        <view class="text-area">
             <text class="title">{{a1}}</text>
        </view>
    </view>
</template>

<script>
    export default {
        data() {
            return {
                a1: '金手指'
            }
        },
        onLoad() {

        },
        methods: {  
          ontap() {  
            uni.showToast({
            title: '怎么放大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大大',
            image: '<image src="http://s6it865tf.hb-bkt.clouddn.com/haibao/A2.jpg">',
            duration: 2000
        });
       }
     }
  };
</script>

<style>
    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .logo {
        height: 360rpx;
        width: 750rpx;
        margin-top: 10rpx;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0rpx;
    }
    
    .text-area {
        display: flex;
        justify-content: center;
    }

    .title {
        font-size: 36rpx;
        margin-bottom: 10rpx;
        color: #00ff00;
    }
</style>

  • 写回答

2条回答 默认 最新

  • CSDN-Ada助手 CSDN-AI 官方账号 2024-01-03 12:55
    关注

    【相关推荐】




    如果你已经解决了该问题, 非常希望你能够分享一下解决方案, 写成博客, 将相关链接放在评论区, 以帮助更多的人 ^-^
    评论

报告相同问题?

问题事件

  • 创建了问题 1月3日