Bläddra i källkod

单选题样式修改

tanxue 4 månader sedan
förälder
incheckning
681c16ee58
2 ändrade filer med 9 tillägg och 5 borttagningar
  1. 8 4
      common/styles/global/components.scss
  2. 1 1
      components/question/danxuan.vue

+ 8 - 4
common/styles/global/components.scss

@@ -124,13 +124,17 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 		width: 100%;line-height:96rpx;border-radius: 8px;margin-bottom: 20rpx;
 		font-size: 32rpx;color: #333;box-sizing: border-box;padding: 10rpx 24rpx;
 		display: flex;
-		.option-change{flex-shrink: 0;line-height: 1.6;}
+		.option-change{
+			width: 48rpx;height: 48rpx;line-height: 48rpx;box-sizing: border-box;
+			flex-shrink: 0;border-radius: 50%;border: 1rpx solid;margin-right: 16rpx;
+			    display: flex;align-items: center;justify-content: center;
+			}
 		.option-question{font-size: 32rpx;line-height: 1.6;margin-left: 6rpx;@include ezy-rich-text;
 		text-align: justify;word-wrap: break-word;word-break: break-all;display: block;}
 	}
-	.danxuan-option-box.active{color: #0589e9;}
-	.danxuan-option-box.showError{color: #ff5757;}
-	.danxuan-option-box.active_right{color: #1ac136;}
+	.danxuan-option-box.active .option-change{color: #FFF;background-color:#0589e9;border-color:#0589e9;}
+	.danxuan-option-box.showError .option-change{color: #FFF;background-color:#ff5757;border-color:#ff5757;}
+	.danxuan-option-box.active_right .option-change{color: #FFF;background-color:#1ac136;border-color:#1ac136;}
 }
 /***** 判断题 *****/
 .ezy-panduan-box{

+ 1 - 1
components/question/danxuan.vue

@@ -6,7 +6,7 @@
 		<rich-text :nodes="data.name" class="ezy-shiti-question"></rich-text>
 		<!-- 选项区域 -->
 		<view v-for="(item,index) in data.contents" class="danxuan-option-box" :class="formatClass(index)" :key="index" @click="onSelect(index)">
-			<text class="option-change">{{item.number}}.</text>
+			<text class="option-change">{{item.number}}</text>
 			<rich-text :nodes="item.label" class="option-question"></rich-text>
 		</view>
 	</view>