Browse Source

样式修改

tanxue 1 month ago
parent
commit
6be501d5c7
2 changed files with 16 additions and 14 deletions
  1. 7 5
      common/styles/global/pages.scss
  2. 9 9
      pages/chanpinneirong/index.vue

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

@@ -2096,7 +2096,8 @@
 	.xx-item-list{
 	.xx-item-list{
 		.xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;}
 		.xx-item-title{text-align: center;margin: 32rpx 0;font-size: 32rpx;color: #444;}
 		.item-dy-box{
 		.item-dy-box{
-			display: flex;align-items: center;justify-content: center;color: #fff;margin-bottom: 24rpx;transition: 0.3s;
+			display: flex;align-items: center;justify-content: center;
+			color: #fff;transition: 0.3s;margin-bottom: 24rpx;
 			.dy-left-box{
 			.dy-left-box{
 				width: 174rpx;height: 127rpx;@include ezy-no-repeat-cover;font-size: 64rpx;
 				width: 174rpx;height: 127rpx;@include ezy-no-repeat-cover;font-size: 64rpx;
 				display: flex;align-items: center;box-sizing: border-box;padding:0 24rpx;
 				display: flex;align-items: center;box-sizing: border-box;padding:0 24rpx;
@@ -2119,17 +2120,18 @@
 			// transform: translateY(12rpx);
 			// transform: translateY(12rpx);
 			transform:scale(0.98);
 			transform:scale(0.98);
 		}
 		}
-		.item-dy-box.item-fixed{
+		.item-fixed{
+			width: 100%;padding: 24rpx 0;
 			position:sticky;position:-webkit-sticky;
 			position:sticky;position:-webkit-sticky;
-			top: 20rpx;z-index: 10;
+			top: 0;z-index: 10;background-color: #fff;
 		}
 		}
 		/* 动画类 */
 		/* 动画类 */
-		.item-dy-box.item-active {
+		/* .item-dy-box.item-active {
 			animation: scalePulse 1s ease-in-out;
 			animation: scalePulse 1s ease-in-out;
 			.right-content{
 			.right-content{
 				animation: opacityPulse 1s ease-in-out;
 				animation: opacityPulse 1s ease-in-out;
 			}
 			}
-		}
+		} */
 		/* 定义放大动画 */
 		/* 定义放大动画 */
 		@keyframes scalePulse {
 		@keyframes scalePulse {
 		  0% {
 		  0% {

+ 9 - 9
pages/chanpinneirong/index.vue

@@ -31,19 +31,19 @@
 						<view class="xx-item-title">— 以下为当前等级课程目录 —</view>
 						<view class="xx-item-title">— 以下为当前等级课程目录 —</view>
 						<view v-for="(danyuanItem,index) in danyuanList" :key="danyuanItem.danyuanId">
 						<view v-for="(danyuanItem,index) in danyuanList" :key="danyuanItem.danyuanId">
 							<!-- 第一单元 v-if="index ==0"-->
 							<!-- 第一单元 v-if="index ==0"-->
-							<view class="item-dy-box item-fixed" @click="handleClickDanyuan" :id="`unit-title-${danyuanItem.danyuanId}`">
-								<view class="dy-left-box">L{{banbenInfo.dengjiId}}</view>
-								<view class="dy-right-box">
-									<view class="right-content">
-										<view class="dy-name">{{danyuanItem.danyuanName}}</view>
-										<view>{{danyuanItem.danyuanIntro}}</view>
+								<view class="item-dy-box" @click="handleClickDanyuan" :id="`unit-title-${danyuanItem.danyuanId}`">
+									<view class="dy-left-box">L{{banbenInfo.dengjiId}}</view>
+									<view class="dy-right-box">
+										<view class="right-content">
+											<view class="dy-name">{{danyuanItem.danyuanName}}</view>
+											<view>{{danyuanItem.danyuanIntro}}</view>
+										</view>
 									</view>
 									</view>
 								</view>
 								</view>
-							</view>
 							<!-- 其他单元 -->
 							<!-- 其他单元 -->
-							<view v-if="index !=0" class="xx-item-title" :id="`unit-title-${danyuanItem.danyuanId}`">— {{danyuanItem.danyuanName}}
+							<!-- <view v-if="index !=0" class="xx-item-title" :id="`unit-title-${danyuanItem.danyuanId}`">— {{danyuanItem.danyuanName}}
 								{{danyuanItem.danyuanIntro}} —
 								{{danyuanItem.danyuanIntro}} —
-							</view>
+							</view> -->
 						
 						
 
 
 							<view class="xx-item-box" v-for="jieItem in danyuanItem.jieList" :key="jieItem.jieId"
 							<view class="xx-item-box" v-for="jieItem in danyuanItem.jieList" :key="jieItem.jieId"