소스 검색

样式调整

tanxue 7 달 전
부모
커밋
edd9182049
2개의 변경된 파일10개의 추가작업 그리고 9개의 파일을 삭제
  1. 8 7
      common/styles/global/pages.scss
  2. 2 2
      components/catalogue/catalogue.vue

+ 8 - 7
common/styles/global/pages.scss

@@ -318,22 +318,23 @@
 	.ezy-catalogue-collapse{
 		background-color: transparent!important;flex: 1;overflow-y: auto;
 		.collapse-item-box{
-			display: flex;flex-direction: column;padding: 24rpx 40rpx 24rpx 10rpx;box-sizing: border-box;
-			border-bottom: 2rpx dashed #9dc0f6;position: relative;
+			display: flex;flex-direction: column;padding: 24rpx 10rpx 24rpx 10rpx;box-sizing: border-box;
+			border-bottom: 2rpx dashed #9dc0f6;
 			.uni-collapse-item__wrap{background-color: transparent!important;}
-			.collapse-title{display: flex;font-size: 30rpx;font-weight: 700;color: #0a549d;}
+			.collapse-title{display: flex;font-size: 30rpx;font-weight: 700;color: #0a549d;position: relative;}
 			.collapse-num-box{
 				width: 46rpx;height: 46rpx;line-height: 46rpx;font-size: 30rpx;font-weight: 700;color: #fff;text-align: center;
 				background-image: url("@/static/images/catalog/num-bj.png");@include ezy-no-repeat-cover;
 				-webkit-text-stroke: 1rpx #0d64d7;text-stroke: 1rpx #0d64d7;margin-right: 20rpx;
 			}
+			.uni-collapse-item__title-arrow{margin-right: 60rpx;}
 			.uni-icons{
 				width: 37rpx;height: 37rpx;
 				background-image: url("@/static/images/catalog/jt-btn.png");@include ezy-no-repeat-cover;
 				&::before{display: none;}
 			}
 			.collapse-lock{
-				width: 35rpx;height: 41rpx;position: absolute;right: 0rpx;top: 24rpx;right: 12rpx;
+				width: 35rpx;height: 41rpx;position: absolute;right: -90rpx;top: 0rpx;
 				background-image: url("@/static/images/catalog/catalog-lock.png");@include ezy-no-repeat-cover;
 			}
 		}
@@ -431,7 +432,7 @@
 		font-size: 38rpx;font-weight: 800; color: #000;
 		.text-red{color: #ff6500;margin: 0 8rpx;}
 		.text-score{
-			width: 160rpx;font-size: 82rpx;weight: 800;color: #ff6701;
+			width: 160rpx;font-size: 82rpx;font-weight: 800;color: #ff6701;
 			-webkit-text-stroke: 0.6rpx #fff;text-stroke: 0.6rpx #fff;
 			margin: 110rpx 0 0 160rpx;text-align: center;}
 	}
@@ -512,7 +513,7 @@
 	background-image: url("@/static/images/course/video-score-bj.png");
 	margin-bottom: 20%;position: relative;
 	.text-score{
-			width: 220rpx;font-size: 100rpx;weight: 800;color: #ff6701;
+			width: 220rpx;font-size: 100rpx;font-weight: 800;color: #ff6701;
 			-webkit-text-stroke: 0.6rpx #fff;text-stroke: 0.6rpx #fff;
 			margin: 110rpx 0 0 160rpx;text-align: right;position: absolute;
 			bottom: 230rpx;left: 0;
@@ -527,7 +528,7 @@
 // height:$titleBar-tabBar-page;
 .lli-develop-expect-page{
 	display: flex;flex-direction: column;justify-content: space-between;align-items: center;
-	position: relative;padding: 24px 0 0;box-sizing: border-box;
+	position: relative;box-sizing: border-box;padding-top: calc(24rpx + var(--status-bar-height));
 		.page-content{
 			background-color: #9ed5cf;width: 100%;text-align: center;display: block;
 			margin-top: 44px;flex: 1;

+ 2 - 2
components/catalogue/catalogue.vue

@@ -12,9 +12,9 @@
 								<view class="collapse-num-box">{{index+1}}</view>
 								<!-- 章名 -->
 								<text>{{item.zhangName}}</text>
+								<!-- 锁 -->
+								<view class="collapse-lock" v-if="index!=0"></view>
 							</view>
-							<!-- 锁 -->
-							<view class="collapse-lock" v-if="index!=0"></view>
 					</template>
 					<view class="collapse-content-box">
 						<view v-for="(jie,cindex) in item.jieList" class="collapse-content-item">