样式修改

pages/admin/Jiazheng/xinyong.vue

@@ -1,60 +1,69 @@
 <template>
-	<view class="phone-navBar-box">
-		<view @click="goUpPage" class="nav-bar-icon"></view>
-		<text class="nav-bar-title">信用查询</text>
-	</view>
-	<view>
-		<view> 姓名：{{data.userInfo.realName}} </view>
-		<view> 身份证号：{{data.userInfo.idcard}} </view>
-		
-		<button @click="handleUpdate">重新查询</button>
-	</view>
-	
-	<view>
-		<view>1 失信人查询 </view>
-		<view >
-			<view v-if="!data.userInfo.createTime">未查询</view>
-			<view v-else>查询时间：{{data.userInfo.createTime}}</view>
-		</view>
-		<view>
-			“失信人”是指被执行人具有履行能力而不履行生效法律文书确定的义务，俗称“老赖”。
-		</view>
-		<view v-if="data.userInfo.createTime">
-			<view v-if="data.userInfo.shixing">验证通过</view>
-			<view v-if="!data.userInfo.shixing">验证不通过</view>
-		</view>
-	</view>	
-	
-	<view>
-		<view>2 限制高消费 </view>
-		<view >
-			<view v-if="!data.userInfo.createTime">未查询</view>
-			<view v-else>查询时间：{{data.userInfo.createTime}}</view>
+	<view class="phone-xycx-page">
+		<view class="icon-title-navBar-box">
+			<view @click="goUpPage" class="nav-bar-icon"></view>
+			<text class="nav-bar-title">信用查询</text>
 		</view>
-		<view>
-			“限制高消费令”是指国家针对拒不执行法院生效法律文书的“老赖”，采取“限制高消费”的措施。
+		<view class="phone-xycx-body">
+			<view class="xycx-search-box">
+				<view class="xycx-text">姓名：{{data.userInfo.realName}} </view>
+				<view class="xycx-text">身份证号：{{data.userInfo.idcard}} </view>
+				<view class="xycx-line"></view>
+				<button @click="handleUpdate" type="default" class="phone-green-btn">重新查询</button>
+			</view>
+			
+			<view class="search-result-box">
+				<view class="result-title-box">
+					<view class="title-icon">1</view>
+					<view>失信人查询</view>
+				</view>
+				<view class="xycx-line"></view>
+				<view class="result-text" v-if="!data.userInfo.createTime">未查询</view>
+				<view class="result-text" v-else>查询时间：{{data.userInfo.createTime}}</view>
+				<view class="result-content">
+					“失信人”是指被执行人具有履行能力而不履行生效法律文书确定的义务，俗称“老赖”。
+				</view>
+				<view v-if="data.userInfo.createTime">
+					<icon class="yztg-icon" v-if="data.userInfo.shixing"></icon>
+					<icon class="yzsb-icon" v-if="!data.userInfo.shixing"></icon>
+				</view>
+			</view>	
+			
+			<view class="search-result-box">
+				<view class="result-title-box">
+					<view class="title-icon">2</view>
+					<view>限制高消费</view>
+				</view>
+				<view class="xycx-line"></view>
+				<view class="result-text" v-if="!data.userInfo.createTime">未查询</view>
+				<view class="result-text" v-else>查询时间：{{data.userInfo.createTime}}</view>
+				<view class="result-content">
+					“限制高消费令”是指国家针对拒不执行法院生效法律文书的“老赖”，采取“限制高消费”的措施。
+				</view>
+				<view v-if="data.userInfo.createTime">
+					<icon class="yztg-icon" v-if="data.userInfo.xiangao"></icon>
+					<icon class="yzsb-icon" v-if="!data.userInfo.xiangao"></icon>
+				</view>
+			</view>	
+			
+			<view class="search-result-box">
+				<view class="result-title-box">
+					<view class="title-icon">3</view>
+					<view>法院被执行人查询</view>
+				</view>
+				<view class="xycx-line"></view>
+				<view class="result-text" v-if="!data.userInfo.createTime">未查询</view>
+				<view class="result-text" v-else>查询时间：{{data.userInfo.createTime}}</view>
+				<view class="result-content">
+					“法院被执行人”是指在法定的上诉期满后，或终审判决做出后，未履行法院判决或仲裁裁决，并进入执行程序的当事人。
+				</view>
+				<view v-if="data.userInfo.createTime">
+					<icon class="yztg-icon" v-if="data.userInfo.zhixing"></icon>
+					<icon class="yzsb-icon" v-if="!data.userInfo.zhixing"></icon>
+				</view>
+			</view>	
 		</view>
-		<view v-if="data.userInfo.createTime">
-			<view v-if="data.userInfo.xiangao">验证通过</view>
-			<view v-if="!data.userInfo.xiangao">验证不通过</view>
-		</view>
-	</view>	
-	
-	<view>
-		<view>3 法院被执行人查询 </view>
-		<view >
-			<view v-if="!data.userInfo.createTime">未查询</view>
-			<view v-else>查询时间：{{data.userInfo.createTime}}</view>
-		</view>
-		<view>
-			“法院被执行人”是指在法定的上诉期满后，或终审判决做出后，未履行法院判决或仲裁裁决，并进入执行程序的当事人。
-		</view>
-		<view v-if="data.userInfo.createTime">
-			<view v-if="data.userInfo.zhixing">验证通过</view>
-			<view v-if="!data.userInfo.zhixing">验证不通过</view>
-		</view>
-	</view>	
-	
+	</view>
 </template>
 
 <script setup>