新安装追格小程序和付费专栏模块后,如果您要对自己的付费模块界面进行调整,可以考虑优先调整以下几部分:
1.专栏详情顶图
找到文件/column/detail/detail.vue,其中的代码,调整宽,高,圆角即可
.zhuige-sp-cover {
height: 480rpx;
width: 100%;
}
2.专栏详情评分
找到文件/column/detail/detail.vue,其中的代码,可以调整字号,字体颜色,粗细,背景色/背景图,以及浮动方式
.zhuige-sp-grade {
display: flex;
align-items: center;
background: #f5f5f5;
border-radius: 12rpx;
}
.zhuige-sp-grade-opt {
width: 70%;
display: flex;
align-items: center;
}
.zhuige-sp-grade-opt>view:nth-child(1) {
font-size: 80rpx;
font-weight: 600;
color: #FF6146;
padding-left: 30rpx;
}
.zhuige-sp-grade-opt>view:nth-child(2) {
margin-left: 20rpx;
}
.zhuige-sp-grade-start .comment-count {
font-size: 24rpx;
font-weight: 300;
color: #666666;
margin-top: -4rpx;
}
.zhuige-sp-grade-score {
width: 30%;
border-left: 1rpx solid #DDDDDD;
text-align: center;
color: #666666;
}
.zhuige-sp-grade-score view {
font-size: 40rpx;
font-weight: 600;
}
.zhuige-sp-grade-score text {
display: block;
font-size: 22rpx;
font-weight: 300;
margin-top: -16rpx;
}
仅调整以下代码即可实现评分块左右互换的效果,如下图
.zhuige-sp-grade {
display: flex;
align-items: center;
background: #f5f5f5;
border-radius: 12rpx;
/** 增加浮动方向控制 **/
flex-direction: row-reverse;
}
.zhuige-sp-grade-score {
width: 30%;
/** 增加改变,同时边框也要换到右侧 **/
border-right: 1rpx solid #DDDDDD;
text-align: center;
color: #666666;
}

-
追格小程序全部产品都已添加隐私弹框为什么不在微信小程序SDK中弹出隐私弹框
-
追格资讯小程序(开源版)更新发布隐私协议接口追格资讯小程序Free(又称酱茄free),实现WordPress网站数据与小程序同步共享,简单的配置就能搭建自己的资讯/博客小程序。一套代码多端适用(微信端、百度端、QQ端、H5端)。
-
追格主题"vip会员和资源下载"插件正式发布“追格主题”是一款免费开源的WordPress主题,专为资源下载、资讯媒体、图文博客网站而设计,响应式布局且自带用户中心、点赞收藏评论、SEO、个人主页、文章目录等功能,追格主题遵循GPL V2.0开源协议发布。以下内容含有广告信息。
-
追格商城小程序(开源版)V1.4.2新增分类排序等功能追格商城小程序(开源版)是一个基于WordPress和Uniapp进行开发的微信商城系统,代码无加密、无后门,简单配置即可发布!
-
2023年国庆放假通知2023年国庆节,追格放假有关事宜通知
-
追格资讯小程序(专业版)文章详情头部图片批量开启的方法有追格资讯小程序专业版用户发帖咨询:想把所有文章都开启头部图片显示,但是旧文章太多了,一个一个编辑文章太麻烦了,有没有什么快捷方式,可以直接修改代码后,实现全部启用?
暂无评论,抢个沙发...