xuan/TestEShopDist
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
TestEShopDist/dist/pages/index/index.wxss
xuan afec01d797 1
2023-05-12 11:43:37 +08:00

591 lines
22 KiB
Plaintext
Raw Blame History

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/index/index.module.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-module__common_safe_area_y___vHyf4 {
width: 100%;
height: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
height: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
.index-module__hoverClass___pLHrX {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.index-module__full-100___IZ5_J {
width: 100%;
height: 100%;
}
.index-module__main___JPpSA {
background-color: #fff;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.index-module__main___JPpSA .index-module__header___frnFD {
background-color: #fff;
}
.index-module__main___JPpSA .index-module__search___XrbGQ {
width: 100%;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index-module__main___JPpSA .index-module__search___XrbGQ .index-module__search_collect___fQhrV {
font-size: 26rpx;
border: 2rpx solid #4581ff;
color: #4581ff;
border-radius: 50rpx;
width: 132rpx;
height: 44rpx;
text-align: center;
line-height: 44rpx;
}
.index-module__main___JPpSA .index-module__search___XrbGQ .index-module__search_input___hZESG {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__flex_container___l6BPi {
padding: 32rpx 20rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__flex_container___l6BPi .index-module__flex_item___rEhmQ {
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__flex_container___l6BPi .index-module__flex_item_text___KpsBf {
text-align: center;
margin-top: 10rpx;
font-size: 24rpx;
color: #676767;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS {
height: 290rpx;
display: grid;
grid-template-columns: 305rpx auto;
grid-template-rows: 1fr 1fr;
grid-row-gap: 16rpx;
grid-column-gap: 16rpx;
padding: 0 24rpx;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_left___njod7 {
grid-column-start: 1;
grid-column-end: 2;
grid-row-start: 1;
grid-row-end: 3;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_left_image___VcwkE {
height: 100%;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_top___Fqfwf {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 1;
grid-row-end: 2;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_top_image___TLJdp {
height: 137rpx;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_bottom___Ad6e3 {
grid-column-start: 2;
grid-column-end: 3;
grid-row-start: 2;
grid-row-end: 3;
}
.index-module__main___JPpSA .index-module__category___NGAdG .index-module__grid_container___fj9iS .index-module__grid_bottom_image___Rm8b1 {
height: 137rpx;
}
.index-module__main___JPpSA .index-module__extended_module___Boz7f {
padding: 0 24rpx;
}
.index-module__main___JPpSA .index-module__extended_module___Boz7f .index-module__module_header___ZDtEj {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 24rpx 0;
}
.index-module__main___JPpSA .index-module__extended_module___Boz7f .index-module__module_header_title___pMdnI {
color: #4e4e4e;
font-size: 32rpx;
font-weight: bold;
}
.index-module__main___JPpSA .index-module__extended_module___Boz7f .index-module__module_header_more___gQpgb {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 28rpx;
color: #4581ff;
}
.index-module__more_recommend___KivWj {
color: #4581ff;
text-align: center;
font-size: 28rpx;
padding: 20rpx 0;
}
.index-module__homeItem___wY3Pe {
position: absolute;
top: 40rpx;
left: 24rpx;
}
.index-module__homeItem___wY3Pe .index-module__homeItemTitle___gPKuc {
font-size: 48rpx;
font-weight: 500;
color: #0e6a7d;
line-height: 48rpx;
}
.index-module__homeItem___wY3Pe .index-module__homeItemContent___rOeoG {
color: #bfc0c4;
line-height: 38rpx;
font-size: 25rpx;
}
.index-module__grid_left_image___VcwkE,
.index-module__grid_top_image___TLJdp,
.index-module__grid_bottom_image___Rm8b1 {
position: relative;
}
.index-module__grid_left_image___VcwkE {
position: relative;
}
.index-module__grid_left_image___VcwkE .index-module__dots___tF7Ls {
position: absolute;
left: 26rpx;
bottom: 17rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-module__grid_left_image___VcwkE .index-module__dots___tF7Ls .index-module__dot___WCxev {
border-radius: 50%;
width: 10rpx;
height: 10rpx;
background-color: #000;
opacity: 0.3;
margin: 0 12rpx;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.index-module__grid_left_image___VcwkE .index-module__dots___tF7Ls .index-module__active_dot___HqcX1 {
width: 28rpx;
border-radius: 100rpx;
background-color: #000;
opacity: 0.8;
}
.index-module__xswiper___XtWCT {
height: 100% !important;
border-radius: 20rpx;
}
.index-module__xswiper___XtWCT .index-module__image_item___srAJ6 {
width: 100%;
height: 100%;
}
.index-module__xswiper___XtWCT .index-module__image_item___srAJ6 image {
width: 100%;
height: 100%;
border-radius: 20rpx;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/pages/index/components/guessULikeList/index.module.scss ***!
\**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-module__common_safe_area_y___Fh00l {
width: 100%;
height: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
height: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
.index-module__hoverClass___Ha1V3 {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.index-module__full-100___MX0l5 {
width: 100%;
height: 100%;
}
.index-module__products_list___yRnlK {
padding-bottom: 20rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
.index-module__products_item___Fjg81 {
width: 100%;
background-color: #fff;
border-radius: 20rpx;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-shadow: 0rpx 0rpx 36rpx -7rpx rgba(0, 0, 0, 0.08);
box-shadow: 0rpx 0rpx 36rpx -7rpx rgba(0, 0, 0, 0.08);
overflow: hidden;
}
.index-module__products_item___Fjg81:nth-child(n+2) {
margin-top: 16rpx;
}
.index-module__products_item___Fjg81 .index-module__item_img___MfTuJ {
width: 188rpx;
height: 188rpx;
position: relative;
}
.index-module__products_item___Fjg81 .index-module__item_img___MfTuJ image {
width: 100%;
height: 100%;
border-radius: 0;
}
.index-module__products_item___Fjg81 .index-module__item_img___MfTuJ .index-module__num___WpS4i {
padding: 5rpx 10rpx 5rpx 20rpx;
font-size: 22rpx;
position: absolute;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.3);
border-radius: 36rpx 0rpx 0rpx 0rpx;
color: #fff;
text-align: center;
}
.index-module__products_item___Fjg81 .index-module__item_img___MfTuJ .index-module__collection_icon___bcUYg {
position: absolute;
left: 12rpx;
top: 13rpx;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
padding: 16rpx 20rpx;
font-size: 28rpx;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__title___Hs8MQ {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__title___Hs8MQ .index-module__title_text___VlnVT {
overflow: hidden;
display: -webkit-box;
white-space: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__title___Hs8MQ .index-module__title_text_container___xGb0h {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 28rpx;
color: #707070;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__title___Hs8MQ .index-module__title_text_code___WNrtY {
color: #333333;
margin-right: 10rpx;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__title___Hs8MQ .index-module__favorite___w13oo {
width: 40rpx;
height: 40rpx;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__tag_list____qFis {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__tag_list____qFis .index-module__tag___KquQT,
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__tag_list____qFis .index-module__tag_g___wFXmf {
max-width: 260rpx;
padding: 3rpx 10rpx;
background-color: #cde5ff;
height: 34rpx;
line-height: 34rpx;
font-size: 24rpx;
border-radius: 5rpx;
border: 0;
color: #4581ff;
margin-right: 10rpx;
margin-bottom: 10rpx;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__tag_list____qFis .index-module__tag_g___wFXmf {
background-color: #ffe6ce;
color: #ee7500;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__bottom___EDEws {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__des___PdSpJ {
font-size: 24rpx;
color: #707070;
overflow: hidden;
display: -webkit-box;
white-space: normal;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__price___ifMV7 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
color: #f64861;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
font-weight: 550;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__price_unit___ErBzE {
font-size: 18rpx;
}
.index-module__products_item___Fjg81 .index-module__item_con___oBWhr .index-module__price_num___KegmJ {
font-size: 28rpx;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/components/PreviewImage/index.module.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-module__common_safe_area_y___wdSEv {
width: 100%;
height: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
height: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
.index-module__hoverClass___jlJGZ {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.index-module__full-100___UZBbP {
width: 100%;
height: 100%;
}
.index-module__codePreview___IN1Ji {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index-module__codePreview___IN1Ji .index-module__imageContainer___QPXxI {
width: 80vw;
height: auto;
overflow: hidden;
}
.index-module__codePreview___IN1Ji .index-module__imageContainer___QPXxI .index-module__image___PnsC8 {
width: 100%;
height: 100%;
border-radius: 20rpx;
}
.index-module__codePreview___IN1Ji .index-module__previewTips____GKC_ {
position: absolute;
bottom: -80rpx;
font-size: 40rpx;
font-weight: 400;
color: #c2c2c2;
letter-spacing: 5rpx;
white-space: nowrap;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/components/PreviewVideo/index.module.scss ***!
\********************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-module__common_safe_area_y___ed0IT {
width: 100%;
height: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
height: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
.index-module__hoverClass___acNi0 {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.index-module__full-100___uCpvj {
width: 100%;
height: 100%;
}
.index-module__codePreview___ol8IB {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: column nowrap;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.index-module__codePreview___ol8IB .index-module__imageContainer___Rdqx9 {
width: 80vw;
height: auto;
overflow: hidden;
}
.index-module__codePreview___ol8IB .index-module__imageContainer___Rdqx9 .index-module__video___yhwPN {
width: 100%;
height: 75vh;
border-radius: 20rpx;
}
.index-module__codePreview___ol8IB .index-module__previewTips___X0mHB {
position: absolute;
bottom: -80rpx;
font-size: 40rpx;
font-weight: 400;
color: #c2c2c2;
letter-spacing: 5rpx;
white-space: nowrap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
!*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[0].use[4]!./src/components/banner/index.module.scss ***!
\**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.index-module__common_safe_area_y___RA1I2 {
width: 100%;
height: constant(safe-area-inset-bottom);
/* 兼容 iOS < 11.2 */
height: env(safe-area-inset-bottom);
/* 兼容 iOS >= 11.2 */
}
.index-module__hoverClass___kLP4G {
-webkit-filter: brightness(70%);
filter: brightness(70%);
}
.index-module__full-100___FW8ni {
width: 100%;
height: 100%;
}
.index-module__swiper_con___I_gvh {
padding: 0 20rpx;
height: 270rpx;
position: relative;
}
.index-module__swiper_con___I_gvh .index-module__xswiper___HELcC {
height: 100% !important;
border-radius: 20rpx;
}
.index-module__swiper_con___I_gvh .index-module__xswiper___HELcC .index-module__image_item___OugyA {
width: 100%;
height: 100%;
}
.index-module__swiper_con___I_gvh .index-module__xswiper___HELcC .index-module__image_item___OugyA image {
width: 100%;
height: 100%;
border-radius: 20rpx;
}
.index-module__swiper_con___I_gvh .index-module__dots___v8Twk {
position: absolute;
right: 26rpx;
bottom: 17rpx;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-flow: row nowrap;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.index-module__swiper_con___I_gvh .index-module__dots___v8Twk .index-module__dot___aKYHC {
border-radius: 50%;
width: 10rpx;
height: 10rpx;
background-color: #000;
opacity: 0.3;
margin: 0 12rpx;
-webkit-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.index-module__swiper_con___I_gvh .index-module__dots___v8Twk .index-module__active_dot___HTjFV {
width: 28rpx;
border-radius: 100rpx;
background-color: #000;
opacity: 0.8;
}
Reference in New Issue View Git Blame Copy Permalink