一站式百度SEO排名优化!-找老刘博客 低投入,高转化,精益求精、一丝不苟:旨在提供更好的SEO服务!

首页>>前端开发

幻灯片手机端电脑端分开功能

首页 2022-06-24 前端开发 953 ℃Tags:


首页幻灯片手机端和电脑端显示不同图片

第一步:在ay_silde表里面增加一个字段。如图片1

202008222047.jpg

第二步:增加可使用的列表标签 /apps/home/controller/ParserController.php     如图2

202008221294.jpg


              代码如下:

  case 'srcwap':
                                    if ($value->picwap) {
                                        if (! preg_match('/^http/', $value->picwap)) {
                                            $one_html = str_replace($matches2[0][$j], $this->adjustLabelData($params, SITE_DIR . $value->picwap), $one_html);
                                        } else {
                                            $one_html = str_replace($matches2[0][$j], $this->adjustLabelData($params, $value->picwap), $one_html);
                                        }
                                    } else {
                                        $one_html = str_replace($matches2[0][$j], '', $one_html);
                                    }
                                    break;
                            default:


第三步:在后台增加上传手机图片按钮    /apps/admin/view/default/content/slide.html  如图3图4

image.png

image.png


第四步:修改幻灯片控制器。/apps/admin/controller/content/SlideController.php在轮播图增加和轮播图修改增加相应的picwap代码,详细代码见压缩包。如图5

202008222116.jpg

第五步:修改前台首页调用图片代码template/default/default/index.html,详细代码见压缩包:如图片6

202008226804.jpg


幻灯片手机端电脑端分开4.zip


原文链接:https://www.pbzz.net/df/251.html

搜索
分类
热门标签
  • 首页
  • 电话
  • QQ
  • 联系老刘手机
    1043025812
    联系老刘微信
    扫描微信二维码