From b94989d2a721f9c9ccf95549d9c534ff318adb6e Mon Sep 17 00:00:00 2001 From: lf <1534621107@qq.com> Date: Thu, 6 Jun 2024 09:28:07 +0800 Subject: [PATCH] =?UTF-8?q?=E5=88=9D=E5=A7=8B=E5=8C=96?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/activity/index.scss | 551 ++++++++++++++++++++++++++++++++++ src/pages/activity/index.vue | 1 + 2 files changed, 552 insertions(+) create mode 100644 src/pages/activity/index.scss diff --git a/src/pages/activity/index.scss b/src/pages/activity/index.scss new file mode 100644 index 0000000..a29d1ed --- /dev/null +++ b/src/pages/activity/index.scss @@ -0,0 +1,551 @@ +/*每个页面公共css */ +body { + height: auto !important; +} +.pos { + position: relative; +} + +.abs { + position: absolute; +} + +.flex-center { + display: flex; + flex-direction: column; + align-items: center; +} + +.flex-row-jus-center { + display: flex; + flex-direction: column; + justify-content: space-between; +} + +.flex-row-center { + display: flex; + align-items: center; +} + +.flex-col-center { + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} + +.ellipsis-two { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + white-space: normal !important; + -webkit-line-clamp: 2; + -webkit-box-orient: vertical; +} + +.ellipsis-one { + display: -webkit-box; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; + white-space: normal !important; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; +} + +.bold { + font-weight: bold; +} + +.bolder { + font-weight: bolder; +} + +/* ----------------------------- */ +.flex_start { + display: -webkit-flex; + display: flex; + justify-content: flex-start; +} + +.flex_end { + display: -webkit-flex; + display: flex; + justify-content: flex-end; +} + +.flex_center { + display: -webkit-flex; + display: flex; + justify-content: center; +} + +.flex_around { + display: -webkit-flex; + display: flex; + justify-content: space-around; +} + +.flex_between { + display: -webkit-flex; + display: flex; + justify-content: space-between; +} + +.flex_warp { + display: -webkit-flex; + display: flex; + flex-wrap: wrap; + overflow: hidden; + width: 100%; +} + +.flex_items { + align-items: center; +} + +.flex_column { + display: -webkit-flex; + display: flex; + flex-direction: column; +} + +.mlr10 { + margin-left: 10rpx; + margin-right: 10rpx; +} + +.mlr20 { + margin-left: 20rpx; + margin-right: 20rpx; +} + +.mlr30 { + margin-left: 30rpx; + margin-right: 30rpx; +} + +.mtb10 { + margin-top: 10rpx; + margin-bottom: 10rpx; +} + +.mtb20 { + margin-top: 20rpx; + margin-bottom: 20rpx; +} + +.mtb30 { + margin-top: 30rpx; + margin-bottom: 30rpx; +} + +.mt5 { + margin-top: 5rpx; +} + +.mt10 { + margin-top: 10rpx; +} + +.mt15 { + margin-top: 15rpx; +} + +.mt20 { + margin-top: 20rpx; +} + +.mt25 { + margin-top: 25rpx; +} + +.mt30 { + margin-top: 30rpx; +} + +.mt35 { + margin-top: 35rpx; +} + +.mt40 { + margin-top: 40rpx; +} + +.mt50 { + margin-top: 50rpx; +} + +.mt60 { + margin-top: 60rpx; +} + +.mt80 { + margin-top: 80rpx; +} + +.mt100 { + margin-top: 100rpx; +} + +.mt120 { + margin-top: 120rpx; +} + +.ml5 { + margin-left: 5rpx; +} + +.ml10 { + margin-left: 10rpx; +} + +.ml15 { + margin-left: 15rpx; +} + +.ml20 { + margin-left: 20rpx; +} + +.ml25 { + margin-left: 20rpx; +} + +.ml30 { + margin-left: 30rpx; +} + +.ml35 { + margin-left: 35rpx; +} + +.mb5 { + margin-bottom: 5rpx; +} + +.mb10 { + margin-bottom: 10rpx; +} + +.mb15 { + margin-bottom: 15rpx; +} + +.mb20 { + margin-bottom: 20rpx; +} + +.mb25 { + margin-bottom: 25rpx; +} + +.mb30 { + margin-bottom: 30rpx; +} + +.mb40 { + margin-bottom: 40rpx; +} + +.mb100 { + margin-bottom: 100rpx; +} + +.mr5 { + margin-right: 5rpx; +} + +.mr10 { + margin-right: 10rpx; +} + +.mr15 { + margin-right: 15rpx; +} + +.mr20 { + margin-right: 20rpx; +} + +.mr25 { + margin-right: 25rpx; +} + +.mr30 { + margin-right: 30rpx; +} + +.mr40 { + margin-right: 40rpx; +} +.mr45 { + margin-right: 45rpx; +} +.mr50 { + margin-right: 50rpx; +} + +/* 内边距 */ + +.p20 { + padding: 20rpx; +} + +.p30 { + padding: 30rpx; +} + +.ptb5 { + padding-bottom: 5rpx; + padding-top: 5rpx; +} + +.ptb15 { + padding-bottom: 15rpx; + padding-top: 15rpx; +} + +.ptb10 { + padding-bottom: 10rpx; + padding-top: 10rpx; +} + +.ptb20 { + padding-bottom: 20rpx; + padding-top: 20rpx; +} + +.ptb25 { + padding-bottom: 25rpx; + padding-top: 25rpx; +} + +.ptb30 { + padding-bottom: 30rpx; + padding-top: 30rpx; +} + +.ptb40 { + padding-bottom: 40rpx; + padding-top: 40rpx; +} + +.ptb50 { + padding-bottom: 50rpx; + padding-top: 50rpx; +} + +.plr15 { + padding-left: 15rpx; + padding-right: 15rpx; +} + +.plr10 { + padding-left: 10rpx; + padding-right: 10rpx; +} + +.plr20 { + padding-left: 20rpx; + padding-right: 20rpx; +} + +.plr30 { + padding-left: 30rpx; + padding-right: 30rpx; +} + +.plr50 { + padding-left: 50rpx; + padding-right: 50rpx; +} + +.pt5 { + padding-top: 5rpx; +} + +.pt10 { + padding-top: 10rpx; +} + +.pt15 { + padding-top: 15rpx; +} + +.pt20 { + padding-top: 20rpx; +} + +.pt30 { + padding-top: 30rpx; +} + +.pt35 { + padding-top: 35rpx; +} + +.pt50 { + padding-top: 50rpx; +} + +.pb10 { + padding-bottom: 10rpx; +} + +.pb20 { + padding-bottom: 20rpx; +} + +.pb30 { + padding-bottom: 30rpx; +} + +.pb35 { + padding-bottom: 35rpx; +} + +.pb40 { + padding-bottom: 40rpx; +} + +.pb80 { + padding-bottom: 80rpx; +} + +.pl10 { + padding-left: 10rpx; +} + +.pl15 { + padding-left: 15rpx; +} + +.pl20 { + padding-left: 20rpx; +} + +.pl30 { + padding-left: 30rpx; +} + +.pl60 { + padding-left: 60rpx; +} + +.pl50 { + padding-left: 50rpx; +} + +.pr20 { + padding-right: 20rpx; +} + +.pr30 { + padding-right: 30rpx; +} + +.p10 { + padding: 10rpx; +} + +.p15 { + padding: 15rpx; +} + +/* 底部边框 */ + +.bbe9s { + border-bottom: 1rpx solid #e9e9e9; +} + +.bgwhite { + background: white; +} + +/* 字体大小 */ + +.f80 { + font-size: 80rpx; +} + +.f50 { + font-size: 50rpx; +} + +.f58 { + font-size: 58rpx; +} + +.f40 { + font-size: 40rpx; +} + +.f44 { + font-size: 44rpx; +} + +.f48 { + font-size: 48rpx; +} + +.f38 { + font-size: 38rpx; +} + +.f36 { + font-size: 36rpx; +} + +.f34 { + font-size: 34rpx; +} + +.f32 { + font-size: 32rpx; +} + +.f30 { + font-size: 30rpx; +} + +.f28 { + font-size: 28rpx; +} + +.f26 { + font-size: 26rpx; +} + +.f24 { + font-size: 24rpx; +} + +.f22 { + font-size: 22rpx; +} + +.f20 { + font-size: 20rpx; +} + +.f18 { + font-size: 18rpx; +} + +.f16 { + font-size: 16rpx; +} + +.f-center { + text-align: center; +} + +.divbox { + box-shadow: 0 0 9px #e2e2e2; +} + +.bte9s { + border-top: 1px solid #e9e9e9; +} diff --git a/src/pages/activity/index.vue b/src/pages/activity/index.vue index b2c541a..b75c1ba 100644 --- a/src/pages/activity/index.vue +++ b/src/pages/activity/index.vue @@ -325,6 +325,7 @@ function gethome(aa) {