给独立版的禾匠首页做一下美化,这样更好看

sunnyattic
sunnyattic
sunnyattic
22
文章
0
评论
2020年4月21日12:40:20 评论

在小程序商城里面,禾匠不失为一个特别优秀的模块,笔者一直都用的禾匠作为商城系统使用,独立版本的禾匠首页登录页,说实话有点丑,总想着怎么改一下更好看一点,果然今天一个做前端的朋友,湖南浩仟网络的大兄弟给了我一个效果图,觉得挺不错的,于是乎就动手改了起来。

给独立版的禾匠首页做一下美化,这样更好看

改完以后效果是这样的

给独立版的禾匠首页做一下美化,这样更好看

当然中间这个图就是可以随意换的,看自己需求了,下面开始教程

1、准备一张元素图就是你要添加到这个地方的图片,将其命名为yuansu.png

给独立版的禾匠首页做一下美化,这样更好看

2、将图片上传到你服务器的禾匠商城目录/views/admin/passport  目录下(其他目录也可以自己记住路径就行)

3、打开/views/admin/passport/ 目录下的login.php 进行编辑,在第42行插入

.logo_ys {
width: 330px;
height: auto;
margin: 100px 50px 0;
}

效果如下:

给独立版的禾匠首页做一下美化,这样更好看

4、然后继续到156行左右,添加如下代码

<img class="logo_ys" src="http://shop.haoqian.xin/views/admin/passport/yuansu.png">

效果图下:

给独立版的禾匠首页做一下美化,这样更好看

这样就大功告成了,以后要替换元素直接更换图片就行了。

  • 我的微信
  • 微信扫一扫
  • weinxin
  • 我的微信公众号
  • 微信扫一扫
  • weinxin
sunnyattic
  • 本文由 发表于 2020年4月21日12:40:20
  • 除非特殊声明,本站文章均为原创,转载请务必保留本文链接
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: