/** * uni-app内置的常用样式变量 */ /* 行为相关颜色 */ /* 文字基本颜色 */ /* 背景颜色 */ /* 边框颜色 */ /* 尺寸变量 */ /* 文字尺寸 */ /* 图片尺寸 */ /* Border Radius */ /* 水平间距 */ /* 垂直间距 */ /* 透明度 */ /* 文章场景相关 */ .u-wrap.data-v-3e59c162 { height: 100vh; display: flex; flex-direction: column; } .u-search-box.data-v-3e59c162 { padding: 18rpx 30rpx; } .u-menu-wrap.data-v-3e59c162 { flex: 1; display: flex; overflow: hidden; } .u-search-inner.data-v-3e59c162 { background-color: #eaeaea; border-radius: 100rpx; display: flex; align-items: center; padding: 10rpx 16rpx; } .u-search-text.data-v-3e59c162 { font-size: 26rpx; color: #909193; margin-left: 10rpx; } .u-tab-view.data-v-3e59c162 { width: 200rpx; height: 100%; } .u-tab-item.data-v-3e59c162 { height: 110rpx; background: #f6f6f6; box-sizing: border-box; display: flex; align-items: center; justify-content: center; font-size: 26rpx; color: #444; font-weight: 400; line-height: 1; } .u-tab-item-active.data-v-3e59c162 { position: relative; color: #000; font-size: 30rpx; font-weight: 600; background: #fff; } .u-tab-item-active.data-v-3e59c162::before { content: ""; position: absolute; border-left: 4px solid #3c9cff; height: 32rpx; left: 0; top: 39rpx; } .u-tab-view.data-v-3e59c162 { height: 100%; } .right-box.data-v-3e59c162 { background-color: #fafafa; } .page-view.data-v-3e59c162 { padding: 16rpx; } .class-item.data-v-3e59c162 { margin-bottom: 30rpx; background-color: #fff; padding: 16rpx; border-radius: 8rpx; } .class-item.data-v-3e59c162:last-child { min-height: 100vh; } .item-title.data-v-3e59c162 { font-size: 26rpx; color: #303133; font-weight: bold; } .item-menu-name.data-v-3e59c162 { font-weight: normal; font-size: 24rpx; color: #303133; } .item-container.data-v-3e59c162 { display: flex; flex-wrap: wrap; } .thumb-box.data-v-3e59c162 { width: 33.333333%; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-top: 20rpx; } .item-menu-image.data-v-3e59c162 { width: 120rpx; height: 120rpx; }