124 lines
2.5 KiB
CSS
124 lines
2.5 KiB
CSS
/* 页面公用的css样式 */
|
||
@import "./color.css";
|
||
@import "./size.css";
|
||
@import "./utils.css";
|
||
|
||
.header {
|
||
width: 100%;
|
||
left: 0;
|
||
top: 0;
|
||
background-color: var(--whiteColor);
|
||
height: 0.96rem;
|
||
z-index: 999;
|
||
padding-top: 0.08rem;
|
||
}
|
||
.header .icon-fanhui {
|
||
font-size: 0.44rem !important;
|
||
}
|
||
.content {
|
||
margin-top: 0.96rem;
|
||
margin-bottom: 1rem;
|
||
}
|
||
.footer {
|
||
width: 100%;
|
||
left: 0;
|
||
bottom: 0;
|
||
height: 1rem;
|
||
background: var(--whiteColor);
|
||
z-index: 999;
|
||
}
|
||
.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;
|
||
}
|
||
.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;
|
||
}
|
||
|