APP多语言-首页样式调整

src/pages/index/index.vue

@@ -100,8 +100,8 @@
           >
             <view class="item-til">
               <image src="../../static/img/sn.png" mode=""></image>
-              <text>{{ $lang.lang.index.orderNo }}:{{ item.orderNo }}</text>
-              <view class="">{{ $lang.lang.index.marks }}:{{ item.marks }}</view>
+              <view class="orderNo">{{ $lang.lang.index.orderNo }}:{{ item.orderNo }}</view>
+              <view class="marks">{{ $lang.lang.index.marks }}:{{ item.marks }}</view>
             </view>
             <view class="item-body">
               <view class="item-body-v">{{ item.departureName }}</view>

src/static/css/index.css

@@ -155,7 +155,7 @@ page{
 	color: var(--c2);
 	font-weight: 700;
 	margin-bottom: 40upx;
-	width: 200upx;
+	width: 220upx;
 	border-bottom: 1px solid #ACACAC;
 	padding: 10upx 0;
 	position: relative;
@@ -200,12 +200,15 @@ page{
 	height: 40upx;
 	margin: 6upx 10upx 0 0;
 }
-.act-list .item-til view{
+.act-list .item-til .marks{
 	position: absolute;
 	right: 20upx;
 	font-size: var(--f26);
 	color: var(--c3);
 }
+.act-list .item-til .orderNo{
+	width: 320upx;
+}
 .item-body{
 	display: flex;
 	width: 100%;