bmy/xiezheng_jq
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

修改css写法
Some checks reported errors
continuous-integration/drone/push Build was killed
Details

Browse Source
This commit is contained in:
编码猿
2024-12-11 00:39:24 +08:00
parent e028792ff9
commit f66211d9cf
5 changed files with 248 additions and 326 deletions
Download Patch File Download Diff File Expand all files Collapse all files

252
css/tool/public.css
View File

@@ -8,159 +8,117 @@
left: 0;
top: 0;
background-color: var(--whiteColor);
height: .96rem;
height: 0.96rem;
z-index: 999;
padding-top: .08rem;
.icon-fanhui {
font-size: .44rem !important;
}
}
.content {
margin-top: .96rem;
padding-top: 0.08rem;
}
.header .icon-fanhui {
font-size: 0.44rem !important;
}
.content {
margin-top: 0.96rem;
margin-bottom: 1rem;
}
.footer {
}
.footer {
width: 100%;
left: 0;
bottom: 0;
height: 1rem;
background: var(--whiteColor);
z-index: 999;
.active {
a {
color: var(--themeColor);
}
}
li {
a {
display: flex;
flex-direction: column;
align-items: center;
color: var(--blackColor);
p {
font-size: 0.22rem;
margin-top: 0.1rem;
}
i {
font-size: .38rem;
}
}
}
}
/* 这是 theme = 1 的默认布局(垂直)样式
1：可以横向滑动
2：一行两个 default-model
*/
.recommend-model {
.title {
height: 45px;
font-size: var(--f19);
font-weight: bolder;
}
.list {
margin-top: .3rem;
overflow-x: scroll;
}
li {
width: 3rem;
margin-right: .2rem;
flex-shrink: 0;
&:last-child {
margin-right: 0;
}
a {
img {
width: 100%;
height: 225px;
margin-bottom: .18rem;
border-radius: .14rem;
object-fit: cover;
}
.text {
font-size: var(--f17);
color: var(--textColor);
margin-bottom: .12rem;
}
.desc {
font-size: var(--f10);
color: var(--tipsTextColor);
.time {}
.view {
.icon-yanjing {
margin-right: .06rem;
}
span {}
}
}
}
}
}
.default-model {
margin-top: .8rem;
.list {
flex-wrap: wrap;
overflow-x: auto;
li {
width: 3.32rem;
margin-bottom: .4rem;
&:nth-child(2n) {
margin-right: 0;
}
}
}
}
/* 这是 theme = 2 的布局样式代码
图片和文字左右布局
*/
.item-theme-horizontally {
}
.footer .active a {
color: var(--themeColor);
}
.footer li a {
display: flex;
flex-direction: column;
align-items: center;
color: var(--blackColor);
}
.footer li a p {
font-size: 0.22rem;
margin-top: 0.1rem;
}
.footer li a i {
font-size: 0.38rem;
}
/* 这是 theme = 1 的默认布局(垂直)样式
1：可以横向滑动
2：一行两个 default-model
*/
.recommend-model .title {
height: 45px;
font-size: var(--f19);
font-weight: bolder;
}
.recommend-model .list {
margin-top: 0.3rem;
overflow-x: scroll;
}
.recommend-model li {
width: 3rem;
margin-right: 0.2rem;
flex-shrink: 0;
}
.recommend-model li:last-child {
margin-right: 0;
}
.recommend-model li a img {
width: 100%;
height: 225px;
margin-bottom: 0.18rem;
border-radius: 0.14rem;
object-fit: cover;
}
.recommend-model li a .text {
font-size: var(--f17);
color: var(--textColor);
margin-bottom: 0.12rem;
}
.recommend-model li a .desc {
font-size: var(--f10);
color: var(--tipsTextColor);
}
.recommend-model li a .desc .view .icon-yanjing {
margin-right: 0.06rem;
}
.default-model {
margin-top: 0.8rem;
}
.default-model .list {
flex-wrap: wrap;
overflow-x: auto;
}
.default-model .list li {
width: 3.32rem;
margin-bottom: 0.4rem;
}
.default-model .list li:nth-child(2n) {
margin-right: 0;
}
/* 这是 theme = 2 的布局样式代码
图片和文字左右布局
*/
.item-theme-horizontally {
width: 100% !important;
a {
display: flex;
img {
width: 1.8rem !important;
height: 1.26rem !important;
flex-shrink: 0;
}
.r {
width: calc(100% - 96px);
margin-left: .1rem;
}
.text {
overflow: visible;
white-space: revert;
font-size: var(--f14) !important;
line-height: 1.4;
}
}
}
}
.item-theme-horizontally a {
display: flex;
}
.item-theme-horizontally a img {
width: 1.8rem !important;
height: 1.26rem !important;
flex-shrink: 0;
}
.item-theme-horizontally a .r {
width: calc(100% - 96px);
margin-left: 0.1rem;
}
.item-theme-horizontally a .text {
overflow: visible;
white-space: revert;
font-size: var(--f14) !important;
line-height: 1.4;
}