From 681a3a7e9f0b6a9a3b03a31fc3e7dfa43605882f Mon Sep 17 00:00:00 2001 From: xiaowen <372193233@qq.com> Date: Wed, 29 Jun 2022 18:14:58 +0800 Subject: [PATCH] cxw-010203 --- app.wxss | 3 + components/indexCom/eventChild/index.wxml | 2 +- pages/index/index.wxss | 127 +--------------------- 3 files changed, 5 insertions(+), 127 deletions(-) diff --git a/app.wxss b/app.wxss index c6c2985..f6cc12d 100644 --- a/app.wxss +++ b/app.wxss @@ -7,3 +7,6 @@ page{ padding-bottom: 100px; } +.van-tab { + height: 100px !important; +} diff --git a/components/indexCom/eventChild/index.wxml b/components/indexCom/eventChild/index.wxml index 8f77f63..fb4db0e 100644 --- a/components/indexCom/eventChild/index.wxml +++ b/components/indexCom/eventChild/index.wxml @@ -3,7 +3,7 @@ {{item}} - + 热点事件 diff --git a/pages/index/index.wxss b/pages/index/index.wxss index 054e817..81f5c61 100644 --- a/pages/index/index.wxss +++ b/pages/index/index.wxss @@ -7,7 +7,7 @@ .menu-tabs .van-tabs__nav{ background-color: #006BFF;/* 标签背景颜色 */ } -.menu-tabs .van-tab{ +.menu-tabs .van-tab { color: #98CDFF; /* 字体颜色 */ background-color: #006BFF;/* 标签背景颜色 */ } @@ -20,129 +20,4 @@ background: transparent; } -.nav { - /* 设置tab-nav宽高度 */ - height: 80rpx; - width: 100%; - /* 假如您需要并排放置两个带边框的框, - 可通过将 box-sizing 设置为 "border-box"。 */ - box-sizing: border-box; - overflow: hidden; - /* 居中 */ - line-height: 80rpx; - background: #006BFF; - font-size: 28rpx; - color: rgba(250, 242, 242, 0.973); - /* 规定段落中的文本不进行换行: */ - white-space: nowrap; - position: fixed; - top: 0; - left: 0; - z-index: 99; -} - -.nav-item { - width: 20%; - display: inline-block; - text-align: center; -} - -.nav-item.active { - color: rgb(255, 255, 255); - font-size: 38rpx; -} - -.tab-box { - background: rgb(255, 255, 255); - /* 这里设置成nav的高度 */ - padding-top: 80rpx; - height: 100%; - box-sizing: border-box; -} - -.tab-content { - /* 裁剪 div 元素中内容的左/右边缘 - 如果溢出元素的内容区域的话: */ - overflow-y: scroll; -} - - -.main { - background-color: #F9F9F9; - min-height: 100vh; -} - -.mat_title { - color: #999999; - font-size: 24rpx; - margin-bottom: 16rpx; -} - -.mat_num { - font-weight: 900; - font-size: 28rpx; -} - -.mat_image { - width: 100rpx; - height: 100rpx; - /* background: linear-gradient(180deg, #FFB17C 0%, #FFDBC3 100%); */ - border-radius: 8rpx; -} - -.mat_top { - padding: 16rpx; - display: flex; - justify-content: space-between; -} - -.mat_bottom { - width: 328rpx; - height: 76rpx; - border-radius: 0rpx 0rpx 10rpx 10rpx; - font-size: 28rpx; - font-family: PingFangSC-Semibold, PingFang SC; - font-weight: 600; - color: #333333; - line-height: 28rpx; - display: flex; - align-items: center; - justify-content: center; -} - -.mat_card { - background-color: white; - width: 300rpx; - height: 404rpx; - margin: 10rpx 15rpx; - border-radius: 16rpx; - margin-bottom: 32rpx; -} - -.mat{ - width: 686rpx; - padding-top: 24rpx; - margin-left: 32rpx; - margin-right: 32rpx; - /* min-height: 100vh; */ - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} -van-tabs { - color: #000; - width: 100%; - height: 50rpx; - line-height: 50rpx; - background-color: #027AFF; -} -van-tab { - background: #bb5050; - width: 50rpx; - height: 40rpx; -} -.van-tab__pane van-tab__pane--active{ - background: #bb5050; - width: 50rpx; - height: 40rpx; -} \ No newline at end of file