You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
371 lines
7.0 KiB
371 lines
7.0 KiB
/**index.wxss**/
|
|
|
|
.view_title{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.view_content{
|
|
padding: 1;
|
|
}
|
|
.navigator_title{
|
|
padding: 20rpx;
|
|
flex: 1;
|
|
}
|
|
.navigator_content{
|
|
padding: 30rpx;
|
|
}
|
|
/* .view_item{
|
|
border: 1px solid #70bcf6;
|
|
|
|
} */
|
|
.search{
|
|
width:700rpx;
|
|
height:70rpx;
|
|
background: rgb(245, 245, 245);
|
|
border-radius:30rpx;
|
|
padding-left: 20rpx;
|
|
display: flex;
|
|
|
|
}
|
|
.search input{
|
|
flex:1;
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
.search_item{
|
|
background-color: aliceblue;
|
|
font-size: 26rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* 底部弹出 */
|
|
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
|
|
|
.pupContent {
|
|
width: 100%;
|
|
top: 70%;
|
|
background: rgb(206, 198, 198);
|
|
position: absolute;
|
|
bottom: 0; box-shadow: 0 0 10rpx #333;
|
|
height: 0; z-index: 999; } /* 设置显示的背景 */
|
|
|
|
.showBG { display: block; }
|
|
|
|
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
|
|
|
@keyframes slideBGtUp {
|
|
from { background: transparent; }
|
|
to { background: rgba(0, 0, 0, 0.1); } }
|
|
|
|
@keyframes slideBGDown {
|
|
from { background: rgba(0, 0, 0, 0.1); }
|
|
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
|
|
|
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
|
|
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
|
|
|
.showContent { display: block; }
|
|
|
|
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
|
|
|
@keyframes slideContentUp {
|
|
from { height: 0; }
|
|
to { height: 800rpx; } }
|
|
|
|
@keyframes slideContentDown {
|
|
from { height: 800rpx; }
|
|
to { height: 0; } } /* 显示或关闭内容时动画 */
|
|
|
|
.open {
|
|
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
|
|
.close {
|
|
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
.btn_22[plain]{
|
|
padding: 0;
|
|
border:none;
|
|
/* width: 150rpx; */
|
|
height: 150rpx;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
.image_22{
|
|
height: 150rpx;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 20%;
|
|
right: 1%;
|
|
}
|
|
.xiebj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.paibj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.dubj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.riji_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
|
|
.goods_item{
|
|
display: flex;
|
|
}
|
|
|
|
.goods_info_wrap{
|
|
/* margin-top: 1%; */
|
|
/* flex: 3; */
|
|
|
|
/* position: relative; */
|
|
display: flex;
|
|
height: 150rpx;
|
|
flex-direction: column;
|
|
justify-content: space-around;
|
|
}
|
|
.img_6{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.biaoti_1{
|
|
text-align: left;
|
|
font-style: normal;
|
|
font-weight: bold;
|
|
font-size: 1.2rem;
|
|
color: #0f1213;
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
|
|
-webkit-line-clamp: 1;
|
|
}
|
|
.neirong_1{
|
|
color: rgb(44, 30, 66);
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
/* 第几行省略就是几👇 */
|
|
-webkit-line-clamp: 2;
|
|
}/**index.wxss**/
|
|
|
|
.view_title{
|
|
display: flex;
|
|
justify-content: center;
|
|
}
|
|
.view_content{
|
|
padding: 1;
|
|
}
|
|
.navigator_title{
|
|
padding: 20rpx;
|
|
flex: 1;
|
|
}
|
|
.navigator_content{
|
|
padding: 30rpx;
|
|
}
|
|
/* .view_item{
|
|
border: 1px solid #70bcf6;
|
|
|
|
} */
|
|
|
|
.search{
|
|
width:700rpx;
|
|
height:70rpx;
|
|
background: rgb(245, 245, 245);
|
|
border-radius:30rpx;
|
|
padding-left: 20rpx;
|
|
display: flex;
|
|
|
|
}
|
|
.search input{
|
|
flex:1;
|
|
margin-left: 20rpx;
|
|
|
|
}
|
|
|
|
.search_item{
|
|
background-color: aliceblue;
|
|
font-size: 26rpx;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
/* 底部弹出 */
|
|
.pupContentBG { width: 100vw; height: 100vh; position: fixed; top: 0; }
|
|
|
|
.pupContent {
|
|
width: 100%;
|
|
top: 70%;
|
|
background: rgb(206, 198, 198);
|
|
position: absolute;
|
|
bottom: 0; box-shadow: 0 0 10rpx #333;
|
|
height: 0; z-index: 999; } /* 设置显示的背景 */
|
|
|
|
.showBG { display: block; }
|
|
|
|
.hideBG { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
|
|
|
@keyframes slideBGtUp {
|
|
from { background: transparent; }
|
|
to { background: rgba(0, 0, 0, 0.1); } }
|
|
|
|
@keyframes slideBGDown {
|
|
from { background: rgba(0, 0, 0, 0.1); }
|
|
to { background: transparent; } } /* 显示或关闭内容时动画 */
|
|
|
|
.openBG { animation: slideBGtUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
|
|
.closeBG { animation: slideBGDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ } /* 设置显示内容 */
|
|
|
|
.showContent { display: block; }
|
|
|
|
.hideContent { display: none; } /* 弹出或关闭动画来动态设置内容高度 */
|
|
|
|
@keyframes slideContentUp {
|
|
from { height: 0; }
|
|
to { height: 800rpx; } }
|
|
|
|
@keyframes slideContentDown {
|
|
from { height: 800rpx; }
|
|
to { height: 0; } } /* 显示或关闭内容时动画 */
|
|
|
|
.open {
|
|
animation: slideContentUp 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
|
|
.close {
|
|
animation: slideContentDown 0.5s ease-in both; /* animation-fill-mode: both 动画将会执行 forwards 和 backwards 执行的动作。 */ }
|
|
.btn_22[plain]{
|
|
padding: 0;
|
|
border:none;
|
|
/* width: 150rpx; */
|
|
height: 150rpx;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 100%;
|
|
}
|
|
.image_22{
|
|
height: 150rpx;
|
|
position: fixed;
|
|
bottom: 0;
|
|
width: 20%;
|
|
right: 1%;
|
|
}
|
|
.xiebj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.paibj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.dubj_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.riji_1{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
|
|
.goods_item{
|
|
display: flex;
|
|
/* border-bottom: 1px solid rgb(112, 224, 209); */
|
|
}
|
|
.goods_img_wrap{
|
|
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
.first_tab{
|
|
border-bottom: 1px solid rgb(190, 188, 204);
|
|
margin-top: 1%;
|
|
height: 13%;
|
|
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
.shijian_1{
|
|
position: relative;
|
|
left: 0;
|
|
font-size: 0.5rem;
|
|
}
|
|
|
|
|
|
.img_6{
|
|
width: 120rpx;
|
|
height: 120rpx;
|
|
}
|
|
.btn_sc{
|
|
position: absolute;
|
|
display: flex;
|
|
left: 80%;
|
|
width: 10%;
|
|
height:100rpx;
|
|
|
|
|
|
}
|
|
|
|
.sc_1{
|
|
position: absolute;
|
|
bottom: 0%;
|
|
left: 45%;
|
|
font-size: 15px;
|
|
font-weight: normal;
|
|
}
|
|
.image_1{
|
|
position: absolute;
|
|
width: 70rpx;
|
|
height: 70rpx;
|
|
right: 15%;
|
|
bottom: 35%;
|
|
}
|
|
|
|
.neirong_1{
|
|
color: rgb(44, 30, 66);
|
|
display: -webkit-box;
|
|
overflow: hidden;
|
|
-webkit-box-orient: vertical;
|
|
/* 第几行省略就是几👇 */
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
.bg_99{
|
|
background-color: #DDDCE1;
|
|
}
|
|
.top {
|
|
width: 100%;
|
|
background-color: #cfcbdf;
|
|
}
|
|
.topsearch {
|
|
width: 90%;
|
|
margin-left: 5%;
|
|
display: flex;
|
|
padding: 2% 0;
|
|
align-items: center;
|
|
}
|
|
.frame {
|
|
background-color: white;
|
|
width: 75%;
|
|
border-radius: 20rpx;
|
|
padding: 0 3%;
|
|
}
|
|
.frame>input {
|
|
font-size: 24rpx;
|
|
margin: 6rpx 0;
|
|
}
|
|
page{
|
|
background-color: #DDDCE1;
|
|
|
|
}
|
|
.topsearch>text {
|
|
width: 15%;
|
|
margin-left: 5%;
|
|
color: #040608;
|
|
} |