111

pages.json

@@ -1,58 +1,7 @@
 {
 	"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
 		{
-			"path": "pages/index/demoReportKc",
-			"style": {
-				"navigationBarTitleText": "质物库存汇总"
-			}
-		},{
-			"path": "pages/index/auditReport",
-			"style": {
-				"navigationBarTitleText": "回款报告"
-			}
-		},{
-			"path": "pages/index/inventoryReport",
-			"style": {
-				"navigationBarTitleText": "库存日报表"
-			}
-		},{
-			"path": "pages/login/index",
-			"style": {
-				"navigationBarTitleText": "登录"
-			}
-		},{
-			"path": "pages/index/enterpriseRisk",
-			"style": {
-				"navigationBarTitleText": "企业经营异常核查"
-			}
-		},	{
-			"path": "pages/login/fwxy",
-			"style": {
-				"navigationBarTitleText": "服务协议"
-			}
-		},		{
-			"path": "pages/login/yszc",
-			"style": {
-				"navigationBarTitleText": "隐私政策"
-			}
-		},
-		
-		
-		{
-			"path": "pages/index/index",
-			"style": {
-				"navigationBarTitleText": "uni-app"
-			}
-		},
-		
-		{
-			"path": "pages/index/index2",
-			"style": {
-				"navigationBarTitleText": "uni-app"
-			}
-		},
-		{
-			"path": "pages/index/index3",
+			"path": "pages/card/card",
 			"style": {
 				"navigationBarTitleText": "uni-app"
 			}
@@ -65,4 +14,4 @@
 		"backgroundColor": "#F8F8F8"
 	},
 	"uniIdRouter": {}
-}
+}

pages/card/card.vue

@@ -0,0 +1,52 @@
+<template>
+	<view style="display: flex;flex-direction: column;align-items: center;">
+		<view v-for="(item,index) in data"
+			style="display: flex;flex-direction: column;border:  1px solid #e29a68;width: 90%;border-radius: 20rpx;margin-top: 8px;">
+
+			<view class="use" :style="{'background':item.showBtn?'#ce644e':'#999999'}" style="">
+				<view style="flex: 1;display: flex;flex-direction: column;">
+					<view style="font-size: 15px;padding: 2px;padding-left: 5px;">{{item.name}}</view>
+					<view style="font-size: 13px;padding-left: 5px;padding-bottom: 2px;">{{item.time}}</view>
+				</view>
+
+				<view v-if="item.showBtn" style="flex-shrink: 0;padding: 5px;font-size: 14px;">预约提货</view>
+			</view>
+			<view style="width: 100%;text-align: center;margin-top: 10px;margin-bottom: 10px;">{{item.state}}</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+				data: [{
+					showBtn: true,
+					time: "2023.10.20-2025.10.20",
+					name: "卡号:123456789",
+					state: "已失效",
+					sid:""
+				}, {
+					showBtn: false,
+					time: "2023.10.20-2025.10.30",
+					name: "卡号:1234567809",
+					state: "已失效1"
+				}]
+			}
+		},
+		methods: {
+
+		}
+	}
+</script>
+
+<style>
+	.use {
+		display: flex;
+		flex-direction: row;
+		border-top-left-radius: 20rpx;
+		border-top-right-radius: 20rpx;
+		color: #FFF;
+		align-items: center;
+	}
+</style>