tanxue 2 هفته پیش
والد
کامیت
b21344f366
3فایلهای تغییر یافته به همراه14 افزوده شده و 6 حذف شده
  1. 2 0
      common/styles/global/components.scss
  2. 7 3
      components/questions/yuedu.vue
  3. 5 3
      components/questionsChengji/yuedu.vue

+ 2 - 0
common/styles/global/components.scss

@@ -276,6 +276,8 @@ view{box-sizing: border-box;}
 		  border-style:solid dashed dashed; border-color:#646566 transparent transparent ;
 		  font-size:0; line-height:0;right: 12px;position: absolute;}
 	}
+	.yuedu-tip-box{width: 70%;text-align: center;border: 1rpx dashed #6186fb;color:#6186fb;
+	font-size: 26rpx;border-radius: 4rpx;margin: 10rpx auto 0;padding: 6rpx;}
 }
 
 /***** 通用scroll-组件 *****/

+ 7 - 3
components/questions/yuedu.vue

@@ -5,6 +5,8 @@
 			<!-- 题干区域 -->
 			<rich-text :nodes="question.name"></rich-text>
 		</view>
+		<!-- 提示消息 -->
+		<view class="yuedu-tip-box" v-if="data.content.length>1">本题有{{ data.content.length}}道小题,左右滑动切换小题</view>
 		<!-- 选项区域 -->
 		<swiper class="yuedu-swiper-box" @change="onSwitchChange" :current="swiperDotIndex">
 			<swiper-item v-for="(item,index) in data.content" :key="index" class="yuedu-swiper-content">
@@ -29,10 +31,12 @@
 					<jianda :question="item" :key="item.stId"></jianda>
 				</template>
 			</swiper-item>
+			
 		</swiper>
-		<view  class="yuedu-left-jt" @click="handleRight" :class="{disable: swiperDotIndex == 0}"></view>
-		<view  class="yuedu-right-jt" @click="handleLeft" :class="{disable: swiperDotIndex == data.content.length-1}"></view>
-		<view class="button-next-tip" v-if="showTishi">点击左右蓝色箭头,<br/>跳转阅读题上下小题</view>
+		<!-- <view  class="yuedu-left-jt" @click="handleRight" :class="{disable: swiperDotIndex == 0}"></view>
+		<view  class="yuedu-right-jt" @click="handleLeft" :class="{disable: swiperDotIndex == data.content.length-1}"></view> 
+		<view class="button-next-tip" v-if="showTishi">点击左右蓝色箭头,<br/>跳转阅读题上下小题</view>-->
+		
 	</view>
 </template>
 

+ 5 - 3
components/questionsChengji/yuedu.vue

@@ -5,6 +5,8 @@
 			<!-- 题干区域 -->
 			<rich-text :nodes="question.name"></rich-text>
 		</view>
+		<!-- 提示消息 -->
+		<view class="yuedu-tip-box" v-if="data.content.length>1">本题有{{ data.content.length}}道小题,左右滑动切换小题</view>
 		<!-- 选项区域 -->
 		<swiper class="yuedu-swiper-box" @change="onSwitchChange" :current="swiperDotIndex">
 			<swiper-item v-for="(item,index) in data.content" :key="index" class="yuedu-swiper-content">
@@ -29,10 +31,10 @@
 					<jianda :question="item" :key="item.stId"></jianda>
 				</template>
 			</swiper-item>
+			<!-- <view  class="yuedu-left-jt" @click="handleRight" :class="{disable: swiperDotIndex == 0}"></view>
+			<view  class="yuedu-right-jt" @click="handleLeft" :class="{disable: swiperDotIndex == data.content.length-1}"></view> -->
 		</swiper>
-		<view  class="yuedu-left-jt" @click="handleRight" :class="{disable: swiperDotIndex == 0}"></view>
-		<view  class="yuedu-right-jt" @click="handleLeft" :class="{disable: swiperDotIndex == data.content.length-1}"></view>
-		<view class="button-next-tip" v-if="showTishi">点击左右蓝色箭头,<br/>跳转阅读题上下小题</view>
+		
 	</view>
 </template>