当大家下载的追格小程序时,有些用户会对登录页有自定义的要求,其实自定义登录页面仅需要修改登录页模板的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;
}
-
小站点评更新发布自动获取产品icon和首页弹窗广告功能小站点评V1.5.0更新发布自动获取产品icon和首页弹窗广告功能
-
WordPress是干什么的WordPress是一款开源的CMS,也就是常说的内容管理系统,它基于PHP开发,并使用MySQL作为数据库管理系统。
-
WordPress教程菜鸟教程之WordPress主题和插件开发追格小编同学已经撰写并分享过一些相关的教程,包括WordPress主题开发教程和WordPress插件开发教程。
-
追格小程序V2.2.0两大亮点来袭,你准备好了吗?追格小程序终于迎来了两大全新功能模块的华丽登场!它们分别是圈子(圈主)管理模块和付费推广模块。
-
WordPress新手必学的10个实用小技巧WordPress新手必学的10个实用小技巧,让你轻松驾驭建站之旅!为了让新手朋友在使用WordPress时更加得心应手,追格特意整理了这些实用技巧。掌握了它们,你的WordPress之旅将会更加顺畅无阻,快来一起学习吧!
-
一为导航主题(One Nav)和追格小程序冲突的解决方法近期有小伙伴反馈,在一为导航主题(One Nav)上面安装追格小程序后,报错如下
暂无评论,抢个沙发...