需求变更进行调整

pages-biz/tool/calculator.vue

@@ -2,7 +2,7 @@
 	<view class="calculator">
 		<customNavbar title="计算器" :showHome="true" />
 
-		<input class="display" v-model="expression" disabled />
+		<textarea class="display" 	auto-height v-model="expression" disabled />
 
 		<view class="keys">
 			<view
@@ -36,8 +36,7 @@ export default {
 				'4','5','6','*',
 				'1','2','3','-',
 				'0','.','%','+',
-				'C','⌫',
-				'='
+				'C','⌫','='
 			]
 		}
 	},
@@ -186,9 +185,10 @@ export default {
 }
 
 .display {
-	height: 120rpx;
-	font-size: 44rpx;
+	font-size: 70rpx;
 	font-weight: 600;
+	min-height: 400rpx;
+	width: 95%;
 	border-radius: 12rpx;
 	background: #fff;
 	padding: 0 24rpx;
@@ -206,7 +206,7 @@ export default {
 	background: #ffffff;
 	text-align: center;
 	padding: 36rpx 0;
-	font-size: 36rpx;
+	font-size: 70rpx;
 	font-weight: 500;
 	border-radius: 16rpx;
 	box-shadow: 0 10rpx 20rpx rgba(0,0,0,0.08);
@@ -220,7 +220,7 @@ export default {
 	background: #ffe8d9;
 	color: #ff7a18;
 	box-shadow: 0 10rpx 20rpx rgba(255,122,24,0.35);
-	font-size: 40rpx;
+	font-size: 70rpx;
 }
 
 .control {
@@ -230,10 +230,10 @@ export default {
 }
 
 .equal {
-	grid-column: span 4;
+    width: 215%;
 	background: linear-gradient(135deg, #4facfe, #00f2fe);
 	color: #fff;
-	font-size: 44rpx;
+	font-size: 70rpx;
 	font-weight: 600;
 	box-shadow: 0 12rpx 28rpx rgba(79,172,254,0.5);
 }