近期发现有些用户会对追格资讯小程序开源版(又称酱茄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;
}
-
关于“酱茄free更名为追格资讯开源版”的通知自即日起,我们将正式将小程序“酱茄free”更名为“追格资讯开源版”。感谢大家在过去一年里对我们的支持和陪伴,是您们的信任与支持让我们得以不断成长。
-
css实现点击切换图片效果的方法在css中我们可以使用伪类选择器来实现点击切换图片的效果,看看如何实现的。
-
追格资讯小程序开源版(酱茄free)幻灯片自定义功能发布追格资讯小程序开源版(酱茄free)新增幻灯片功能
-
css样式表的三种样式css(级联样式表)主要有三种样式定义方式
-
如何在css中实现样式优先级在css中,样式优先级是由一系列规则决定的,这些规则决定了当多个样式规则应用于同一个HTML元素时,哪个规则会优先生效。
-
css文本超出显示3个点的方法在css中,如果你想让超出特定长度的文本显示为三个点(...),你可以使用text-overflow属性,配合overflow和white-space属性。
暂无评论,抢个沙发...