【Yii2】页面点击图片全屏放大封装小部件

需求

在后台管理系统中,一般遇到图片列表或者详情,都会要求点击放大展示完整图片,毕竟在列表中不能百分百展示完整图片。

实现

最终效果的实现是在img增加点击事件,在另一个div中展示图片。

为什么要封装在小部件里呢,当然是方便调用。

需要这个效果的界面很多,如果每个页面都复制粘贴的话,非常不优雅,并且不好维护。

下面是完整代码

BackendBigImg.php

<?php

namespace common\widgets;
use common\models\DmAdPosition;
use yii;
use 
雨果虾滑猫 CSDN认证博客专家 PHP MySQL Python
CSDN博客专家。PHP/MYSQL/Elasticsearch,PMP项目管理 ,产品设计。6年服务端开发,2年产品,连续创业者,曾经参与区块链、新零售行业创业。Gitchat作者,曾在Gitcchat发布智能合约相关课程。
相关推荐
©️2020 CSDN 皮肤主题: 博客之星2020 设计师:CY__ 返回首页
实付 19.90元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值