Kaynağa Gözat

增加大写按钮

tanxue 1 ay önce
ebeveyn
işleme
49c72dd26b

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

@@ -2323,9 +2323,15 @@
 		.del-btn::after{
 			content: '';width: 46rpx;height: 46rpx;display: block;margin: 22rpx auto;
 		background-image: url("@/static/images/study/cjdc/wordView/del-btn.svg");@include ezy-no-repeat-cover;}
+		.bei-confirm-btn-box{
+			width: 100%;height: 77rpx;line-height: 77rpx;
+			padding: 0 32rpx;display: flex;margin: 16rpx auto 0;
+		}
+		.big-btn{width: 120rpx;background-color: #fff;color:#000;margin-right: 6px;border-radius: 8rpx;}
+		.big-btn.active{color: #005ea1;}
 		.bei-confirm-btn{
-			width: 610rpx;height: 77rpx;background-color: transparent;margin: 16rpx auto 0;
-			background-image: url("@/static/images/study/cjdc/wordView/confirm-btn.png");@include ezy-no-repeat-cover;
+			background-color: transparent;color: #fff;
+			background-color: #4897d7;border-radius: 8rpx;flex: 1;
 		}
 	}
 	@media (max-height: 800px) {

+ 6 - 1
pages/newEnglish/components/beiPage.vue

@@ -54,7 +54,12 @@
 						<btnTxtVue @text-select="handleSelect('z')">z</btnTxtVue>
 						<btnTxtVue @text-select="handleReset" class="del-btn"></btnTxtVue>
 					</view>
-					<view class="bei-confirm-btn" @click="checkIsRight"></view>
+					<view class="bei-confirm-btn-box">
+						<!-- active -->
+						<view class="big-btn">大写</view>
+						<view class="bei-confirm-btn" @click="checkIsRight">确定</view>
+					</view>
+					
 				</view>
 			</view>
 		</view>