Browse Source

样式修改

tanxue 4 months ago
parent
commit
8fd86ca32c
2 changed files with 7 additions and 4 deletions
  1. 5 2
      common/styles/global/pages.scss
  2. 2 2
      components/catalogue/catalogue.vue

+ 5 - 2
common/styles/global/pages.scss

@@ -500,8 +500,11 @@
 
 //目录页
 .ezy-catalogue-dialog{
-	width: 663rpx;height: 1038rpx;padding: 180rpx 52rpx 60rpx;box-sizing: border-box;position: relative;
+	width: 663rpx;height: 1038rpx;padding: 180rpx 52rpx 60rpx 40rpx;box-sizing: border-box;position: relative;
 	@include ezy-no-repeat-cover;display: flex;position: relative;
+	.catalogue-nianji-title{height: 50rpx;line-height: 50rpx;display: inline-block;font-size: 36rpx;color: #fff;
+	background-color: #068aea;padding: 0 20px;border-radius: 0 25rpx 25rpx 0;margin-right: auto;}
+	.catalogue-mt{margin-top: 20rpx;}
 	.uni-scroll-view{position: unset;}
 	.catalogue-close-btn{
 		width: 54rpx;height: 54rpx;
@@ -511,7 +514,7 @@
 	.ezy-catalogue-collapse{
 		background-color: transparent!important;flex: 1;overflow-y: auto;
 		.collapse-item-box{
-			padding: 24rpx 0 24rpx!important;border-bottom: 2rpx dashed #9dc0f6;
+			padding: 24rpx 0 24rpx 12rpx!important ;border-bottom: 2rpx dashed #9dc0f6;
 			.uni-collapse-item__wrap{background-color: transparent!important;}
 			.collapse-title{display: flex;font-size: 28rpx;font-weight: 700;color: #0a549d;position: relative;}
 			.collapse-num-box{

+ 2 - 2
components/catalogue/catalogue.vue

@@ -5,12 +5,12 @@
 		:style="{backgroundImage: 'url(' + catalogueBjFun() + ')'}">
 			<uni-icons @click="handleClose" class="catalogue-close-btn"></uni-icons>
 			<!-- 当前上下册只针对数学 -->
-			<view v-if="cardId == 1" style="height: 50px;line-height: 50px;">L{{nianji}}上</view>
+			<view v-if="cardId == 1" class="catalogue-nianji-title">L{{nianji}}上</view>
 			<!-- 目录区域 -->
 			<uni-collapse v-model="activeCollapse" class="ezy-catalogue-collapse" :class="{ 'ezy-catalogue-collapse-vip': AuthCode === 'VIP'}" accordion>
 				<template v-for="(item,index) in list">
 					<!-- 当前上下册只针对数学 -->
-					<view v-if="cardId == 1 && index == shuxueShangxia" style="height: 50px;line-height: 50px;">L{{nianji}}下</view>
+					<view v-if="cardId == 1 && index == shuxueShangxia" class="catalogue-nianji-title catalogue-mt">L{{nianji}}下</view>
 					<uni-collapse-item title-border="none" :border="false" :name="index+''" 
 					class="collapse-item-box" :class="{ 'collapse-active': activeCollapse === index+''}">
 						<template v-slot:title>