追格小程序登录页美化教程
当大家下载的追格小程序时,有些用户会对登录页有自定义的要求,其实自定义登录页面仅需要修改登录页模板的css就可以实现,仅修改css就可以实现以下效果。
这了就给大家说说怎么修改
打开文件user/login/login.vue
背景色/背景图
这里可以增加 background,来自定义背景色,但由于后台控制背景图,可以后台添加一个透明png即可
.zhuige-login {
position: fixed;
height: 100%;
width: 100%;
text-align: center;
background-size: cover;
background-position: center;
}
logo大小
这里可以控制logo大小和圆角
.zhuige-logo image {
height: 160rpx;
width: 160rpx;
border-radius: 50%;
}
按钮相关
可以修改按钮边框,颜色,背景色,圆角
.zhuige-button {
margin: 0 100rpx;
line-height: 100rpx;
height: 100rpx;
border-radius: 100rpx;
font-size: 32rpx;
font-weight: 500;
margin-bottom: 1.2rem;
border: 1rpx solid #EEEEEE;
background: none;
color: #FFFFFF;
}
-
Lazy Load WordPress缓存插件WordPress缓存插件,追格小编分享过多篇,有兴趣的朋友可以参考如下,Lazy Load插件出自WP Rocket,该插件可通过缓存静态数据来提高您网站的速度。
-
WPCode:WordPress代码管理插件 在页面中按需插入JS、css、PHP代码WPCode是一个WordPress代码管理插件,支持在页面中按需插入JS、css、PHP代码,追格小编早些时候分享过《WordPress如何在文章指定段落插入广告或固定内容》,有兴趣也可以关注关注。
-
WordPress用户头像和后台管理员头像不显示的解决办法常有小伙伴问追格小编,说WordPress用户头像和后台管理员头像不显示,是否有啥解决办法。若使用的WordPress主题没有自定义头像功能的话,有可能会出现上述所说问题。
-
WordPress小程序直播之追格小程序微信直播模块追格“直播”插件(模块)基于追格小程序(基于WordPress)和微信小程序直播组件开发,人生如戏,每个人都是生活的导演。
-
uniapp 设置微信小程序页面背景色 不起作用为什么设置了背景色无效
-
追格小程序发帖字数限制的修改方法追格小程序发帖字数,因为控件缘故,字数限制为140,若我们想修改成更多应如何处理?其实很简单,我们只需添加maxlength属性即可。
暂无评论,抢个沙发...