Browse Source

样式修改

tanxue 1 tháng trước cách đây
mục cha
commit
65a84b77a9
2 tập tin đã thay đổi với 12 bổ sung4 xóa
  1. 9 4
      common/styles/global/pages.scss
  2. 3 0
      pages/chanpinneirong/index.vue

+ 9 - 4
common/styles/global/pages.scss

@@ -2095,7 +2095,7 @@
 	
 	// 学习目录
 	.xx-item-list{
-		.xx-item-title{text-align: center;margin: 32rpx 0;font-size: 34rpx;color: #333;}
+		.xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;}
 		.item-dy-box{
 			display: flex;align-items: center;justify-content: center;color: #fff;margin-bottom: 24rpx;
 			.dy-left-box{
@@ -2104,9 +2104,6 @@
 				transition: 0.3s;
 				background-image: url("@/static/images/xuexi/xx-ml-left.png");
 			}
-			.dy-left-box:active{
-				transform: translateY(12rpx);
-			}
 			.dy-left-box::after{
 				content: '';width: 32rpx;height: 34rpx;@include ezy-no-repeat-cover;margin-left: auto;
 				background-image: url("@/static/images/xuexi/xx-ml-jt.png");display: block;
@@ -2119,6 +2116,14 @@
 				.dy-name{font-size: 34rpx;margin-bottom: 6rpx;}
 			}
 		}
+		.item-dy-box:active{
+			transform: translateY(12rpx);
+			// transform:scale(0.98);
+		}
+		.item-dy-box.item-fixed{
+			position: fixed;left: 50%;transform: translate(-50%);
+			top: calc(120rpx + var(--status-bar-height));
+		}
 		.xx-item-box{
 			width: 691rpx;height: 172rpx;
 			display: flex;align-items: center;justify-content: space-between;color: #4b4b4b;;

+ 3 - 0
pages/chanpinneirong/index.vue

@@ -29,6 +29,7 @@
 				<view class="xx-item-list">
 					<view class="xx-item-title">— 以下为当前等级课程目录 —</view>
 					<scroll-view  v-for="danyuanItem in danyuanList" :key="danyuanItem.danyuanId">
+						<!-- 第一单元 -->
 						<view class="item-dy-box" @click="handleClickDanyuan">
 							<view class="dy-left-box">L{{banbenInfo.dengjiId}}</view>
 							<view class="dy-right-box">
@@ -36,6 +37,8 @@
 								<view>{{danyuanItem.danyuanIntro}}</view>
 							</view>
 						</view>
+						<!-- 其他单元 -->
+						<view class="xx-item-title">— {{danyuanItem.danyuanName}} {{danyuanItem.danyuanIntro}} —</view>
 						<view class="xx-item-box" v-for="jieItem in danyuanItem.jieList" :key="jieItem.jieId"
 							@click="handlePlay(jieItem,'play')">
 							<view class="xx-item-status"