近期发现有些用户会对追格资讯小程序开源版(又称酱茄free)登录页有自定义的要求。
这里,我们就给大家简单讲一下,如何通过自定义登录页面模板的css,就可以修登录页展示,实现效果如下。
打开文件pages/login/login.vue
按照以下css进行修改,(搜索类名,按代码修改)即可以实现
//是注释掉的原css,
//补充 后面的是新补充的css
.jiangqie-app-info image {
// height: 200rpx;
// width: 200rpx;
// border-radius: 200rpx;
//补充
height: 160rpx;
width: 160rpx;
border-radius: 20rpx;
}
.jiangqie-login-btn {
// margin-top: 160rpx;
// padding: 0rpx 160rpx;
//补充
position: fixed;
bottom: 200rpx;
display: flex;
text-align: center;
width: 100%;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.jiangqie-login-btnl,
.jiangqie-login-btnr {
height: 80rpx;
font-size: 30rpx;
color: #555;
font-weight: 400;
border-radius: 16rpx;
border: 2rpx solid #DDD;
// margin-top: 30rpx;
//补充
width: 240rpx;
}
// 补充
.jiangqie-login-btn button {
margin: 0 10rpx;
padding: 0;
}
-
如何用css实现倒影效果在电商和产品广告中,我们经常看到水中倒影的效果,其实这种效果我们也可以通过css来实现。并且这种效果也是通过css的几种属性来实现。
-
利用css的延迟操作为页面的交互和动画带来更好的效果css延迟操作是一种常见的css技术,可以用来延迟元素的显示时间。通过在css中设置元素的延迟时间,可以让元素在页面加载完成后才显示,从而为页面的交互和动画效果带来更好的体验。
-
如何利用css的延迟属性结合简单js实现渐变动效通过简单的Scss+TypeScript。我们可以实现视频中常见的渐变动效,这里是通过原生css+JS来实现的
-
如何利用css和简单JavaScript实现文字渐隐动态效果通过css的animation动画及js循环控制实现
-
追格资讯小程序(开源版)更新发布隐私协议接口追格资讯小程序Free(又称酱茄free),实现WordPress网站数据与小程序同步共享,简单的配置就能搭建自己的资讯/博客小程序。一套代码多端适用(微信端、百度端、QQ端、H5端)。
-
WordPress后台隐藏评论菜单入口的方法追格资讯小程序小编讲了《WordPress后台仅限管理员查看评论的修改方法》,今天我们说说WordPress后台隐藏评论菜单入口的方法。
暂无评论,抢个沙发...