From 3af76031f4d1bb8d808a07dff7b3e74a8b0db168 Mon Sep 17 00:00:00 2001 From: yiming <m13691596795@163.com> Date: 星期六, 11 五月 2024 09:37:48 +0800 Subject: [PATCH] 书展邮箱 --- pages/bookExhibitionList/index.wxss | 237 ++++++++++++++++++++++++++++++++++++++++++++++++++++------- 1 files changed, 209 insertions(+), 28 deletions(-) diff --git a/pages/bookExhibitionList/index.wxss b/pages/bookExhibitionList/index.wxss index 6d82580..759ec22 100644 --- a/pages/bookExhibitionList/index.wxss +++ b/pages/bookExhibitionList/index.wxss @@ -1,52 +1,66 @@ /* pages/bookExhibitionList/index.wxss */ +@import "./index.skeleton.wxss"; +.nacigationBar { + background-color: #fff; + display: flex; + align-items: center; +} + +.navbar-title { + white-space: nowrap; + text-overflow: ellipsis; + color: #0F1214; + font-size: 40rpx; + font-weight: bold; + margin-bottom: 5rpx; +} .outside { display: flex; flex-wrap: wrap; justify-content: space-between; - margin: 15px; - - + /* margin: 15px; */ + margin: 0 15px 15px 15px; } .contentBox { width: 330rpx; - /* height: 231rpx; */ - /* border: 1px #000 solid; */ margin: 10px 0; background-color: #fff; - + /* z-index: 11600; */ } -image { - width: 327rpx; +.contentBox .imageBox { + width: 330rpx; height: 128rpx; +} + + + +image { + width: 100%; + height: 100%; } .textBox { font-family: PingFang SC, PingFang SC; width: 280rpx; - /* height: 75rpx; */ font-size: 25rpx; - overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; - /* text-align: center; */ margin: 20rpx; - + margin-left: 30rpx; } .example-search { - /* width: 300px; */ background-color: #fff; - /* padding: 16rpx 32rpx; */ } .iconBox { @@ -65,50 +79,217 @@ .sortBox { color: #999999; display: flex; - /* border-bottom: 1px #ededed solid; */ align-items: center; height: 86rpx; width: 195rpx; margin-top: 8rpx; - font-size: 30rpx; + font-size: 25rpx; } +.outsideSortBox { + width: 96rpx; + height: 95rpx; + margin: 0 15rpx; + box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.16); + padding: 0 10rpx; +} +.sortBox text { + font-family: PingFang SC, PingFang SC; + font-weight: 400; + font-size: 25rpx; + color: #999999; +} .titleBox { display: flex; + align-items: center; margin: 10px; margin-left: 0; padding-top: 30rpx; } + + .frameBox { - width: 13rpx; + width: 7rpx; height: 54rpx; background: #FF6C00; border-radius: 0rpx 9rpx 9rpx 0rpx; - } .titleTextBox { - font-size: 20px; - font-weight: bolder; - margin-left: 10px; - font-family: JDLangZhengTi, JDLangZhengTi; + margin-left: 5px; + width: 180rpx; + height: 36rpx; + /*瀹� 3.7 楂�1 */ } -.classification { +.titleTextBox image { + width: 100%; + height: 100%; + image-rendering: -webkit-optimize-contrast; +} + +/* .classification { width: 550rpx; - /* margin-bottom: 50rpx; */ - -} + margin: 0 30rpx; +} */ .menuBox { display: flex; - height: 75rpx; + height: 100rpx; + margin-top: 10rpx; + align-items: center; } .assembleContent { background-color: #F2F3F8; -} \ No newline at end of file + min-height: 90vh; + margin-top: 270rpx; +} + +.t-dropdown-menu:after, +.t-dropdown-menu::after { + height: 0px; +} + +.t-dropdown-item__body, +.t-dropdown-item__footer, +.t-radio { + background: #F6F6F6 !important; +} + +.t-dropdown-item__body { + padding: 40rpx 0; +} + +.t-dropdown-menu__item { + margin: 10rpx 10rpx 0 10rpx; + border-radius: 40rpx; + height: 68rpx; + background: #F6F6F6 !important; +} + +.t-dropdown-menu__item--active { + height: 68rpx !important; + background: #F6F6F6 !important; +} + +.t-dropdown-menu__item--active, +.t-radio__icon--checked, +.t-checkbox__icon--checked { + color: #FF6C00 !important +} + +.t-dropdown-menu { + width: 750rpx; +} + +.t-checkbox__icon--disabled { + color: #c0c4cc !important; +} + +.t-radio--block { + padding: 20rpx !important; +} + +.t-radio__border { + height: 0 !important; +} + +/* .t-button--primary { + color: #fff !important; + background-color: #FF6C00 !important; + border: 1rpx #fff solid !important; +} */ + +.t-button--primary { + color: var(--td-button-primary-color, var(--td-font-white-1, #ffffff)) !important; + background-color: var(--td-button-primary-bg-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; +} + +.t-button--primary::after { + border-width: var(--td-button-border-width, 4rpx); + border-color: var(--td-button-primary-border-color, var(--td-brand-color, var(--td-primary-color-7, #FF6C00))) !important; +} + +.t-button--primary.t-button--hover::after { + background-color: var(--td-button-primary-active-bg-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; + border-color: var(--td-button-primary-active-border-color, var(--td-brand-color-active, var(--td-primary-color-8, #FF6C00))) !important; +} + + +.t-button--light { + color: #000 !important; + background-color: #fff !important; +} + + +.menu--t-dropdown-menu::after { + background-color: var(--td-component-border, var(--td-gray-color-4, #fff)) !important; +} + +.noData { + margin: 0 auto; + margin-top: 100rpx; +} + +.t-checkbox--tag .t-checkbox__title--checked { + color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; +} + +.t-checkbox--tag.t-checkbox--checked { + color: var(--td-checkbox-tag-active-color, var(--td-brand-color, var(--td-primary-color-7, #fff))) !important; + background-color: var(--td-checkbox-tag-active-bg-color, var(--td-brand-color-light, var(--td-primary-color-1, #FF6C00))) !important; +} + +.outsideBigTitleBox { + position: fixed; + top: 0px; + background-color: #fff; + height: 135px; + z-index: 999; +} + +.disableds { + color: var(--td-dropdown-menu-disabled-colorm, var(--td-font-gray-4, rgba(0, 0, 0, 0.26))) !important; +} + +.scrollViewBox { + height: calc(100vh - 300rpx); + /* width: calc(100vw - 60rpx); */ + /* height: 700rpx; */ +} + + + +.bottom-box { + display: flex; + justify-content: center; + color: #999; + height: 80rpx; + font-size: 28rpx; + --td-loading-color: #ff6c00; + margin-top: 100rpx; + display: flex; + justify-content: center; +} + +.t-search__input-box--square { + border-radius: var(--td-search-square-radius, var(--td-radius-default, 36rpx)) !important; + height: 72rpx; +} + +.t-radio { + font-size: var(--td-radio-font-size, 28rpx) !important; +} + +.titleIconBox .t-icon-base { + font-size: 38rpx; +} + +/* .t-icon-base { + font-size: 38rpx; +} */ \ No newline at end of file -- Gitblit v1.9.1